commit 2ba765c5722a3023cd984caf947e53cc5047d521 Author: pancakes Date: Thu Nov 21 01:06:00 2024 +1000 Initial commit diff --git a/404.html b/404.html new file mode 100644 index 0000000..d80b10c --- /dev/null +++ b/404.html @@ -0,0 +1,40 @@ + + + + + + + + Page not found - meow.company + + + + + + + +
+
+
+ +
+

Error (404): Page not found.

+ +
+ +  Go home  +
+ +
+
+
+ + + \ No newline at end of file diff --git a/88x31.png b/88x31.png new file mode 100644 index 0000000..a7502d8 Binary files /dev/null and b/88x31.png differ diff --git a/88x31.xcf b/88x31.xcf new file mode 100644 index 0000000..a7ec415 Binary files /dev/null and b/88x31.xcf differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..b84b24c --- /dev/null +++ b/index.html @@ -0,0 +1,171 @@ + + + + + + + + + + + + ~ - meow.company + + + + + + + +
+ + +
+ + + + + +
+ + + +
+
+ + + + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..1d6733e --- /dev/null +++ b/style.css @@ -0,0 +1,192 @@ +:root { + color-scheme: light dark; + + --fixedwidth: 768px; + + --foreground: light-dark(#343b58, #a9b1d6); + --background: light-dark(#d5d6db, #1a1b26); + + --black: light-dark(#32344a, #444b6a); + --red: light-dark(#f7768e, #ff7a93); + --green: light-dark(#9ece6a, #b9f27c); + --yellow: light-dark(#e0af68, #ff9e64); + --blue: light-dark(#7aa2f7, #7da6ff); + --magenta: light-dark(#ad8ee6, #bb9af7); + --cyan: light-dark(#449dab, #0db9d7); + --white: light-dark(#787c99, #acb0d0); +} + +body { + background-color: var(--black); + color: var(--foreground); + + font-family: monospace; + font-size: larger; +} + +header { + display: flex; + justify-content: space-between; + width: fit-content; + width: 100%; + max-width: var(--fixedwidth); +} + +main { + background-color: var(--background); + width: fit-content; + width: 100%; + max-width: var(--fixedwidth); +} + +.fetch { + display: flex; +} + +.uppercase { + text-transform: uppercase; +} + +p { + margin: 0; +} + +a { + color: var(--blue); + + text-underline-offset: 0.25em; +} + +a:hover, +a:visited:hover { + background-color: var(--blue); + color: var(--black); + text-decoration-color: var(--blue); +} + +a:visited { + color: var(--blue); +} + +pre { + margin: 0; +} + +code { + font-family: inherit; + font-size: inherit; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 0; + + font-size: inherit; + font-weight: bold; +} + +h1::before { + content: "# "; +} + +h2::before { + content: "## "; +} + +h3::before { + content: "### "; +} + +h4::before { + content: "#### "; +} + +h5::before { + content: "##### "; +} + +h6::before { + content: "###### "; +} + +.colors span { + display: inline-block; +} + +.bc-black { + background-color: var(--black); +} + +.c-black { + color: var(--black); +} + +.bc-red { + background-color: var(--red); +} + +.c-red { + color: var(--red); +} + +.bc-green { + background-color: var(--green); +} + +.c-green { + color: var(--green); +} + +.bc-yellow { + background-color: var(--yellow); +} + +.c-yellow { + color: var(--yellow); +} + +.bc-blue { + background-color: var(--blue); +} + +.c-blue { + color: var(--blue); +} + +.bc-magenta { + background-color: var(--magenta); +} + +.c-magenta { + color: var(--magenta); +} + +.bc-cyan { + background-color: var(--cyan); +} + +.c-cyan { + color: var(--cyan); +} + +.bc-white { + background-color: var(--white); +} + +.c-whites { + color: var(--white); +} + +@media screen and (max-width: 640px) { + .fetch { + flex-direction: column; + } + + #icon { + overflow-x: scroll; + } +} \ No newline at end of file