From acb8dd1425b5d12c03e0923d2c4351ec977dd9f5 Mon Sep 17 00:00:00 2001 From: Kentai Radiquum Date: Sun, 24 Nov 2024 21:53:13 +0500 Subject: [PATCH] refactor: move collections & friends back to 4th column --- index.html | 148 ++++++++++++++++++++++---------------------- static/tailwind.css | 146 ++++++++----------------------------------- 2 files changed, 98 insertions(+), 196 deletions(-) diff --git a/index.html b/index.html index 0dcb69b..74ad5bd 100644 --- a/index.html +++ b/index.html @@ -34,7 +34,8 @@ -
@@ -53,7 +54,8 @@ -
+
@@ -126,9 +128,9 @@

Photographer

-

I’m also getting into photography and excited to share my progress.

+

I’m also getting into photography and + excited to share my progress.

@@ -229,7 +231,7 @@

Feel free to reach out anytime! Ways to contact me via instant messengers are available in links section!

+ href="#links">links section!

@@ -244,7 +246,8 @@
-
+
-
+

SOCIAL MEDIA

@@ -367,7 +371,8 @@
-
+

PROJECTS

@@ -386,10 +391,10 @@
- + -
+

TG-Photos

Telegram bot to use telegram as a Google Photo alternative

@@ -447,7 +452,8 @@
-
+

CONTACT

@@ -496,72 +502,64 @@
-
-
- -
-
-
-
-

COLLECTIONS & FRIENDS

+
+
+
+
+

COLLECTIONS & FRIENDS

+
+
+ + +
+
+

Red Pandas Stickers

+

Telegram channel with red panda + sticker packs

+
+
+ + + +
+
+

Red Panda Images

+

3000+ Photos and Videos of a red pandas

+
+
+ + + +
+
+

blep stash

+

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

+
+
+ + + +
+
+

itc1205

+

Github profile of another furry + programmer

+
+
+
- -
- -
-
-

Red Pandas Stickers

-

Telegram channel with red panda - sticker packs

-
-
- -
- -
- -
-
-

Red Panda Images

-

Collection with 3000+ Photos - and - Videos of a red pandas

-
-
- -
- -
- -
-
-

blep stash

-

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

-
-
- -
- -
- -
-
-

itc1205

-

Github profile of another furry - programmer

-
-
- -
+ +
diff --git a/static/tailwind.css b/static/tailwind.css index d2962e5..d8bc759 100644 --- a/static/tailwind.css +++ b/static/tailwind.css @@ -682,16 +682,6 @@ video { margin-bottom: 1rem; } -.mx-2 { - margin-left: 0.5rem; - margin-right: 0.5rem; -} - -.mx-4 { - margin-left: 1rem; - margin-right: 1rem; -} - .-mt-4 { margin-top: -1rem; } @@ -712,18 +702,6 @@ video { margin-top: 1rem; } -.-mt-\[128px\] { - margin-top: -128px; -} - -.-mt-\[64px\] { - margin-top: -64px; -} - -.-mt-\[60px\] { - margin-top: -60px; -} - .block { display: block; } @@ -853,10 +831,6 @@ video { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); } -.grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); -} - .flex-row { flex-direction: row; } @@ -930,18 +904,14 @@ video { border-radius: 1.5rem; } -.rounded { - border-radius: 0.25rem; +.rounded-lg { + border-radius: 0.5rem; } .rounded-md { border-radius: 0.375rem; } -.rounded-lg { - border-radius: 0.5rem; -} - .rounded-b-lg { border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; @@ -1045,18 +1015,14 @@ video { padding: 1rem; } -.p-\[16px\] { - padding: 16px; +.p-8 { + padding: 2rem; } .p-\[8px\] { padding: 8px; } -.p-8 { - padding: 2rem; -} - .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; @@ -1067,6 +1033,11 @@ video { padding-right: 1rem; } +.px-8 { + padding-left: 2rem; + padding-right: 2rem; +} + .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; @@ -1077,11 +1048,6 @@ video { padding-bottom: 1rem; } -.px-8 { - padding-left: 2rem; - padding-right: 2rem; -} - .py-8 { padding-top: 2rem; padding-bottom: 2rem; @@ -1091,6 +1057,10 @@ video { text-align: center; } +.text-right { + text-align: right; +} + .text-2xl { font-size: 1.5rem; line-height: 2rem; @@ -1111,13 +1081,13 @@ video { line-height: 1.5rem; } -.text-xl { - font-size: 1.25rem; +.text-lg { + font-size: 1.125rem; line-height: 1.75rem; } -.text-lg { - font-size: 1.125rem; +.text-xl { + font-size: 1.25rem; line-height: 1.75rem; } @@ -1203,10 +1173,6 @@ video { flex-grow: 1; } -.\[grid-column\:span_2\] { - grid-column: span 2; -} - @font-face { font-family: 'Inter'; @@ -1297,34 +1263,14 @@ body { top: -6rem; } - .sm\:mt-0 { - margin-top: 0px; - } - - .sm\:-mt-\[64px\] { - margin-top: -64px; - } - - .sm\:-mt-\[68px\] { - margin-top: -68px; - } - - .sm\:-mt-\[96px\] { - margin-top: -96px; - } - - .sm\:-mt-\[90px\] { - margin-top: -90px; - } - - .sm\:-mt-\[88px\] { - margin-top: -88px; - } - .sm\:-mt-\[86px\] { margin-top: -86px; } + .sm\:mt-0 { + margin-top: 0px; + } + .sm\:block { display: block; } @@ -1333,14 +1279,6 @@ body { display: none; } - .sm\:h-\[120px\] { - height: 120px; - } - - .sm\:min-h-\[196px\] { - min-height: 196px; - } - .sm\:w-\[200px\] { width: 200px; } @@ -1390,19 +1328,10 @@ body { padding-bottom: 1rem; } - .sm\:pt-0 { - padding-top: 0px; - } - .sm\:text-right { text-align: right; } - .sm\:text-2xl { - font-size: 1.5rem; - line-height: 2rem; - } - .sm\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; @@ -1413,11 +1342,6 @@ body { line-height: 1; } - .sm\:text-lg { - font-size: 1.125rem; - line-height: 1.75rem; - } - .sm\:text-xl { font-size: 1.25rem; line-height: 1.75rem; @@ -1461,10 +1385,6 @@ body { width: auto; } - .md\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } - .md\:gap-4 { gap: 1rem; } @@ -1473,28 +1393,20 @@ body { border-radius: 0px; } - .md\:rounded-3xl { - border-radius: 1.5rem; - } - .md\:bg-transparent { background-color: transparent; } } @media (min-width: 1024px) { - .lg\:mt-28 { - margin-top: 7rem; - } - - .lg\:-mt-\[64px\] { - margin-top: -64px; - } - .lg\:-mt-\[60px\] { margin-top: -60px; } + .lg\:mt-28 { + margin-top: 7rem; + } + .lg\:w-\[64px\] { width: 64px; } @@ -1503,14 +1415,6 @@ body { scroll-margin-top: 1rem; } - .lg\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } - - .lg\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } - .lg\:text-4xl { font-size: 2.25rem; line-height: 2.5rem;