diff --git a/public/assets/biglogo.webp b/public/assets/biglogo.webp new file mode 100644 index 0000000..1fa3f0a Binary files /dev/null and b/public/assets/biglogo.webp differ diff --git a/public/assets/catppuccin-mocha.min.css b/public/assets/catppuccin-mocha.min.css deleted file mode 100644 index 5a7b8cf..0000000 --- a/public/assets/catppuccin-mocha.min.css +++ /dev/null @@ -1 +0,0 @@ -:root{--crust:#11111b;--mantle:#181825;--base:#1e1e2e;--surface0:#313244;--surface1:#45475a;--surface2:#585b70;--overlay0:#6c7086;--overlay1:#7f849c;--overlay2:#9399b2;--subtext0:#a6adc8;--subtext1:#bac2de;--text:#cdd6f4;--lavender:#b4befe;--blue:#89b4fa;--sapphire:#74c7ec;--sky:#89dceb;--teal:#94e2d5;--green:#a6e3a1;--yellow:#f9e2af;--peach:#fab387;--maroon:#eba0ac;--red:#f38ba8;--mauve:#cba6f7;--pink:#f5c2e7;--flamingo:#f2cdcd;--rosewater:#f5e0dc} \ No newline at end of file diff --git a/public/assets/style.css b/public/assets/style.css index 095d97d..9f9bf26 100644 --- a/public/assets/style.css +++ b/public/assets/style.css @@ -1,8 +1,72 @@ -@import url(catppuccin-mocha.min.css); +:root { + /* Rosé Pine Dawn */ + --rp-base: #faf4ed; + --rp-surface: #fffaf3; + --rp-overlay: #f2e9e1; + --rp-muted: #9893a5; + --rp-subtle: #797593; + --rp-text: #575279; + --rp-love: #b4637a; + --rp-gold: #ea9d34; + --rp-rose: #d7827e; + --rp-pine: #286983; + --rp-foam: #56949f; + --rp-iris: #907aa9; + --rp-highlight-low: #f4ede8; + --rp-highlight-med: #dfdad9; + --rp-highlight-high: #cecacd; +} + +@media (prefers-color-scheme: dark) { + :root { + /* Rosé Pine */ + --rp-base: #191724; + --rp-surface: #1f1d2e; + --rp-overlay: #26233a; + --rp-muted: #6e6a86; + --rp-subtle: #908caa; + --rp-text: #e0def4; + --rp-love: #eb6f92; + --rp-gold: #f6c177; + --rp-rose: #ebbcba; + --rp-pine: #31748f; + --rp-foam: #9ccfd8; + --rp-iris: #c4a7e7; + --rp-highlight-low: #21202e; + --rp-highlight-med: #403d52; + --rp-highlight-high: #524f67; + + /* Rosé Pine Moon */ + /* --rp-base: #232136; */ + /* --rp-surface: #2a273f; */ + /* --rp-overlay: #393552; */ + /* --rp-muted: #6e6a86; */ + /* --rp-subtle: #908caa; */ + /* --rp-text: #e0def4; */ + /* --rp-love: #eb6f92; */ + /* --rp-gold: #f6c177; */ + /* --rp-rose: #ea9a97; */ + /* --rp-pine: #3e8fb0; */ + /* --rp-foam: #9ccfd8; */ + /* --rp-iris: #c4a7e7; */ + /* --rp-highlight-low: #2a283e; */ + /* --rp-highlight-med: #44415a; */ + /* --rp-highlight-high: #56526e; */ + } +} + +:root, body { + padding: 0; + margin: 0; +} + +main { + padding: 2rem; +} :root { - background-color: var(--base); - color: var(--text); + background-color: var(--rp-base); + color: var(--rp-text); font-family: Inter, sans-serif; font-feature-settings: 'liga' 1, 'calt' 1; /* fix for Chrome */ @@ -13,9 +77,9 @@ } a { - color: var(--red); + color: var(--rp-love); transition: 0.2s; } a:hover { - color: var(--mauve); + color: var(--rp-rose); } \ No newline at end of file diff --git a/public/index.html b/public/index.html index 5564455..75b8f3e 100644 --- a/public/index.html +++ b/public/index.html @@ -3,15 +3,84 @@ + + + + + Apache -

Hi, I'm Apache

-

I write code sometimes

-

Check out some games at games.apach.dev

-

Check out my code at my Github and Forgejo

-

You lost The Game

+
+
+ logo +

ApacheApache

+
+ +
+

Who am I?

+

I'm a programmer, (very new) artist, and (very new) youtuber. I've dabbled in automation, apps, games, plugins, websites, and more!

+

Where can I find your work?

+

+ You can find my work at + Github, + Forgejo, + and Youtube +

+

How can I support you?

+

You can support me at my new Ko-fi!

+
\ No newline at end of file diff --git a/public/the-game.html b/public/the-game.html index d9d7b66..343e959 100644 --- a/public/the-game.html +++ b/public/the-game.html @@ -3,6 +3,8 @@ + + diff --git a/public/unavailable-message.html b/public/unavailable-message.html index 5a4de41..7c9c6ca 100644 --- a/public/unavailable-message.html +++ b/public/unavailable-message.html @@ -3,6 +3,8 @@ + + Service Unavailable