From b71df992648d1c0dbf06708b4d641f7d70c2f3c2 Mon Sep 17 00:00:00 2001 From: BurnyLlama Date: Sat, 13 Aug 2022 23:58:55 +0200 Subject: [PATCH] Fixed CSS for onion links. --- assets/css/landing.css | 28 ++++++++++++++++++--- content/pages/index.njk | 54 +++++++++++++++++++++++++++-------------- 2 files changed, 60 insertions(+), 22 deletions(-) diff --git a/assets/css/landing.css b/assets/css/landing.css index 7305b2b..75b66b8 100644 --- a/assets/css/landing.css +++ b/assets/css/landing.css @@ -115,7 +115,13 @@ body { margin-bottom: auto; } -.card > a { +.buttons { + display: flex; + flex-wrap: wrap; + justify-content: center; +} + +.buttons > a { color: var(--primary); background-color: transparent; @@ -123,7 +129,7 @@ body { border-radius: .5rem; /* box-shadow: 0 -5rem 20rem transparent; */ - margin: 1rem 0 .5rem 0; + margin: 1rem .5rem .5rem .5rem; padding: .5rem 1.5rem; display: block; @@ -134,13 +140,27 @@ body { transition: color .3s, background-color .3s, box-shadow .3s; } -.card > a:hover, -.card > a:focus { +.buttons > a:hover, +.buttons > a:focus { color: var(--surface); background-color: var(--primary); /* box-shadow: 0 .25rem 2rem var(--primary); */ } +.buttons > a.tor { + color: var(--purple); + border-color: var(--purple); + padding: .5rem 1rem; +} + +.buttons > a.tor:hover, +.buttons > a.tor:focus { + color: var(--surface); + background-color: var(--purple); + /* box-shadow: 0 .25rem 2rem var(--primary); */ +} + + .text-box { margin: 1rem; } diff --git a/content/pages/index.njk b/content/pages/index.njk index 4e2e764..575a885 100644 --- a/content/pages/index.njk +++ b/content/pages/index.njk @@ -32,8 +32,10 @@

Nitter is a Twitter frontend. Use it to browse Twitter without getting tracked.

- BROWSE - Tor +
+ BROWSE + TOR +
@@ -41,8 +43,10 @@

Bibliogram is an Instagram frontend. Use it to browse Instagram without getting tracked.

- BROWSE - Tor +
+ BROWSE + TOR +
@@ -50,8 +54,10 @@

Libreddit is a Reddit frontend. Use it to browse Reddit without getting tracked.

- BROWSE - Tor +
+ BROWSE + TOR +
@@ -59,8 +65,10 @@

Invidious is a YouTube frontend. Use it to browse YouTube without getting tracked.

- WATCH - TOR +
+ WATCH + TOR +
@@ -72,8 +80,8 @@ SERVICES

- These services requires an account, which you can create here - [Tor]. + These services requires an account, which you can create at qam.qwik.space + (Tor).

Gitea

@@ -81,8 +89,10 @@ Gitea is an alternative to Github, Gitlab, etc. We host our own instance, but feel free to use it as well (if you're brave enough).

- CODE - TOR +
+ CODE + TOR +
@@ -90,7 +100,9 @@

XMPP is an instant messaging protocol. You can find more info in the article below.

- READ MORE +
+ READ MORE +
@@ -99,7 +111,9 @@ Zulip is a chat service. The UI somewhat resembles Discord. It is quite advanced/bloated and we might switch it out for something else.

- CHAT +
+ CHAT +
@@ -107,7 +121,9 @@

Hedgedoc is an online markdown editor featuring real-time collaboration.

- WRITE +
+ WRITE +
@@ -115,7 +131,9 @@

We run an instance of CryptPad. As of now, accounts are supplied as per request. See contact options below.

- WRITE +
+ WRITE +
@@ -143,7 +161,7 @@

burnyllama [at] protonmail [dot] com

-

You can read about news for qwik.space, rants, and other stuffs over at my blog [Tor].

+

You can read about news for qwik.space, rants, and other stuffs over at my blog [Tor].

furo

@@ -183,7 +201,7 @@ If you want to contribute, feel free to contact us.

-

Visit us on TOR

+

Visit us on TOR!