From 78f4e367136114652da07925c9e357c13c1e97f9 Mon Sep 17 00:00:00 2001 From: Clove Twilight Date: Sat, 30 May 2026 17:58:01 +0100 Subject: [PATCH] Whelp --- .DS_Store | Bin 0 -> 8196 bytes changelog/index.html | 4 +- css/style.css | 55 +++++++-- index.html | 8 +- readme.md | 21 ++++ tech-stack/index.html | 270 +++++++++++++++++++++++++++++++----------- template/index.html | 6 +- 7 files changed, 273 insertions(+), 91 deletions(-) create mode 100644 .DS_Store create mode 100644 readme.md diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..996a74c18b6f6f0f5a33ddd65d30114973711476 GIT binary patch literal 8196 zcmeHMU2GIp6u#fIlo>kE0g5cR6BY_V$O5HB+VW$zf69M>ZRxiBEVDZ!9hjXdJG*V6 zG&Ux_@MnC|_|KC@BM%0Y_#%ml=%bgn&~?6r|6X!Q9NSJD9PY%mnF> z5qco>K5W?nh5APr~c7Fm7f9- z^-=)8P@D1qUndsOL_o(m^;Kz3o;@H?MUY~EtJ8SQ6DOJo=s2fboq?+}1S=!RP~fjl zdNE&|A;D=_haLz$Fwp~E_*5~I<(S3}mF4f3GJ}@s7V7Iihfq;DrE01;Rjd~GCkLG2 zWI-zw-8L=1*XwmVj+H63wagyV7)~p-?T%g0Oxwu&3Z`z5$i80F)}7%tr)cZ0ubbop zq9jUbB{DkN(6TljYiwCN7LSd#G}OmqYZ}*%jY;C1x>f6Ur;k`U+d0Y2KyVbW>1Ae} zD!0jUhuZl!iHc;&rY}l1Nz1uDPuYa$cR%Q*+=DP+9renK%jJ!)Ut<<<=Jj2l`UFY!DzLtqh)=CFxpCWZwMyqpCWYXsVbo zj~30sF{Mrv{WW3>Re7IId)n^k-YU9sQKWfj^(6~cb+0$lo;Rr01BGSFRk_V_7O>+xfgN998x*DwgFpc%Q16tnb8YUP9+%3fQUn%iDrB2-}IQ}4cV+UE$=S|nD z>%I;1BlBw1q}n4YpNMHiG3_Cfpii%rM}SyYdNp;4<-A#UdGNB|@*Q25sOM~nE;yAn zunxA39b|bn%FeK7*g1BAeZa1;&)8S&dv=rk0-y>KrlA_On2*JX<3Ti`87*i-7j|Jc zlGujExe1X_y`~4Q{2GU_y*tN zCVs_lxFt*x<_ZyEp0G%W3oC?`LX*%etP|D?JA^JFC1}E7!4XEd0YWL<_Va$J7LHNt zjw6J^E%*c|oWFaxMIYI;dCS&&C)}>j-~l%0zPYg_%U7*w-q?B@h#a{ku>LUweB9p= zEk5pjT$Ew<8jnPIK`BbhL$Zeg#uyR3xK*Zd=|%Elkpf1U!n;f5Wg>-&QpLOR=t_}- zQxW{GygJ$_Q3xs(yc>@;NumPYStoChC>WJW-c{vp z*pKWMA$x - + @@ -35,7 +35,7 @@ - + diff --git a/css/style.css b/css/style.css index df039c4..7efcc04 100644 --- a/css/style.css +++ b/css/style.css @@ -83,6 +83,7 @@ } @media (prefers-reduced-motion: reduce) { + ::view-transition-old(root), ::view-transition-new(root) { animation: none; @@ -329,17 +330,35 @@ body::before { animation: np-eq 0.9s ease-in-out infinite; } -.np-bars i:nth-child(2) { animation-delay: 0.15s; } -.np-bars i:nth-child(3) { animation-delay: 0.3s; } -.np-bars i:nth-child(4) { animation-delay: 0.45s; } +.np-bars i:nth-child(2) { + animation-delay: 0.15s; +} + +.np-bars i:nth-child(3) { + animation-delay: 0.3s; +} + +.np-bars i:nth-child(4) { + animation-delay: 0.45s; +} @keyframes np-eq { - 0%, 100% { transform: scaleY(0.3); } - 50% { transform: scaleY(1); } + + 0%, + 100% { + transform: scaleY(0.3); + } + + 50% { + transform: scaleY(1); + } } @media (prefers-reduced-motion: reduce) { - .np-bars i { animation: none; transform: scaleY(0.6); } + .np-bars i { + animation: none; + transform: scaleY(0.6); + } } .np-text { @@ -492,6 +511,7 @@ body::before { height: 26px; } } + /* ===== Tech stack page ===== */ /* Let only the tech-stack page scroll; link hub stays locked */ html:has(.tech-stack), @@ -674,7 +694,9 @@ body:has(.changelog) .hub { backdrop-filter: blur(2px); } -.cat-picker[hidden] { display: none; } +.cat-picker[hidden] { + display: none; +} .cat-picker-panel { width: min(94vw, 430px); @@ -706,7 +728,9 @@ body:has(.changelog) .hub { padding: 0 0.25rem; } -.cat-picker-close:hover { color: var(--text); } +.cat-picker-close:hover { + color: var(--text); +} .cat-grid { display: grid; @@ -741,7 +765,10 @@ body:has(.changelog) .hub { box-shadow: inset 0 0 0 1px var(--pink); } -.cat-option.locked { cursor: default; opacity: 0.75; } +.cat-option.locked { + cursor: default; + opacity: 0.75; +} .cat-preview { width: 32px; @@ -753,7 +780,9 @@ body:has(.changelog) .hub { transform-origin: center; } -.cat-name { font-weight: 500; } +.cat-name { + font-weight: 500; +} .cat-lock { font-size: 0.62rem; @@ -768,5 +797,7 @@ body:has(.changelog) .hub { } @media (max-width: 420px) { - .cat-grid { grid-template-columns: repeat(2, 1fr); } -} + .cat-grid { + grid-template-columns: repeat(2, 1fr); + } +} \ No newline at end of file diff --git a/index.html b/index.html index b303dd8..e7e0e76 100644 --- a/index.html +++ b/index.html @@ -26,7 +26,7 @@ - + @@ -35,7 +35,7 @@ - + @@ -62,9 +62,7 @@
- Clove Twilight avatar + Clove Twilight avatar

