diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..996a74c Binary files /dev/null and b/.DS_Store differ diff --git a/changelog/index.html b/changelog/index.html index d3afb92..d07ff1c 100644 --- a/changelog/index.html +++ b/changelog/index.html @@ -26,7 +26,7 @@ - + @@ -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)