From 829eb685b29d0a8568b6e38b8e8e8355220f462a Mon Sep 17 00:00:00 2001 From: Kentai Radiquum Date: Fri, 10 Jan 2025 19:00:35 +0500 Subject: [PATCH] refactor: Links section --- index.html | 378 +++++++++++++++++++++++--------------------- static/tailwind.css | 64 ++++++++ 2 files changed, 265 insertions(+), 177 deletions(-) diff --git a/index.html b/index.html index 195a482..96d34f9 100644 --- a/index.html +++ b/index.html @@ -31,6 +31,7 @@ content="Tech enthusiast with a passion for software development and self-hosting through my wah.su project. I'm also into photography and a big fan of red pandas, curating a collection of 3000+ photos and sti"> + @@ -116,8 +117,8 @@ LINKS - CHARACTERS + CHARACTERS @@ -265,9 +266,9 @@

LINKS

-
+
-
+
@@ -300,8 +301,8 @@ -

+

PHOTOS

@@ -311,42 +312,47 @@

Photo-Wah

-

My Telegram Photo Channel

+

My Telegram Photo + Channel

-
-

pixey.org

-

See the photos like in instagram

+

pixey

+

See the photos like in + instagram

 -
-

instafops.net

-

Photos that more furry related

+

instafops

+

Photos that more furry + related

 + href="https://photos.wah.su/share/1bc2wt0jpNrv_zNzq50C5wfBKL6sKj8zPmU6pOYpK7d8hWKyaNWaFGkFD4-r5bcY7Q0" + target="_blank" referrerpolicy="origin">

Online Gallery

-

Alternative versions and unreleased photos

+

Alternative versions and + unreleased photos
-
+
@@ -380,12 +386,13 @@ -

+

ARTS

- +
-
@@ -406,40 +413,41 @@
+
-
-
-
-
-

SOCIAL MEDIA

+
+
+
+

SOCIAL MEDIA

+
+
+ +
+ +
+

Mastodon

+

@radiquum@furry.engineer

- -
- -
-

Mastodon

-

@radiquum@furry.engineer

-
-
- - +
+

Bluesky

-

@radiquum.wah.su

+

radiquum.wah.su

 -
-
@@ -460,10 +468,11 @@
-
- +

Radiquum Projects

@@ -472,7 +481,7 @@
-
+
@@ -486,58 +495,67 @@

Anix

-

Unofficial web client for Anixart android app, +

Unofficial web client for + Anixart android app, made in Next.JS

 - -
- -
-

TG-Photos

-

Telegram bot to use telegram as a Google - Photo alternative

+ +
+ +
+ +
+

TG-Photos

+

Telegram bot to use + telegram as a Google + Photo alternative

+
-
- - -
- -
-

WordGen

-

Random word generator inspired by @tsoding -

+ + +
+ +
+

WordGen

+

Random word generator + inspired by @tsoding +

+
-
- - -
-
-

furaffinity-dl

-

Modification of the original project to - add more functionality

+ + +
+
+

furaffinity-dl

+

Modification of the + original project to + add more functionality

+
-
- - -
- -
-

Github

-

View my other repositories

+ + +
+ +
+

Github

+

View my other + repositories

+
-
- + +
+
@@ -546,118 +564,124 @@

wah.su

-

My Self-Hosting endeavor

+

My Self-Hosting endeavor +

-
-
+
+

CONTACT

- -
- -
-

Telegram

-

@radiquum

+
+ +
+ +
+

Telegram

+

@radiquum

+
-
- - -
- -
-

Matrix

-

@radiquum:wah.su -

+ + +
+ +
+

Matrix

+

@radiquum:wah.su +

+
-
- - -
- -
-

VKontakte

-

radiquum

+ + +
+ +
+

VKontakte

+

radiquum

+
-
- - -
- -
-

Discord

-

radiquum

+ + +
+ +
+

Discord

+

radiquum

+
-
- + +
-
-
-
-
-

COLLECTIONS & FRIENDS

-
+
+
+
+

+ COLLECTIONS & FRIENDS

- - -
-
-

Red Pandas Stickers

-

Telegram channel with red panda - sticker packs

+
+ +
+
+

Red Pandas Stickers

+

Telegram channel with + red + panda + sticker packs

+
-
- - - -
-
-

Red Panda Images

-

3000+ Photos and Videos of a red pandas

+ + +
+
+

Red Panda Images

+

3000+ Photos and + Videos + of a red pandas

+
-
- - - -
-
-

blep stash

-

VK Group of a photographer. - City and - Trains photography

+ + +
+
+

blep stash

+

VK Group of a + photographer. + City and + Trains photography

+
-
- - - -
-
-

itc1205

-

Github profile of another furry - programmer

+ + +
+
+

itc1205

+

Github profile of another + furry + programmer

+
-
- + +
diff --git a/static/tailwind.css b/static/tailwind.css index 13c3fde..5a44644 100644 --- a/static/tailwind.css +++ b/static/tailwind.css @@ -696,6 +696,10 @@ video { order: 4; } +.col-span-2 { + grid-column: span 2 / span 2; +} + .mx-auto { margin-left: auto; margin-right: auto; @@ -778,6 +782,10 @@ video { height: 100%; } +.h-\[170px\] { + height: 170px; +} + .max-h-\[182px\] { max-height: 182px; } @@ -831,14 +839,30 @@ video { width: max-content; } +.min-w-\[170px\] { + min-width: 170px; +} + .max-w-\[50vw\] { max-width: 50vw; } +.max-w-\[170px\] { + max-width: 170px; +} + .flex-1 { flex: 1 1 0%; } +.flex-shrink { + flex-shrink: 1; +} + +.flex-grow { + flex-grow: 1; +} + .-translate-y-full { --tw-translate-y: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); @@ -1353,6 +1377,10 @@ video { filter: darken(10%); } +.\[grid-template-columns\:1fr_1fr\] { + grid-template-columns: 1fr 1fr; +} + @font-face { font-family: 'Inter'; @@ -1433,6 +1461,10 @@ body { flex: 1 1 0%; } + .xs\:flex-grow { + flex-grow: 1; + } + .xs\:\[flex-grow\:1\] { flex-grow: 1; } @@ -1577,6 +1609,10 @@ body { width: auto; } + .md\:w-\[170px\] { + width: 170px; + } + .md\:grid-cols-fluid { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); } @@ -1634,6 +1670,10 @@ body { flex-direction: row; } + .lg\:gap-4 { + gap: 1rem; + } + .lg\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; @@ -1643,6 +1683,14 @@ body { font-size: 3.75rem; line-height: 1; } + + .lg\:\[grid-column\:span_2\] { + grid-column: span 2; + } + + .lg\:\[span\:2\] { + span: 2; + } } @media (min-width: 1280px) { @@ -1662,6 +1710,14 @@ body { grid-template-columns: repeat(4, minmax(0, 1fr)); } + .xl\:flex-col { + flex-direction: column; + } + + .xl\:gap-1 { + gap: 0.25rem; + } + .xl\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; @@ -1676,6 +1732,14 @@ body { font-size: 4.5rem; line-height: 1; } + + .xl\:\[grid-column\:1\] { + grid-column: 1; + } + + .xl\:\[grid-column\:4\] { + grid-column: 4; + } } @media (min-width: 1536px) {