-
-
-
-
- 
-
-
-
-
- KENTAI RADIQUUM
-Async / Await
• Red panda / Protogen
-
+
+
+
-
-
-
-
- 
-
-
-
- yaml
-
-
- BIO:
-Furry: true
-About:
-- Coder: "NEXT.js, Python"
-- Photographer: "wah.su/photos"
-- Self-Hosting Enthusiast: "wah.su"
-Listen: "LOADING . . ."
-Art_by: "NurseL's art"
-
+
+
+
+
+
+
+
+
+
+
+
+
+ @sleepy_muzzle
+
+
+ @sleepy_muzzle
+
+
+ KENTAI RADIQUUM
+He / Him
+ • Red panda / Protogen
+
+ Now listening to: LOADING . . .
+ + + +
+ ABOUT ME
-
-
-
-
-
Tech enthusiast
+
+
+
+
+
- Tech enthusiast
-
- I'm a tech enthusiast with a passion for software development. I love diving into code and exploring new software, though hardware fascinates me too.
+
+
I'm a tech enthusiast with a passion for software + development. I love diving into code and exploring new software, though hardware fascinates + me too.
-
-
Skills
+
+
+
+
- Photographer
+
+
+
+ I’m also getting into photography and excited to share my progress.
+
+
+
+
+
+
+ Self-Hosting stuff
+
+
+ I'm really into self-hosting through my wah.su project, which helps me dive into server management + and hosting platforms.
+
+
+
+
+ Music
+
+
+ I listen a lot of various music, but mainly listen to + EDM \ Happy Hardcore \ Tech \ Rock \ Alternative. By artist like: S3RL, Camellia, + t+pazolite, BTMH, Saint Motel, and more...
+
+
+
-
+
+ Skills
+
-
Front-end development
--
+
- HTML
- CSS
- JS/TS @@ -116,31 +173,31 @@
Front-end development
+
-
Back-end development
--
+
- Python
- Node.js
- FastAPI
Back-end development
+
-
API
--
+
- Postman/Hoppscotch
- mitmproxy
- HTTP Toolkit
API
+
-
Collaboration
--
+
- Git
- Github
Collaboration
+
-
Deployment
--
+
- Docker
- Docker-compose
- Vercel @@ -149,330 +206,360 @@
Deployment
+
-
-
-
Self-Hosting stuff
+
+
+
+
- Red Pandas admirer
-
- I'm really into self-hosting through my wah.su project, which helps me dive into server management and hosting platforms.
+
+
One of my biggest loves is red pandas—I can’t get + enough + of them! I’ve been collecting red panda stickers and sharing them on the Red Panda Stickers Telegram channel. Plus, + I’ve curated a collection of over 3000 red panda photos and + videos.
-
-
-
- Photographer
+
+
-
+
- Contact
-
- I’m also getting into photography and excited to share my progress.
-
-
-
-
- Red Pandas admirer
-
-
- One of my biggest loves is red pandas—I can’t get enough of them! I’ve been collecting red panda stickers and sharing them on the Red Panda Stickers Telegram channel. Plus, I’ve curated a collection of over 3000 red panda photos and videos.
-
-
-
-
-
- Music
-
-
- I listen a lot of various music, but mainly listen to EDM \ Happy Hardcore \ Tech \ Rock \ Alternative. By artist like: S3RL, Camellia, t+pazolite, BTMH, Saint Motel, and more...
-
+
+
+
+
LINKS
-
-
-
-
-
-
- 
- 
- 
- 
- 
- 
-
-
-
-
-
-
-
-
- PHOTOS
-
- 
-
-
-
-
-
-
- SOCIAL MEDIA
-
- 
- 
-
-
-
-
- PROJECTS
-
- 
-
-
-
Anix
-Unofficial web client for Anixart android app, - made in Next.JS
+
+
+
+
+
+
+
+
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+ PHOTOS
+
+
+
+ 
+
+
+
-
-
-
+
+
+
-
-
+
+
+
+
+
+
+ PROJECTS
+
+
+
+
+
+
+
+ Anix
+Unofficial web client for Anixart android app, + made in Next.JS
+
-
-
-
TG-Photos
-Telegram bot to use telegram as a Google +
+
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 +
furaffinity-dl
+Modification of the original project to add more functionality
-
+ Github
-View my other repositories
+Github
+View my other repositories
+
+ 
+
+
+
+
+
wah.su
+My Self-Hosting endeavor
-
-
+
+
+
-
+
+
+
+
+
+
+
+
-
-
+
+
+
+ COLLECTIONS & FRIENDS
+
-
-
-
-
diff --git a/static/arrow_downward.svg b/static/arrow_downward.svg
new file mode 100644
index 0000000..e13fe3d
--- /dev/null
+++ b/static/arrow_downward.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/static/assets/ANIX.png b/static/assets/ANIX.png
index 814d0e3..c41f11f 100644
Binary files a/static/assets/ANIX.png and b/static/assets/ANIX.png differ
diff --git a/static/assets/fur-affinity.svg b/static/assets/fur-affinity.svg
new file mode 100644
index 0000000..6a55e0d
--- /dev/null
+++ b/static/assets/fur-affinity.svg
@@ -0,0 +1,4 @@
+
+
\ No newline at end of file
diff --git a/static/avatar_512.png b/static/avatar_512.png
index 7f640a5..5e93db9 100644
Binary files a/static/avatar_512.png and b/static/avatar_512.png differ
diff --git a/static/file_icon.svg b/static/file_icon.svg
deleted file mode 100644
index f8ab6c4..0000000
--- a/static/file_icon.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/static/opengraph.png b/static/opengraph.png
index d030187..4429daf 100644
Binary files a/static/opengraph.png and b/static/opengraph.png differ
diff --git a/static/script.js b/static/script.js
index f4dc9ec..5193bd5 100644
--- a/static/script.js
+++ b/static/script.js
@@ -28,7 +28,7 @@ function deletePreviousTrack(newTrackName) {
prevTrackNameLen - removed
);
- if (removed == prevTrackNameLen - 1) {
+ if (removed == prevTrackNameLen) {
clearInterval(DELETE_INTERVAL);
updateTrack(newTrackName);
return true;
@@ -51,9 +51,6 @@ function updateTrack(newTrackName) {
if (added == TrackNameLen) {
clearInterval(UPDATE_INTERVAL);
- setTimeout(() => {
- trackName.innerHTML += '"';
- }, SYMBOL_DELAY);
trackName.style.setProperty("--cursor-animation", "blink");
setTimeout(() => {
trackName.style.setProperty("--cursor-color", "transparent");
@@ -66,7 +63,6 @@ function updateTrack(newTrackName) {
async function updatePlayingTrack() {
const trackName = document.getElementById("track-name");
const prevTrackName = trackName.innerHTML;
- const prevTrackNameLen = trackName.innerHTML.length;
fetch("https://lastfm-last-played.biancarosa.com.br/radiquum/latest-song")
.then((res) => {
@@ -77,7 +73,7 @@ async function updatePlayingTrack() {
})
.then((data) => {
if (
- prevTrackName != `"${data.track.artist["#text"]} - ${data.track.name}"`
+ prevTrackName != `${data.track.artist["#text"]} - ${data.track.name}`
) {
trackName.style.setProperty("--cursor-color", "#fff");
trackName.style.setProperty("--cursor-animation", "blink");
@@ -100,7 +96,7 @@ let last_Y_pos = 0;
let header_opacity = 0;
window.onscroll = () => {
- let landingBlock = document.getElementById("section_landing").clientHeight;
+ let landingBlock = document.getElementById("landing").clientHeight;
if (window.scrollY < (landingBlock * HEADER_ACTIVATION_PERCENT)) {
header.style.display = "none";
diff --git a/static/tailwind.css b/static/tailwind.css
index d996e90..d2962e5 100644
--- a/static/tailwind.css
+++ b/static/tailwind.css
@@ -560,9 +560,9 @@ video {
margin-left: auto;
}
-@media (min-width: 360px) {
+@media (min-width: 370px) {
.container {
- max-width: 360px;
+ max-width: 370px;
}
}
@@ -578,21 +578,21 @@ video {
}
}
-@media (min-width: 1000px) {
- .container {
- max-width: 1000px;
- }
-}
-
@media (min-width: 1024px) {
.container {
max-width: 1024px;
}
}
-@media (min-width: 1800px) {
+@media (min-width: 1280px) {
.container {
- max-width: 1800px;
+ max-width: 1280px;
+ }
+}
+
+@media (min-width: 1536px) {
+ .container {
+ max-width: 1536px;
}
}
@@ -620,6 +620,10 @@ video {
top: -80px;
}
+.bottom-0 {
+ bottom: 0px;
+}
+
.bottom-\[50\%\] {
bottom: 50%;
}
@@ -652,6 +656,22 @@ video {
z-index: 10;
}
+.order-1 {
+ order: 1;
+}
+
+.order-2 {
+ order: 2;
+}
+
+.order-3 {
+ order: 3;
+}
+
+.order-4 {
+ order: 4;
+}
+
.mx-auto {
margin-left: auto;
margin-right: auto;
@@ -662,9 +682,18 @@ video {
margin-bottom: 1rem;
}
-.my-auto {
- margin-top: auto;
- margin-bottom: auto;
+.mx-2 {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+}
+
+.mx-4 {
+ margin-left: 1rem;
+ margin-right: 1rem;
+}
+
+.-mt-4 {
+ margin-top: -1rem;
}
.mb-12 {
@@ -675,38 +704,54 @@ video {
margin-bottom: 0.5rem;
}
-.mb-\[3\%\] {
- margin-bottom: 3%;
+.mt-1 {
+ margin-top: 0.25rem;
}
-.ml-4 {
- margin-left: 1rem;
+.mt-4 {
+ margin-top: 1rem;
}
-.ml-8 {
- margin-left: 2rem;
+.-mt-\[128px\] {
+ margin-top: -128px;
}
-.mt-28 {
- margin-top: 7rem;
+.-mt-\[64px\] {
+ margin-top: -64px;
}
-.mt-\[50\%\] {
- margin-top: 50%;
+.-mt-\[60px\] {
+ margin-top: -60px;
}
-.mt-20 {
- margin-top: 5rem;
+.block {
+ display: block;
+}
+
+.inline {
+ display: inline;
}
.flex {
display: flex;
}
+.grid {
+ display: grid;
+}
+
.hidden {
display: none;
}
+.aspect-\[2\/1\] {
+ aspect-ratio: 2/1;
+}
+
+.aspect-square {
+ aspect-ratio: 1 / 1;
+}
+
.h-14 {
height: 3.5rem;
}
@@ -715,44 +760,24 @@ video {
height: 4rem;
}
-.h-20 {
- height: 5rem;
-}
-
-.h-8 {
- height: 2rem;
+.h-24 {
+ height: 6rem;
}
.h-\[100px\] {
height: 100px;
}
-.h-\[180px\] {
- height: 180px;
-}
-
-.h-\[376px\] {
- height: 376px;
-}
-
-.h-\[37px\] {
- height: 37px;
-}
-
-.h-\[75px\] {
- height: 75px;
-}
-
-.h-\[81px\] {
- height: 81px;
-}
-
.h-full {
height: 100%;
}
-.max-h-\[4px\] {
- max-height: 4px;
+.max-h-\[182px\] {
+ max-height: 182px;
+}
+
+.max-h-\[50vh\] {
+ max-height: 50vh;
}
.min-h-screen {
@@ -767,12 +792,8 @@ video {
width: 4rem;
}
-.w-20 {
- width: 5rem;
-}
-
-.w-8 {
- width: 2rem;
+.w-24 {
+ width: 6rem;
}
.w-\[170px\] {
@@ -787,33 +808,16 @@ video {
width: 256px;
}
-.w-\[30px\] {
- width: 30px;
-}
-
-.w-\[320px\] {
- width: 320px;
-}
-
-.w-\[344px\] {
- width: 344px;
-}
-
.w-\[64px\] {
width: 64px;
}
-.w-fit {
- width: -moz-fit-content;
- width: fit-content;
-}
-
.w-full {
width: 100%;
}
-.max-w-\[46\.25\%\] {
- max-width: 46.25%;
+.max-w-\[50vw\] {
+ max-width: 50vw;
}
.translate-y-\[var\(--transform-y\2c 0\)\] {
@@ -821,50 +825,42 @@ video {
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));
}
-.scroll-mt-20 {
- scroll-margin-top: 5rem;
+@keyframes bounce {
+ 0%, 100% {
+ transform: translateY(-25%);
+ animation-timing-function: cubic-bezier(0.8,0,1,1);
+ }
+
+ 50% {
+ transform: none;
+ animation-timing-function: cubic-bezier(0,0,0.2,1);
+ }
}
-.scroll-mt-28 {
- scroll-margin-top: 7rem;
-}
-
-.scroll-mt-32 {
- scroll-margin-top: 8rem;
-}
-
-.scroll-mt-16 {
- scroll-margin-top: 4rem;
-}
-
-.scroll-mt-64 {
- scroll-margin-top: 16rem;
-}
-
-.scroll-mt-8 {
- scroll-margin-top: 2rem;
-}
-
-.scroll-mb-8 {
- scroll-margin-bottom: 2rem;
-}
-
-.scroll-mb-28 {
- scroll-margin-bottom: 7rem;
-}
-
-.scroll-mt-96 {
- scroll-margin-top: 24rem;
-}
-
-.scroll-mt-24 {
- scroll-margin-top: 6rem;
+.animate-bounce {
+ animation: bounce 1s infinite;
}
.scroll-mt-36 {
scroll-margin-top: 9rem;
}
+.grid-cols-1 {
+ grid-template-columns: repeat(1, minmax(0, 1fr));
+}
+
+.grid-cols-fluid {
+ 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;
+}
+
.flex-col {
flex-direction: column;
}
@@ -889,10 +885,6 @@ video {
justify-content: center;
}
-.justify-between {
- justify-content: space-between;
-}
-
.justify-around {
justify-content: space-around;
}
@@ -918,10 +910,6 @@ video {
column-gap: 0.5rem;
}
-.gap-y-1 {
- row-gap: 0.25rem;
-}
-
.overflow-hidden {
overflow: hidden;
}
@@ -934,44 +922,43 @@ video {
scroll-behavior: smooth;
}
-.border {
- border-width: 1px;
+.break-words {
+ overflow-wrap: break-word;
+}
+
+.rounded-3xl {
+ border-radius: 1.5rem;
+}
+
+.rounded {
+ border-radius: 0.25rem;
+}
+
+.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;
}
.border-2 {
border-width: 2px;
}
-.border-4 {
- border-width: 4px;
-}
-
-.border-l-8 {
- border-left-width: 8px;
-}
-
-.border-t-8 {
- border-top-width: 8px;
-}
-
.border-solid {
border-style: solid;
}
-.border-black {
- --tw-border-opacity: 1;
- border-color: rgb(0 0 0 / var(--tw-border-opacity));
-}
-
.border-transparent {
border-color: transparent;
}
-.border-white {
- --tw-border-opacity: 1;
- border-color: rgb(255 255 255 / var(--tw-border-opacity));
-}
-
.bg-\[\#0E1621\] {
--tw-bg-opacity: 1;
background-color: rgb(14 22 33 / var(--tw-bg-opacity));
@@ -984,7 +971,7 @@ video {
.bg-bg-black {
--tw-bg-opacity: 1;
- background-color: rgb(30 30 30 / var(--tw-bg-opacity));
+ background-color: rgb(32 32 32 / var(--tw-bg-opacity));
}
.bg-bg-blue {
@@ -994,7 +981,7 @@ video {
.bg-bg-gray {
--tw-bg-opacity: 1;
- background-color: rgb(72 72 72 / var(--tw-bg-opacity));
+ background-color: rgb(41 41 41 / var(--tw-bg-opacity));
}
.bg-bg-pink {
@@ -1012,6 +999,11 @@ video {
background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
+.bg-orange-400 {
+ --tw-bg-opacity: 1;
+ background-color: rgb(251 146 60 / var(--tw-bg-opacity));
+}
+
.bg-orange-600 {
--tw-bg-opacity: 1;
background-color: rgb(234 88 12 / var(--tw-bg-opacity));
@@ -1027,17 +1019,17 @@ video {
background-color: rgb(234 179 8 / var(--tw-bg-opacity));
}
-.bg-yellow-600 {
- --tw-bg-opacity: 1;
- background-color: rgb(202 138 4 / var(--tw-bg-opacity));
+.bg-opacity-40 {
+ --tw-bg-opacity: 0.4;
}
.bg-opacity-50 {
--tw-bg-opacity: 0.5;
}
-.bg-opacity-40 {
- --tw-bg-opacity: 0.4;
+.object-contain {
+ -o-object-fit: contain;
+ object-fit: contain;
}
.object-cover {
@@ -1053,10 +1045,6 @@ video {
padding: 1rem;
}
-.p-8 {
- padding: 2rem;
-}
-
.p-\[16px\] {
padding: 16px;
}
@@ -1065,6 +1053,10 @@ video {
padding: 8px;
}
+.p-8 {
+ padding: 2rem;
+}
+
.px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
@@ -1085,43 +1077,20 @@ video {
padding-bottom: 1rem;
}
-.py-6 {
- padding-top: 1.5rem;
- padding-bottom: 1.5rem;
+.px-8 {
+ padding-left: 2rem;
+ padding-right: 2rem;
}
-.pb-2 {
- padding-bottom: 0.5rem;
-}
-
-.pb-4 {
- padding-bottom: 1rem;
-}
-
-.pr-2 {
- padding-right: 0.5rem;
-}
-
-.pt-8 {
+.py-8 {
padding-top: 2rem;
-}
-
-.pb-3 {
- padding-bottom: 0.75rem;
-}
-
-.pt-\[50\%\] {
- padding-top: 50%;
+ padding-bottom: 2rem;
}
.text-center {
text-align: center;
}
-.text-right {
- text-align: right;
-}
-
.text-2xl {
font-size: 1.5rem;
line-height: 2rem;
@@ -1137,26 +1106,6 @@ video {
line-height: 2.5rem;
}
-.text-\[12px\] {
- font-size: 12px;
-}
-
-.text-\[14px\] {
- font-size: 14px;
-}
-
-.text-\[18px\] {
- font-size: 18px;
-}
-
-.text-\[24px\] {
- font-size: 24px;
-}
-
-.text-\[40px\] {
- font-size: 40px;
-}
-
.text-base {
font-size: 1rem;
line-height: 1.5rem;
@@ -1167,6 +1116,11 @@ video {
line-height: 1.75rem;
}
+.text-lg {
+ font-size: 1.125rem;
+ line-height: 1.75rem;
+}
+
.font-bold {
font-weight: 700;
}
@@ -1183,10 +1137,6 @@ video {
font-weight: 600;
}
-.leading-\[1\] {
- line-height: 1;
-}
-
.text-bg-pink {
--tw-text-opacity: 1;
color: rgb(255 71 139 / var(--tw-text-opacity));
@@ -1202,13 +1152,21 @@ video {
color: rgb(255 255 255 / var(--tw-text-opacity));
}
+.underline {
+ text-decoration-line: underline;
+}
+
.opacity-\[var\(--header-opacity\2c 0\)\] {
opacity: var(--header-opacity,0);
}
-.shadow-transparent {
- --tw-shadow-color: transparent;
- --tw-shadow: var(--tw-shadow-colored);
+.brightness-50 {
+ --tw-brightness: brightness(.5);
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
+.filter {
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition-\[border-color\] {
@@ -1241,6 +1199,14 @@ video {
filter: darken(10%);
}
+.\[flex-grow\:1\] {
+ flex-grow: 1;
+}
+
+.\[grid-column\:span_2\] {
+ grid-column: span 2;
+}
+
@font-face {
font-family: 'Inter';
@@ -1306,9 +1272,20 @@ body {
text-decoration-line: underline;
}
-.hover\:shadow-black:hover {
- --tw-shadow-color: #000;
- --tw-shadow: var(--tw-shadow-colored);
+.group:hover .group-hover\:scale-150 {
+ --tw-scale-x: 1.5;
+ --tw-scale-y: 1.5;
+ 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));
+}
+
+@media (min-width: 370px) {
+ .xs\:flex-1 {
+ flex: 1 1 0%;
+ }
+
+ .xs\:\[flex-grow\:1\] {
+ flex-grow: 1;
+ }
}
@media (min-width: 640px) {
@@ -1320,120 +1297,84 @@ body {
top: -6rem;
}
- .sm\:mt-32 {
- margin-top: 8rem;
+ .sm\:mt-0 {
+ margin-top: 0px;
}
- .sm\:mt-20 {
- margin-top: 5rem;
+ .sm\:-mt-\[64px\] {
+ margin-top: -64px;
}
- .sm\:mt-12 {
- margin-top: 3rem;
+ .sm\:-mt-\[68px\] {
+ margin-top: -68px;
}
- .sm\:mt-8 {
- margin-top: 2rem;
+ .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\:block {
display: block;
}
- .sm\:h-10 {
- height: 2.5rem;
+ .sm\:hidden {
+ display: none;
}
.sm\:h-\[120px\] {
height: 120px;
}
- .sm\:h-full {
- height: 100%;
- }
-
.sm\:min-h-\[196px\] {
min-height: 196px;
}
- .sm\:w-10 {
- width: 2.5rem;
- }
-
.sm\:w-\[200px\] {
width: 200px;
}
- .sm\:w-\[416px\] {
- width: 416px;
- }
-
.sm\:scale-100 {
--tw-scale-x: 1;
--tw-scale-y: 1;
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));
}
- .sm\:scroll-mt-4 {
- scroll-margin-top: 1rem;
- }
-
- .sm\:scroll-mt-8 {
- scroll-margin-top: 2rem;
- }
-
- .sm\:scroll-mt-16 {
- scroll-margin-top: 4rem;
- }
-
- .sm\:scroll-mt-24 {
- scroll-margin-top: 6rem;
- }
-
.sm\:scroll-mt-28 {
scroll-margin-top: 7rem;
}
+ .sm\:grid-cols-2 {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ }
+
.sm\:flex-row {
flex-direction: row;
}
- .sm\:items-end {
- align-items: flex-end;
- }
-
.sm\:items-center {
align-items: center;
}
- .sm\:justify-end {
- justify-content: flex-end;
- }
-
- .sm\:justify-center {
- justify-content: center;
- }
-
.sm\:justify-between {
justify-content: space-between;
}
- .sm\:gap-12 {
- gap: 3rem;
- }
-
.sm\:gap-2 {
gap: 0.5rem;
}
- .sm\:gap-4 {
- gap: 1rem;
- }
-
- .sm\:bg-transparent {
- background-color: transparent;
- }
-
.sm\:px-0 {
padding-left: 0px;
padding-right: 0px;
@@ -1444,23 +1385,17 @@ body {
padding-right: 1rem;
}
- .sm\:px-8 {
- padding-left: 2rem;
- padding-right: 2rem;
- }
-
.sm\:py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
- .sm\:py-8 {
- padding-top: 2rem;
- padding-bottom: 2rem;
+ .sm\:pt-0 {
+ padding-top: 0px;
}
- .sm\:pb-3 {
- padding-bottom: 0.75rem;
+ .sm\:text-right {
+ text-align: right;
}
.sm\:text-2xl {
@@ -1478,16 +1413,9 @@ body {
line-height: 1;
}
- .sm\:text-\[14px\] {
- font-size: 14px;
- }
-
- .sm\:text-\[18px\] {
- font-size: 18px;
- }
-
- .sm\:text-\[24px\] {
- font-size: 24px;
+ .sm\:text-lg {
+ font-size: 1.125rem;
+ line-height: 1.75rem;
}
.sm\:text-xl {
@@ -1495,35 +1423,26 @@ body {
line-height: 1.75rem;
}
- .sm\:text-lg {
- font-size: 1.125rem;
- line-height: 1.75rem;
- }
-
- .sm\:hover\:-translate-y-2:hover {
- --tw-translate-y: -0.5rem;
- 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));
- }
-
- .sm\:hover\:translate-x-2:hover {
- --tw-translate-x: 0.5rem;
- 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));
- }
-
- .sm\:hover\:shadow-md:hover {
- --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
- --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+ .sm\:no-underline {
+ text-decoration-line: none;
}
}
@media (min-width: 768px) {
- .md\:mt-28 {
- margin-top: 7rem;
+ .md\:order-3 {
+ order: 3;
}
- .md\:mt-32 {
- margin-top: 8rem;
+ .md\:order-4 {
+ order: 4;
+ }
+
+ .md\:mt-auto {
+ margin-top: auto;
+ }
+
+ .md\:block {
+ display: block;
}
.md\:inline {
@@ -1534,91 +1453,90 @@ body {
display: none;
}
- .md\:h-screen {
- height: 100vh;
- }
-
- .md\:max-h-\[40vh\] {
- max-height: 40vh;
- }
-
- .md\:min-h-screen {
- min-height: 100vh;
+ .md\:min-h-\[50vh\] {
+ min-height: 50vh;
}
.md\:w-auto {
width: auto;
}
- .md\:gap-8 {
- gap: 2rem;
+ .md\:grid-cols-4 {
+ grid-template-columns: repeat(4, minmax(0, 1fr));
+ }
+
+ .md\:gap-4 {
+ gap: 1rem;
+ }
+
+ .md\:rounded-none {
+ border-radius: 0px;
+ }
+
+ .md\:rounded-3xl {
+ border-radius: 1.5rem;
+ }
+
+ .md\:bg-transparent {
+ background-color: transparent;
}
}
-@media (min-width: 1000px) {
- .xl\:-mt-\[196px\] {
- margin-top: -196px;
+@media (min-width: 1024px) {
+ .lg\:mt-28 {
+ margin-top: 7rem;
}
- .xl\:-mt-\[248px\] {
- margin-top: -248px;
+ .lg\:-mt-\[64px\] {
+ margin-top: -64px;
}
- .xl\:-mt-\[232px\] {
- margin-top: -232px;
+ .lg\:-mt-\[60px\] {
+ margin-top: -60px;
}
- .xl\:-mt-\[234px\] {
- margin-top: -234px;
+ .lg\:w-\[64px\] {
+ width: 64px;
}
- .xl\:-mt-\[252px\] {
- margin-top: -252px;
+ .lg\:scroll-mt-4 {
+ scroll-margin-top: 1rem;
}
- .xl\:-mt-\[312px\] {
- margin-top: -312px;
+ .lg\:grid-cols-4 {
+ grid-template-columns: repeat(4, minmax(0, 1fr));
}
- .xl\:max-h-\[40vh\] {
- max-height: 40vh;
+ .lg\:grid-cols-3 {
+ grid-template-columns: repeat(3, minmax(0, 1fr));
}
- .xl\:max-w-\[45\%\] {
- max-width: 45%;
+ .lg\:text-4xl {
+ font-size: 2.25rem;
+ line-height: 2.5rem;
}
- .xl\:max-w-\[53\.75\%\] {
- max-width: 53.75%;
+ .lg\:text-6xl {
+ font-size: 3.75rem;
+ line-height: 1;
+ }
+}
+
+@media (min-width: 1280px) {
+ .xl\:-mt-0 {
+ margin-top: -0px;
+ }
+
+ .xl\:max-w-\[372px\] {
+ max-width: 372px;
}
.xl\:scroll-mt-20 {
scroll-margin-top: 5rem;
}
- .xl\:scroll-mt-24 {
- scroll-margin-top: 6rem;
- }
-
- .xl\:scroll-mt-16 {
- scroll-margin-top: 4rem;
- }
-
- .xl\:scroll-mt-12 {
- scroll-margin-top: 3rem;
- }
-
- .xl\:scroll-mt-8 {
- scroll-margin-top: 2rem;
- }
-
- .xl\:flex-col {
- flex-direction: column;
- }
-
- .xl\:text-2xl {
- font-size: 1.5rem;
- line-height: 2rem;
+ .xl\:grid-cols-4 {
+ grid-template-columns: repeat(4, minmax(0, 1fr));
}
.xl\:text-3xl {
@@ -1631,89 +1549,17 @@ body {
line-height: 2.5rem;
}
- .xl\:text-6xl {
- font-size: 3.75rem;
+ .xl\:text-7xl {
+ font-size: 4.5rem;
line-height: 1;
}
}
-@media (min-width: 1024px) {
- .lg\:mt-28 {
- margin-top: 7rem;
- }
-
- .lg\:-mt-\[312px\] {
- margin-top: -312px;
- }
-
- .lg\:-mt-\[296px\] {
- margin-top: -296px;
- }
-
- .lg\:max-h-\[45vh\] {
- max-height: 45vh;
- }
-
- .lg\:max-h-\[40vh\] {
- max-height: 40vh;
- }
-
- .lg\:w-\[372px\] {
- width: 372px;
- }
-
- .lg\:w-\[64px\] {
- width: 64px;
- }
-
- .lg\:scroll-mt-8 {
- scroll-margin-top: 2rem;
- }
-
- .lg\:scroll-mt-4 {
- scroll-margin-top: 1rem;
- }
-
- .lg\:gap-4 {
- gap: 1rem;
- }
-
- .lg\:text-2xl {
- font-size: 1.5rem;
- line-height: 2rem;
- }
-
- .lg\:text-4xl {
- font-size: 2.25rem;
- line-height: 2.5rem;
- }
-}
-
-@media (min-width: 1800px) {
- .\32xl\:-mt-0 {
- margin-top: -0px;
- }
-
+@media (min-width: 1536px) {
.\32xl\:mt-20 {
margin-top: 5rem;
}
- .\32xl\:h-screen {
- height: 100vh;
- }
-
- .\32xl\:max-h-\[60vh\] {
- max-height: 60vh;
- }
-
- .\32xl\:max-h-\[40vh\] {
- max-height: 40vh;
- }
-
- .\32xl\:w-\[300px\] {
- width: 300px;
- }
-
.\32xl\:w-\[512px\] {
width: 512px;
}
@@ -1722,18 +1568,6 @@ body {
width: 64px;
}
- .\32xl\:scroll-mt-20 {
- scroll-margin-top: 5rem;
- }
-
- .\32xl\:flex-row {
- flex-direction: row;
- }
-
- .\32xl\:justify-center {
- justify-content: center;
- }
-
.\32xl\:text-4xl {
font-size: 2.25rem;
line-height: 2.5rem;
diff --git a/tailwind.config.js b/tailwind.config.js
index 3f1446a..3ce1d47 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -4,23 +4,21 @@ module.exports = {
theme: {
extend: {
colors: {
- 'bg-pink': '#FF478B',
- 'bg-blue': '#298FF5',
- 'bg-black': '#1E1E1E',
- 'bg-gray': '#484848'
+ "bg-pink": "#FF478B",
+ "bg-blue": "#298FF5",
+ "bg-black": "#202020",
+ "bg-gray": "#292929",
},
screens: {
- 'xm': '360px',
- // 'sm': '640px',
- // 'md': '768px',
- // 'lg': '1024px',
- 'xl': '1000px',
- '2xl': '1800px',
+ xs: "370px",
},
container: {
center: true,
},
+ gridTemplateColumns: {
+ fluid: "repeat(auto-fill, minmax(300px, 1fr))",
+ },
},
},
plugins: [],
-}
\ No newline at end of file
+};
CONTACT
+ +
+
+
+
-
+
Red Panda Images
+Collection with 3000+ Photos + and + Videos of a red pandas
+
-
-
+
+
-
-
- 
-
-
-
-
-
-
- Telegram
-@radiquum
-
- 
-
-
-
-
-
-
- Matrix
-@radiquum:wah.su
-
- 
-
-
-
-
-
-
- VK
-radiquum
-
- 
-
-
+
+
-
-
- Discord
-radiquum
-
-
-
+
+ COLLECTIONS & FRIENDS
+ +
+
+
+
+
-
+
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
-