Add screenshot page

This commit is contained in:
Chocobo1 2024-04-07 02:18:45 +08:00
parent 8afd389272
commit 723c0df824
No known key found for this signature in database
GPG Key ID: 210D9C873253A68C
18 changed files with 173 additions and 6 deletions

View File

@ -45,6 +45,23 @@ div .flexbox {
justify-content: flex-start;
}
div .flexbox_screenshots {
align-items: flex-start;
column-gap: 1em;
display: flex;
flex-flow: row wrap;
row-gap: 1.5em;
}
div .flexbox_screenshots div {
text-align: center;
}
div .flexbox_screenshots div img {
margin-left: auto;
margin-right: auto;
}
@media only screen and (width <= 760px) and (orientation: portrait) {
div .flexbox .box1 {
min-width: auto;

View File

@ -37,7 +37,7 @@
<li><a href="news">News</a></li>
<li><a href="https://forum.qbittorrent.org" target="_blank">Forum</a></li>
<li><a href="download">Download</a></li>
<li><a href="https://sourceforge.net/projects/qbittorrent/#screenshots">Screenshots</a></li>
<li><a href="screenshots">Screenshots</a></li>
<li><a href="https://wiki.qbittorrent.org" target="_blank">Wiki</a></li>
<li><a href="https://git.qbittorrent.org" target="_blank">Development</a></li>
<li><a href="https://bugs.qbittorrent.org" target="_blank">Bugs</a></li>

View File

@ -37,7 +37,7 @@
<li><a href="news">News</a></li>
<li><a href="https://forum.qbittorrent.org" target="_blank">Forum</a></li>
<li><a href="download">Download</a></li>
<li><a href="https://sourceforge.net/projects/qbittorrent/#screenshots">Screenshots</a></li>
<li><a href="screenshots">Screenshots</a></li>
<li><a href="https://wiki.qbittorrent.org" target="_blank">Wiki</a></li>
<li><a href="https://git.qbittorrent.org" target="_blank">Development</a></li>
<li><a href="https://bugs.qbittorrent.org" target="_blank">Bugs</a></li>

Binary file not shown.

After

Width:  |  Height:  |  Size: 57 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 86 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 54 KiB

View File

@ -37,7 +37,7 @@
<li><a href="news">News</a></li>
<li><a href="https://forum.qbittorrent.org" target="_blank">Forum</a></li>
<li><a href="download">Download</a></li>
<li><a href="https://sourceforge.net/projects/qbittorrent/#screenshots">Screenshots</a></li>
<li><a href="screenshots">Screenshots</a></li>
<li><a href="https://wiki.qbittorrent.org" target="_blank">Wiki</a></li>
<li><a href="https://git.qbittorrent.org" target="_blank">Development</a></li>
<li><a href="https://bugs.qbittorrent.org" target="_blank">Bugs</a></li>

View File

@ -37,7 +37,7 @@
<li><a href="news">News</a></li>
<li><a href="https://forum.qbittorrent.org" target="_blank">Forum</a></li>
<li><a href="download">Download</a></li>
<li><a href="https://sourceforge.net/projects/qbittorrent/#screenshots">Screenshots</a></li>
<li><a href="screenshots">Screenshots</a></li>
<li><a href="https://wiki.qbittorrent.org" target="_blank">Wiki</a></li>
<li><a href="https://git.qbittorrent.org" target="_blank">Development</a></li>
<li><a href="https://bugs.qbittorrent.org" target="_blank">Bugs</a></li>

98
_site/screenshots.html Normal file
View File

@ -0,0 +1,98 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="description" content="qBittorrent Official Website">
<meta name="keywords" content="qBittorrent, torrent client, BitTorrent protocol, cross-platform, free and open-source software, GNU GPL, libtorrent-rasterbar, Qt, C++">
<meta name="author" content="qBittorrent Development Team: https://github.com/qbittorrent">
<meta name="google-site-verification" content="2P14de1zV_NTk03Ebnc0wpPKWaeJoj7B9Tc_HtRkOfE">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>qBittorrent Official Website</title>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" sizes="16x16 32x32 64x64">
<link rel="icon" type="image/svg+xml" href="favicon.svg" sizes="any">
<!-- Main CSS -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/TLbanner.css">
<link rel="dns-prefetch" href="https://git.qbittorrent.org">
<link rel="dns-prefetch" href="https://bugs.qbittorrent.org">
<link rel="dns-prefetch" href="https://wiki.qbittorrent.org">
<link rel="dns-prefetch" href="https://forum.qbittorrent.org">
</head>
<body>
<span id="forkongithub">
<a href="download">Latest: v4.6.4</a>
</span>
<div id="MainBox">
<div id="LogoChris">
<img src="img/qb_banner.webp" alt="qBittorrent" style="transform: translateY(-50%);" class="banner">
</div>
<div class="menu">
<ul>
<li class="first"><a href="./">Home</a></li>
<li><a href="news">News</a></li>
<li><a href="https://forum.qbittorrent.org" target="_blank">Forum</a></li>
<li><a href="download">Download</a></li>
<li><a href="screenshots">Screenshots</a></li>
<li><a href="https://wiki.qbittorrent.org" target="_blank">Wiki</a></li>
<li><a href="https://git.qbittorrent.org" target="_blank">Development</a></li>
<li><a href="https://bugs.qbittorrent.org" target="_blank">Bugs</a></li>
</ul>
</div>
<div class="wrapper">
<div class="wrapper-top">
<div class="wrapper-bottom">
<div id="content">
<div class="stretcher" id="StretchHome">
<h2>Screenshots</h2>
<h3 id="linux">
<a class="header-anchor" href="#windows">Linux</a>
</h3>
<div class="flexbox_screenshots">
<div>
<a href="img/screenshots/linux/1.webp">
<img src="img/screenshots/linux/1.webp" alt="Main window (General tab collapsed)" width="256">
</a>
Main window (General tab collapsed)
</div>
<div>
<a href="img/screenshots/linux/2.webp">
<img src="img/screenshots/linux/2.webp" alt="Main window (General tab expanded)" width="256">
</a>
Main window (General tab expanded)
</div>
<div>
<a href="img/screenshots/linux/3.webp">
<img src="img/screenshots/linux/3.webp" alt="Options dialog" width="256">
</a>
Options dialog
</div>
<div>
<a href="img/screenshots/linux/4.webp">
<img src="img/screenshots/linux/4.webp" alt="Search engine" width="256">
</a>
Search engine
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<p class="copyright">
<a href="https://www.qbittorrent.org/">Main site</a>, <a href="https://qbittorrent.github.io/qBittorrent-website/">backup site</a><br>
Help us improve the <a href="https://github.com/qbittorrent/qBittorrent-website">website</a><br>
<br>
Copyright &copy;2006-2024 <a href="mailto:sledgehammer999@qbittorrent.org" style="color: #FFFFFF;">The qBittorrent project</a> - All rights reserved<br>
<br>
</p>
</div>
</body>
</html>

View File

@ -37,7 +37,7 @@
<li><a href="news">News</a></li>
<li><a href="https://forum.qbittorrent.org" target="_blank">Forum</a></li>
<li><a href="download">Download</a></li>
<li><a href="https://sourceforge.net/projects/qbittorrent/#screenshots">Screenshots</a></li>
<li><a href="screenshots">Screenshots</a></li>
<li><a href="https://wiki.qbittorrent.org" target="_blank">Wiki</a></li>
<li><a href="https://git.qbittorrent.org" target="_blank">Development</a></li>
<li><a href="https://bugs.qbittorrent.org" target="_blank">Bugs</a></li>

View File

@ -40,7 +40,7 @@ latest_ver: 4.6.4
<li><a href="news">News</a></li>
<li><a href="https://forum.qbittorrent.org" target="_blank">Forum</a></li>
<li><a href="download">Download</a></li>
<li><a href="https://sourceforge.net/projects/qbittorrent/#screenshots">Screenshots</a></li>
<li><a href="screenshots">Screenshots</a></li>
<li><a href="https://wiki.qbittorrent.org" target="_blank">Wiki</a></li>
<li><a href="https://git.qbittorrent.org" target="_blank">Development</a></li>
<li><a href="https://bugs.qbittorrent.org" target="_blank">Bugs</a></li>

View File

@ -45,6 +45,23 @@ div .flexbox {
justify-content: flex-start;
}
div .flexbox_screenshots {
align-items: flex-start;
column-gap: 1em;
display: flex;
flex-flow: row wrap;
row-gap: 1.5em;
}
div .flexbox_screenshots div {
text-align: center;
}
div .flexbox_screenshots div img {
margin-left: auto;
margin-right: auto;
}
@media only screen and (width <= 760px) and (orientation: portrait) {
div .flexbox .box1 {
min-width: auto;

Binary file not shown.

After

Width:  |  Height:  |  Size: 57 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 86 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 54 KiB

35
src/screenshots.liquid Normal file
View File

@ -0,0 +1,35 @@
---
layout: base.liquid
permalink: "{{ page.filePathStem }}.html"
---
<h2>Screenshots</h2>
<h3 id="linux">
<a class="header-anchor" href="#windows">Linux</a>
</h3>
<div class="flexbox_screenshots">
<div>
<a href="img/screenshots/linux/1.webp">
<img src="img/screenshots/linux/1.webp" alt="Main window (General tab collapsed)" width="256">
</a>
Main window (General tab collapsed)
</div>
<div>
<a href="img/screenshots/linux/2.webp">
<img src="img/screenshots/linux/2.webp" alt="Main window (General tab expanded)" width="256">
</a>
Main window (General tab expanded)
</div>
<div>
<a href="img/screenshots/linux/3.webp">
<img src="img/screenshots/linux/3.webp" alt="Options dialog" width="256">
</a>
Options dialog
</div>
<div>
<a href="img/screenshots/linux/4.webp">
<img src="img/screenshots/linux/4.webp" alt="Search engine" width="256">
</a>
Search engine
</div>
</div>