Clove Twilight

(fae/faer)

Link Center

diff --git a/readme.md b/readme.md new file mode 100644 index 0000000..ec6489d --- /dev/null +++ b/readme.md @@ -0,0 +1,21 @@ +
+Clove Twilight avatar + +# clove.is-a.dev +
+ +clove.is-a.dev is the homepage and center for all of Clove's projects. + +I made this cause I kept losing track of everything, and yeah... + +## License + +This repository is licenced under MIT, meaning if you wish to copy it, that's fine, if it breaks, don't blame me. See the LICENSE for more details! + +## Codeowners and Contributors +All code is owned and created by myself, Clove Twilight. + +### How to get a free is-a.dev domain +Head to the is-a.dev website to get started and see if your wanted domain name is free! Make sure to follow their Terms of Service and if you get stuck, check the docs. + +I am not paid by, affiliated, endorsed or hired by is-a.dev, I just think it's a cool thing for people to use! \ No newline at end of file diff --git a/tech-stack/index.html b/tech-stack/index.html index cdf1b96..6965910 100644 --- a/tech-stack/index.html +++ b/tech-stack/index.html @@ -26,7 +26,7 @@ - + @@ -35,7 +35,7 @@ - + @@ -62,79 +62,211 @@
- Clove Twilight avatar + Clove Twilight avatar

Clove Twilight

(fae/faer)

Tech Stack

- JavaScript - Java - HTML5 - Markdown - LaTeX - Windows Terminal - TypeScript - Bash Script - Python - PowerShell - PHP - Cloudflare - Heroku - Linode - Vercel - Bootstrap - EJS - Electron.js - Express.js - FastAPI - Flask - Insomnia - jQuery - JWT - NPM - Next JS - NodeJS - Nodemon - PNPM - React - React Native - React Query - React Hook Form - React Router - TailwindCSS - Three js - Vite - Vue.js - WordPress - Yarn - Nginx - MySQL - SQLite - Postgres - Redis - Adobe Photoshop - Canva - Inkscape - GitHub - GitHub Actions - Git - Gitea - Arduino - Cisco - Docker - ESLint - FFmpeg - Gradle - Grafana - OpenAPI Specification - Raspberry Pi - Postman - Swagger - TOR - AMD - Epic Games + JavaScript + Java + HTML5 + Markdown + LaTeX + Windows Terminal + TypeScript + Bash Script + Python + PowerShell + PHP + Cloudflare + Heroku + Linode + Vercel + Bootstrap + EJS + Electron.js + Express.js + FastAPI + Flask + Insomnia + jQuery + JWT + NPM + Next JS + NodeJS + Nodemon + PNPM + React + React Native + React Query + React Hook Form + React Router + TailwindCSS + Three js + Vite + Vue.js + WordPress + Yarn + Nginx + MySQL + SQLite + Postgres + Redis + Adobe Photoshop + Canva + Inkscape + GitHub + GitHub Actions + Git + Gitea + Arduino + Cisco + Docker + ESLint + FFmpeg + Gradle + Grafana + OpenAPI Specification + Raspberry Pi + Postman + Swagger + TOR + AMD + Epic Games
diff --git a/template/index.html b/template/index.html index b6324dd..33cc79d 100644 --- a/template/index.html +++ b/template/index.html @@ -26,7 +26,7 @@ - + @@ -35,7 +35,7 @@ - + @@ -49,7 +49,7 @@
Clove Twilight avatar

Clove Twilight

(fae/faer)