From e72642b0e08f488ea14ee26ab4ae077d09e666ad Mon Sep 17 00:00:00 2001 From: Clove Twilight Date: Sat, 13 Jun 2026 21:53:43 +0100 Subject: [PATCH 1/2] Make some fixes --- assets/media/avatar.webp | Bin 0 -> 12358 bytes css/fonts.css | 4 + css/index.css | 172 ++++++++++++++++++++++----------------- index.html | 21 +---- 4 files changed, 107 insertions(+), 90 deletions(-) create mode 100644 assets/media/avatar.webp diff --git a/assets/media/avatar.webp b/assets/media/avatar.webp new file mode 100644 index 0000000000000000000000000000000000000000..b1216a7e7a4e0ba8bdf92be984e5e7c4c601c856 GIT binary patch literal 12358 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 literal 0 HcmV?d00001 diff --git a/css/fonts.css b/css/fonts.css index 649ee3a..d0c5672 100644 --- a/css/fonts.css +++ b/css/fonts.css @@ -1,4 +1,5 @@ @font-face { + font-display: swap; font-family: 'Comic Code'; src: url('https://fonts.doughmination.co.uk/ComicCode-Regular_2022-05-24-151938_hsmz.woff2') format('woff2'), url('https://fonts.doughmination.co.uk/ComicCode-Regular_2022-05-24-151938_hsmz.woff') format('woff'); @@ -7,6 +8,7 @@ } @font-face { + font-display: swap; font-family: 'Comic Code'; src: url('https://fonts.doughmination.co.uk/ComicCode-Italic_2022-05-24-151939_rdtu.woff2') format('woff2'), url('https://fonts.doughmination.co.uk/ComicCode-Italic_2022-05-24-151939_rdtu.woff') format('woff'); @@ -15,6 +17,7 @@ } @font-face { + font-display: swap; font-family: 'Comic Code'; src: url('https://fonts.doughmination.co.uk/ComicCode-Medium_2022-05-24-151941_ugqm.woff2') format('woff2'), url('https://fonts.doughmination.co.uk/ComicCode-Medium_2022-05-24-151941_ugqm.woff') format('woff'); @@ -23,6 +26,7 @@ } @font-face { + font-display: swap; font-family: 'Comic Code'; src: url('https://fonts.doughmination.co.uk/ComicCode-Bold_2022-05-24-152309_zqkm.woff2') format('woff2'), url('https://fonts.doughmination.co.uk/ComicCode-Bold_2022-05-24-152309_zqkm.woff') format('woff'); diff --git a/css/index.css b/css/index.css index cc9f9a0..87448aa 100644 --- a/css/index.css +++ b/css/index.css @@ -1,43 +1,46 @@ /* IMPORTS */ - -@import url("fonts.css"); +@import url(fonts.css); +@import url(picker.css); @import url(theme-switcher.css); -@import url("picker.css"); -@import url(themes/mocha.css); -@import url(themes/macchiato.css); @import url(themes/frappe.css); @import url(themes/latte.css); +@import url(themes/macchiato.css); +@import url(themes/mocha.css); -/* Index.html */ - - -html, -body { - display: flex; - justify-content: center; - align-items: center; - padding: 1.5rem 1rem; - height: 100%; - width: 100%; - overflow: hidden; - font-family: 'Comic Code', sans-serif; - overflow-x: hidden; - max-width: 100vw; - margin: 0; - min-height: 100vh; - background: linear-gradient(135deg, var(--base) 0%, var(--mantle) 60%, var(--crust) 100%); - color: var(--text); +*, +*::before, +*::after { + box-sizing: border-box; } html { + height: 100%; background: linear-gradient(135deg, var(--base) 0%, var(--mantle) 60%, var(--crust) 100%); } -.hub { - position: auto; - z-index: 1; +body { + margin: 0; + min-height: 100vh; width: 100%; - max-width: 460px; + max-width: 100vw; + overflow-x: hidden; + font-family: 'Comic Code', sans-serif; + background: linear-gradient(135deg, var(--base) 0%, var(--mantle) 60%, var(--crust) 100%); + color: var(--text); + + /* top-anchored, horizontally centered, scrollable */ + display: flex; + flex-direction: column; + align-items: center; + padding: clamp(2.5rem, 9vh, 6rem) 1.25rem 5rem; +} + +/* main content column */ +main.intro, +.hub { + width: 100%; + max-width: 480px; + z-index: 1; } .pfp { @@ -138,19 +141,20 @@ body::before { filter: invert(78%) sepia(36%) saturate(640%) hue-rotate(280deg) brightness(105%); } - - @media (max-width: 600px) { .intro { - margin-top: 10vh; color: var(--text); text-align: center; - padding: 5vh + padding: 0; } .intro-text { - margin-top: 1vh; - padding: 1vh; + margin-top: 0.75rem; + padding: 0 0.25rem; + } + + .hub-header h1 { + font-size: 1.7rem; } } @@ -164,19 +168,41 @@ body::before { } } +.intro-text { + max-width: 42ch; + margin-left: auto; + margin-right: auto; + line-height: 1.6; + color: var(--subtext-1); + font-size: 0.98rem; +} + .gitgay-link { - background-color: var(--mauve); - border: none; - color: black; - padding: 20px; - text-align: center; - text-decoration: none; - display: inline-block; - font-size: 16px; - margin: 4px 2px; - cursor: pointer; - border-radius: 15px; - font-family: "Comic Code"; + background-color: var(--mauve); + border: none; + color: black; + padding: 0.85rem 1.5rem; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 1rem; + font-weight: 600; + margin: 4px 2px; + cursor: pointer; + border-radius: 14px; + font-family: "Comic Code"; + transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease; + box-shadow: 0 6px 18px -8px rgba(var(--accent-rgb), 0.7); +} + +.gitgay-link:hover { + transform: translateY(-2px); + filter: brightness(1.05); + box-shadow: 0 10px 24px -8px rgba(var(--accent-rgb), 0.8); +} + +.gitgay-link:active { + transform: translateY(0); } .hub-header, .pfp, .hey, .pronouns, .intro-text, .gitgay-link { @@ -186,42 +212,42 @@ body::before { /* ---- 88x31 button wall (always visible on desktop) ---- */ .button-wall { - position: fixed; - bottom: 1rem; - left: 50%; - transform: translateX(-50%); - z-index: 5; - display: flex; - flex-wrap: wrap; - justify-content: center; - gap: 0.5rem; - max-width: min(90vw, 480px); + position: fixed; + bottom: 1rem; + left: 50%; + transform: translateX(-50%); + z-index: 5; + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 0.5rem; + max-width: min(90vw, 480px); } /* hide on mobile */ @media (max-width: 768px) { - .button-wall { - display: none; - } + .button-wall { + display: none; + } } .button-wall a { - display: block; - line-height: 0; + display: block; + line-height: 0; } .button-wall img { - width: 88px; - height: 31px; - image-rendering: pixelated; - border: 1px solid var(--surface-1); - border-radius: 2px; - transition: transform 0.12s ease, border-color 0.12s ease; + width: 88px; + height: 31px; + image-rendering: pixelated; + border: 1px solid var(--surface-1); + border-radius: 2px; + transition: transform 0.12s ease, border-color 0.12s ease; } .button-wall a:hover img { - transform: translateY(-2px); - border-color: rgb(var(--accent-rgb)); + transform: translateY(-2px); + border-color: rgb(var(--accent-rgb)); } @@ -242,7 +268,7 @@ body.message-page { } .message-card { - background: var(--surface0); + background: var(--surface-0); padding: 2.5rem; border-radius: 12px; max-width: 520px; @@ -251,7 +277,7 @@ body.message-page { text-align: center; line-height: 1.6; color: var(--text); - border: 1px solid var(--surface1); + border: 1px solid var(--surface-1); } .message-card h1 { @@ -261,7 +287,7 @@ body.message-page { } .message-card p { - color: var(--subtext1); + color: var(--subtext-1); } .message-card .ok { color: var(--green); } @@ -269,7 +295,7 @@ body.message-page { .message-card .warn { color: var(--yellow); } .message-card .muted { - color: var(--overlay1); + color: var(--overlay-1); font-size: 0.9rem; margin-top: 1.5rem; } diff --git a/index.html b/index.html index 75274aa..bbe004f 100644 --- a/index.html +++ b/index.html @@ -8,6 +8,7 @@ Ari + @@ -39,14 +40,12 @@ - -
- Ari avatar + Ari avatar

Hi, I'mAri

@@ -56,7 +55,7 @@ and just tries to help out whenever she can.
@@ -69,16 +68,4 @@ Skirt GitGay Blink - Firefox - NFT - No Web 3.2 - Melt Ice - Melt Ice - - - - - - - - \ No newline at end of file + \ No newline at end of file From eae15f78d8b7ad1810608bc251a33b361b46dcfd Mon Sep 17 00:00:00 2001 From: Clove Twilight Date: Sat, 13 Jun 2026 21:56:33 +0100 Subject: [PATCH 2/2] Ooops --- index.html | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index bbe004f..78eb89b 100644 --- a/index.html +++ b/index.html @@ -68,4 +68,16 @@ Skirt GitGay Blink - \ No newline at end of file + Firefox + NFT + No Web 3.2 + Melt Ice + Melt Ice + + + + + + + + \ No newline at end of file