From 049a69f62880ffc1d860a68409b3383f74e0f40a Mon Sep 17 00:00:00 2001 From: Gen Date: Wed, 15 Jan 2025 18:40:27 -0800 Subject: [PATCH] fix and break shit :D --- .DS_Store | Bin 8196 -> 8196 bytes 404.html | 31 +++++++ assets/right.svg | 2 +- index.html | 31 ++----- style.css | 205 +++++++++++------------------------------------ 5 files changed, 85 insertions(+), 184 deletions(-) create mode 100644 404.html diff --git a/.DS_Store b/.DS_Store index 5396ad238f76d1b5dd521fbe0f4a18b88603e8e2..08423a061e1a11a8322dafb04fc8f716e75917e7 100644 GIT binary patch delta 234 zcmZp1XmOa}&nUk!U^hRb{AM13L`GE(1``GYAl75ZU?^e8WytZ&$xlwo$xmWnU=RRe zMPGG&r+r60rf3 aO%%|RPZcl%0YI^F8UwQj81@9Qcn1T_-xP8H diff --git a/404.html b/404.html new file mode 100644 index 0000000..0917234 --- /dev/null +++ b/404.html @@ -0,0 +1,31 @@ + + + + + + + + + + + + + Gen's Website + + + + +
+
+

ERR: 404

+

Try harder. It doesn't exist.

+
+ +
+ + + \ No newline at end of file diff --git a/assets/right.svg b/assets/right.svg index 7203e50..0163463 100644 --- a/assets/right.svg +++ b/assets/right.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/index.html b/index.html index c057412..175a5a8 100644 --- a/index.html +++ b/index.html @@ -14,6 +14,7 @@ Gen's Website +
@@ -31,7 +32,6 @@
  • Maintainer at Catppuccin
    • -
    Discord Instagram @@ -39,11 +39,13 @@ Email Ko-Fi
    +
    +
    Gen's Website ChloeCat's website Izsybelle's website - mir's website + amy's website Alyxia's website @@ -60,7 +62,8 @@
    - +
    + Last updated at:
    @@ -70,32 +73,12 @@ Catppuccin Webring
    +

    ©️ GenShibe | Licensed under GPL v3

    Source
    -
    - diff --git a/style.css b/style.css index 827d8c9..08e0424 100644 --- a/style.css +++ b/style.css @@ -2,125 +2,9 @@ box-sizing: border-box; } -:root[theme="latte"] { - --ctp-rosewater: #dc8a78; - --ctp-flamingo: #dd7878; - --ctp-pink: #ea76cb; - --ctp-mauve: #8839ef; - --ctp-red: #d20f39; - --ctp-maroon: #e64553; - --ctp-peach: #fe640b; - --ctp-yellow: #df8e1d; - --ctp-green: #40a02b; - --ctp-teal: #179299; - --ctp-sky: #04a5e5; - --ctp-sapphire: #209fb5; - --ctp-blue: #1e66f5; - --ctp-lavender: #7287fd; - --ctp-text: #4c4f69; - --ctp-subtext1: #5c5f77; - --ctp-subtext0: #6c6f85; - --ctp-overlay2: #7c7f93; - --ctp-overlay1: #8c8fa1; - --ctp-overlay0: #9ca0b0; - --ctp-surface2: #acb0be; - --ctp-surface1: #bcc0cc; - --ctp-surface0: #ccd0da; - --ctp-base: #eff1f5; - --ctp-mantle: #e6e9ef; - --ctp-crust: #dce0e8; -} - -:root[theme="frappe"] { - --ctp-rosewater: #f2d5cf; - --ctp-flamingo: #eebebe; - --ctp-pink: #f4b8e4; - --ctp-mauve: #ca9ee6; - --ctp-red: #e78284; - --ctp-maroon: #ea999c; - --ctp-peach: #ef9f76; - --ctp-yellow: #e5c890; - --ctp-green: #a6d189; - --ctp-teal: #81c8be; - --ctp-sky: #99d1db; - --ctp-sapphire: #85c1dc; - --ctp-blue: #8caaee; - --ctp-lavender: #babbf1; - --ctp-text: #c6d0f5; - --ctp-subtext1: #b5bfe2; - --ctp-subtext0: #a5adce; - --ctp-overlay2: #949cbb; - --ctp-overlay1: #838ba7; - --ctp-overlay0: #737994; - --ctp-surface2: #626880; - --ctp-surface1: #51576d; - --ctp-surface0: #414559; - --ctp-base: #303446; - --ctp-mantle: #292c3c; - --ctp-crust: #232634; -} - -:root[theme="macchiato"] { - --ctp-rosewater: #f4dbd6; - --ctp-flamingo: #f0c6c6; - --ctp-pink: #f5bde6; - --ctp-mauve: #c6a0f6; - --ctp-red: #ed8796; - --ctp-maroon: #ee99a0; - --ctp-peach: #f5a97f; - --ctp-yellow: #eed49f; - --ctp-green: #a6da95; - --ctp-teal: #8bd5ca; - --ctp-sky: #91d7e3; - --ctp-sapphire: #7dc4e4; - --ctp-blue: #8aadf4; - --ctp-lavender: #b7bdf8; - --ctp-text: #cad3f5; - --ctp-subtext1: #b8c0e0; - --ctp-subtext0: #a5adcb; - --ctp-overlay2: #939ab7; - --ctp-overlay1: #8087a2; - --ctp-overlay0: #6e738d; - --ctp-surface2: #5b6078; - --ctp-surface1: #494d64; - --ctp-surface0: #363a4f; - --ctp-base: #24273a; - --ctp-mantle: #1e2030; - --ctp-crust: #181926; -} - -:root[theme="mocha"] { - --ctp-rosewater: #f5e0dc; - --ctp-flamingo: #f2cdcd; - --ctp-pink: #f5c2e7; - --ctp-mauve: #cba6f7; - --ctp-red: #f38ba8; - --ctp-maroon: #eba0ac; - --ctp-peach: #fab387; - --ctp-yellow: #f9e2af; - --ctp-green: #a6e3a1; - --ctp-teal: #94e2d5; - --ctp-sky: #89dceb; - --ctp-sapphire: #74c7ec; - --ctp-blue: #89b4fa; - --ctp-lavender: #b4befe; - --ctp-text: #cdd6f4; - --ctp-subtext1: #bac2de; - --ctp-subtext0: #a6adc8; - --ctp-overlay2: #9399b2; - --ctp-overlay1: #7f849c; - --ctp-overlay0: #6c7086; - --ctp-surface2: #585b70; - --ctp-surface1: #45475a; - --ctp-surface0: #313244; - --ctp-base: #1e1e2e; - --ctp-mantle: #181825; - --ctp-crust: #11111b; -} - body { - background-color: var(--ctp-base); - color: var(--ctp-text) !important; + background-color: #1e1e2e; + color: #cdd6f4; font-family: "Urbanist", Arial, sans-serif; display: flex; justify-content: center; @@ -145,18 +29,19 @@ p { margin-left: auto; margin-right: auto; text-align: center; + align-items: center; } a { - color: var(--ctp-blue); + color:#89b4fa; } a:hover { - color: var(--ctp-sapphire); + color: #74c7ec; } a:visited { - color: var(--ctp-mauve); + color: #cba6f7; } h1 { @@ -202,71 +87,73 @@ footer { gap: 2rem; } -.socials { - display: inline-flex; - justify-content: center; +.buttons { + margin: auto; align-items: center; - align-content: center; - flex-wrap: wrap; + justify-content: center; + text-align: center; + display: block; +} + + +.webring { + margin: auto; + align-items: center; + justify-content: center; + text-align: center; +} + +.updated { + margin: auto; + align-items: center; + justify-content: center; + text-align: center; +} + +.socials { + margin: auto; + display: block; + gap: 2em; } .socials a { padding: 0.25rem 0.5rem; text-decoration: none; - color: var(--ctp-text); - background-color: var(--ctp-surface0); + color: #cdd6f4; + background-color: #313244; border-radius: 10px; border: 2px solid; - border-color: var(--ctp-peach); - text-align: center; + border-color: #fab387; font-size: 1.25em; - margin: 5px; + margin: auto; line-height: 1.75em; - box-shadow: 0 0 5px 0 var(--ctp-peach); + box-shadow: 0 0 5px 0 #fab387; font-style: bold; animation: 3s ease-in 1s infinite; transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease; + align-items: center !important; } .socials a:hover { - background-color: var(--ctp-peach); - color: var(--ctp-mantle); + background-color: #fab387; + color: #11111b; } assets/left.svg { - fill: var(--ctp-peach) !important; - stroke: var(--ctp-peach) !important; + fill: #fab387 !important; + stroke: #fab387 !important; } assets/right.svg { - fill: var(--ctp-peach); - stroke: var(--ctp-peach); + fill: #fab387; + stroke: #fab387; } -select { - padding: 0.25rem 0.25rem; - background-color: var(--ctp-surface0); - color: var(--ctp-text); - border-radius: 5px; - border: 1px solid; - border-color: var(--ctp-mantle); - text-align: center; - align-content: center !important; - align-items: center !important; - display: inline-flex; - font-size: 1em; - border-radius: 7px; - box-shadow: 0 0 5px 0 var(--ctp-peach); - -} - - - hr { height: 2px; width: 80%; - background-color: var(--ctp-peach); + background-color: #fab387; border: none; margin: 1.5rem auto; - box-shadow: 0 0 15px 0 var(--ctp-peach); + box-shadow: 0 0 15px 0 #fab387; }