From 96a76c6a5a1ffde5eb82387a2a36aa5fe680615d Mon Sep 17 00:00:00 2001 From: Giant Pink Robots! Date: Fri, 29 Nov 2024 14:19:59 +0300 Subject: [PATCH] Update website and metainfo - Website updated with better information and layout - Flatpak metainfo no longer includes the first screenshot as it shows an empty window which is against Flathub guidelines. --- ...thub.giantpinkrobots.varia.metainfo.xml.in | 3 -- docs/index.html | 36 +++++-------------- docs/style.css | 26 ++++++++++++-- 3 files changed, 32 insertions(+), 33 deletions(-) diff --git a/data/io.github.giantpinkrobots.varia.metainfo.xml.in b/data/io.github.giantpinkrobots.varia.metainfo.xml.in index e570e99..ce7952b 100644 --- a/data/io.github.giantpinkrobots.varia.metainfo.xml.in +++ b/data/io.github.giantpinkrobots.varia.metainfo.xml.in @@ -70,9 +70,6 @@ Varia uses GTK4 and Libadwaita for the user interface and utilizes Aria2 for the varia -https://raw.githubusercontent.com/giantpinkrobots/varia/main/screenshots/Screenshot-Varia-1.png - - https://raw.githubusercontent.com/giantpinkrobots/varia/main/screenshots/Screenshot-Varia-2.png diff --git a/docs/index.html b/docs/index.html index d4911b6..0424979 100644 --- a/docs/index.html +++ b/docs/index.html @@ -3,6 +3,7 @@ +Varia - Quick and efficient download manager @@ -30,6 +31,7 @@

Varia

Quick and efficient download manager

+

for regular downloads and torrents


@@ -94,8 +96,8 @@

Quick and efficient download manager

- - Varia screenshot + + Varia screenshot
@@ -103,37 +105,17 @@

Quick and efficient download manager


Download quickly.

-

Utilizing the aria2 backend, Varia helps you take advantage of your connection
speed to its fullest when it comes to downloading files.

- -
- -

Pick up where you left off.

-

With Varia, you can pause your downloads and continue downloading them
afterwards, even after rebooting your computer.

+

Download files and torrents quickly - potentially faster than your browser, continue incomplete downloads even after reboots


Connect it to your browser.

-

Varia integrates seamlessly with Firefox and Chrome/ium through
an extension. It can route all downloads to itself.

+

Varia integrates seamlessly with Firefox and Chrome/ium through an extension. It can route all downloads to itself.


Powerful underneath.

-

Schedule your downloads with a powerful scheduler function.
Use basic authentication and import cookies from a file.
Enable remote mode to control a remote aria2c instance.

- -
- -

Torrent support.

-

You can use Varia to download torrents easily as well.

- -
- -

Use it easily.

-

Varia has a very simple and easy to understand user interface.

- -
- -

It's all open.

-

Varia is open source software, which means the building blocks of it are publicly
available. You can take a look at it and contribute to it.

+

Schedule downloads with a powerful scheduler allowing for custom timespans for each day of the week. Use basic authentication and import cookies from a file. Adjust the speed and the maximum simultaneous amount of downloads.



@@ -144,7 +126,7 @@

It's all open.



-

+

The Varia logo / icon and the Flathub logo were made by Jakub Steiner.

@@ -170,7 +152,7 @@



The package icon used in the Download for Windows section is part of the Feather icons set, licensed under the MIT license. feathericons.com -

+

diff --git a/docs/style.css b/docs/style.css index 1e25e13..8715b37 100644 --- a/docs/style.css +++ b/docs/style.css @@ -31,18 +31,29 @@ h2 { font-family: 'Cantarell var'; font-size: 175%; color: #241f31; + line-height: 0; } h3 { + font-family: 'Cantarell var'; + font-size: 120%; + color: #777188; + width: 65%; + line-height: 15px; +} + +h4 { font-family: 'Cantarell var'; font-size: 75%; color: #241f31; + width: 65%; } p { font-family: 'Cantarell var'; font-size: 150%; color: #241f31; + width: 65%; } .pill-button { @@ -58,7 +69,7 @@ p { filter: drop-shadow(rgba(0, 0, 0, 0.5) 0rem 0rem 8px); transition: all 0.25s; transition-timing-function: ease-out; - display: block; + display: inline-block; } .pill-button-linux { @@ -123,7 +134,7 @@ p { background: #EBEBEB; padding: 20px; filter: drop-shadow(rgba(0, 0, 0, 0.5) 0rem 0.3rem 8px); - width: 800px; + width: 65%; transition: transform 0.25s ease-in-out, padding 0.25s ease-in-out, max-height 0.25s ease-in-out; transform: scaleY(1); transform-origin: top; @@ -138,6 +149,11 @@ p { padding: 0px; } +.screenshot { + width: 100%; + height: auto; +} + @media (prefers-color-scheme: dark) { div[name='logo'] { filter: drop-shadow(rgb(39, 39, 39) 0rem 0rem 0px); @@ -156,10 +172,14 @@ p { color: #62a0ea; } - h2, h3, p { + h2, h4, p { color: #f6f5f4; } + h3 { + color: #858585; + } + hr.solid { border: 1px solid #3d3846; }