Add screenshot page
@ -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;
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
BIN
_site/img/screenshots/linux/1.webp
Normal file
After Width: | Height: | Size: 57 KiB |
BIN
_site/img/screenshots/linux/2.webp
Normal file
After Width: | Height: | Size: 86 KiB |
BIN
_site/img/screenshots/linux/3.webp
Normal file
After Width: | Height: | Size: 48 KiB |
BIN
_site/img/screenshots/linux/4.webp
Normal file
After Width: | Height: | Size: 54 KiB |
@ -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>
|
||||
|
@ -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
@ -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 ©2006-2024 <a href="mailto:sledgehammer999@qbittorrent.org" style="color: #FFFFFF;">The qBittorrent project</a> - All rights reserved<br>
|
||||
<br>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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;
|
||||
|
BIN
src/img/screenshots/linux/1.webp
Normal file
After Width: | Height: | Size: 57 KiB |
BIN
src/img/screenshots/linux/2.webp
Normal file
After Width: | Height: | Size: 86 KiB |
BIN
src/img/screenshots/linux/3.webp
Normal file
After Width: | Height: | Size: 48 KiB |
BIN
src/img/screenshots/linux/4.webp
Normal file
After Width: | Height: | Size: 54 KiB |
35
src/screenshots.liquid
Normal 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>
|