diff options
Diffstat (limited to 'public')
| -rw-r--r-- | public/favicon.ico | bin | 0 -> 32243 bytes | |||
| -rw-r--r-- | public/fonts/fantasque.woff | bin | 0 -> 49356 bytes | |||
| -rw-r--r-- | public/img/background.gif | bin | 0 -> 88295 bytes | |||
| -rw-r--r-- | public/img/blinkies/autism.gif | bin | 0 -> 1214 bytes | |||
| -rw-r--r-- | public/img/blinkies/bee.gif | bin | 0 -> 4066 bytes | |||
| -rw-r--r-- | public/img/blinkies/begaydocrime.gif | bin | 0 -> 2288 bytes | |||
| -rw-r--r-- | public/img/blinkies/bored.gif | bin | 0 -> 2475 bytes | |||
| -rw-r--r-- | public/img/blinkies/capitalism.gif | bin | 0 -> 20828 bytes | |||
| -rw-r--r-- | public/img/blinkies/connection.gif | bin | 0 -> 3965 bytes | |||
| -rw-r--r-- | public/img/blinkies/eepy.gif | bin | 0 -> 704 bytes | |||
| -rw-r--r-- | public/img/blinkies/fuckcomputers.gif | bin | 0 -> 2493 bytes | |||
| -rw-r--r-- | public/img/blinkies/hatecomputers-club.gif | bin | 0 -> 2119 bytes | |||
| -rw-r--r-- | public/img/blinkies/loveuguys.gif | bin | 0 -> 6357 bytes | |||
| -rw-r--r-- | public/img/cursor/hover.png | bin | 0 -> 1789 bytes | |||
| -rw-r--r-- | public/img/cursor/regular.png | bin | 0 -> 3255 bytes | |||
| -rw-r--r-- | public/styles/styles.css | 87 | ||||
| -rw-r--r-- | public/styles/theme.css | 119 |
17 files changed, 206 insertions, 0 deletions
diff --git a/public/favicon.ico b/public/favicon.ico Binary files differnew file mode 100644 index 0000000..e441116 --- /dev/null +++ b/public/favicon.ico diff --git a/public/fonts/fantasque.woff b/public/fonts/fantasque.woff Binary files differnew file mode 100644 index 0000000..a239067 --- /dev/null +++ b/public/fonts/fantasque.woff diff --git a/public/img/background.gif b/public/img/background.gif Binary files differnew file mode 100644 index 0000000..615f96e --- /dev/null +++ b/public/img/background.gif diff --git a/public/img/blinkies/autism.gif b/public/img/blinkies/autism.gif Binary files differnew file mode 100644 index 0000000..1290ff4 --- /dev/null +++ b/public/img/blinkies/autism.gif diff --git a/public/img/blinkies/bee.gif b/public/img/blinkies/bee.gif Binary files differnew file mode 100644 index 0000000..e784b95 --- /dev/null +++ b/public/img/blinkies/bee.gif diff --git a/public/img/blinkies/begaydocrime.gif b/public/img/blinkies/begaydocrime.gif Binary files differnew file mode 100644 index 0000000..068d5d0 --- /dev/null +++ b/public/img/blinkies/begaydocrime.gif diff --git a/public/img/blinkies/bored.gif b/public/img/blinkies/bored.gif Binary files differnew file mode 100644 index 0000000..40f26d1 --- /dev/null +++ b/public/img/blinkies/bored.gif diff --git a/public/img/blinkies/capitalism.gif b/public/img/blinkies/capitalism.gif Binary files differnew file mode 100644 index 0000000..b851831 --- /dev/null +++ b/public/img/blinkies/capitalism.gif diff --git a/public/img/blinkies/connection.gif b/public/img/blinkies/connection.gif Binary files differnew file mode 100644 index 0000000..fa17e1a --- /dev/null +++ b/public/img/blinkies/connection.gif diff --git a/public/img/blinkies/eepy.gif b/public/img/blinkies/eepy.gif Binary files differnew file mode 100644 index 0000000..53e1452 --- /dev/null +++ b/public/img/blinkies/eepy.gif diff --git a/public/img/blinkies/fuckcomputers.gif b/public/img/blinkies/fuckcomputers.gif Binary files differnew file mode 100644 index 0000000..c743acb --- /dev/null +++ b/public/img/blinkies/fuckcomputers.gif diff --git a/public/img/blinkies/hatecomputers-club.gif b/public/img/blinkies/hatecomputers-club.gif Binary files differnew file mode 100644 index 0000000..aa90c8d --- /dev/null +++ b/public/img/blinkies/hatecomputers-club.gif diff --git a/public/img/blinkies/loveuguys.gif b/public/img/blinkies/loveuguys.gif Binary files differnew file mode 100644 index 0000000..89cd0aa --- /dev/null +++ b/public/img/blinkies/loveuguys.gif diff --git a/public/img/cursor/hover.png b/public/img/cursor/hover.png Binary files differnew file mode 100644 index 0000000..2e2c248 --- /dev/null +++ b/public/img/cursor/hover.png diff --git a/public/img/cursor/regular.png b/public/img/cursor/regular.png Binary files differnew file mode 100644 index 0000000..f9fbfca --- /dev/null +++ b/public/img/cursor/regular.png diff --git a/public/styles/styles.css b/public/styles/styles.css new file mode 100644 index 0000000..5208191 --- /dev/null +++ b/public/styles/styles.css @@ -0,0 +1,87 @@ +@import url("./theme.css"); + +@font-face { + font-family: "fantasque"; + src: url("/fonts/fantasque.woff"); +} + +:root { + --content-padding: 2rem; + --border-radius: 10px; + + --font: "fantasque"; + --font-fallback: monospace; +} + +/* <global> */ +* { + cursor: url("/img/cursor/regular.png"), auto !important; + + box-sizing: border-box; + margin: 0; + padding: 0; +} +/* </global> */ + +/* <layout> */ +html { + display: flex; + justify-content: center; + min-height: 100vh; + padding: var(--content-padding); + + color: var(--foreground); + font-family: var(--font), var(--font-fallback); + + background-image: url("/img/background.gif"); + background-repeat: no-repeat; + background-size: cover; + background-position: center center; + background-clip: border-box; + image-rendering: pixelated; +} + +body { + display: grid; + grid-template-rows: auto 1fr auto; + + padding: var(--content-padding); + padding-left: auto; + border-radius: var(--border-radius); + min-height: calc(100vh - 2 * var(--content-padding)); + + width: 100%; + max-width: 1200px; + background-color: var(--background-body); + backdrop-filter: blur(16px); + + overflow-y: scroll; +} +/* </layout> */ + +/* <typography> */ +h1 { + font-size: 3rem; +} +h2 { + font-size: 2rem; +} +h3 { + font-size: 1.45rem; +} +hr { + margin: 1rem; + border: 0; + height: 1px; + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1), var(--foreground), rgba(0, 0, 0, 0.1)); +} +/* </typography> */ + +/* <footer> */ +.blinkies { + display: flex; + justify-content: left; + flex-wrap: wrap; + gap: 10px 10px; +} +/* </footer> */ diff --git a/public/styles/theme.css b/public/styles/theme.css new file mode 100644 index 0000000..6d568ea --- /dev/null +++ b/public/styles/theme.css @@ -0,0 +1,119 @@ +:root { + --background: #282828; + --background-body: #282828da; + --foreground: #ebdbb2; + --regular0: #282828; + --regular1: #cc241d; + --regular2: #98971a; + --regular3: #d79921; + --regular4: #458588; + --regular5: #b16286; + --regular6: #689d6a; + --regular7: #a89984; + --bright0: #928374; + --bright1: #fb4934; + --bright2: #b8bb26; + --bright3: #fabd2f; + --bright4: #83a598; + --bright5: #d3869b; + --bright6: #8ec07c; + --bright7: #ebdbb2; +} + +.regular0 { + color: var(--regular0); +} +.regular1 { + color: var(--regular1); +} +.regular2 { + color: var(--regular2); +} +.regular3 { + color: var(--regular3); +} +.regular4 { + color: var(--regular4); +} +.regular5 { + color: var(--regular5); +} +.regular6 { + color: var(--regular6); +} +.regular7 { + color: var(--regular7); +} +.bright0 { + color: var(--bright0); +} +.bright1 { + color: var(--bright1); +} +.bright2 { + color: var(--bright2); +} +.bright3 { + color: var(--bright3); +} +.bright4 { + color: var(--bright4); +} +.bright5 { + color: var(--bright5); +} +.bright6 { + color: var(--bright6); +} +.bright7 { + color: var(--bright7); +} + +.regular0-bg { + background-color: var(--regular0); +} +.regular1-bg { + background-color: var(--regular1); +} +.regular2-bg { + background-color: var(--regular2); +} +.regular3-bg { + background-color: var(--regular3); +} +.regular4-bg { + background-color: var(--regular4); +} +.regular5-bg { + background-color: var(--regular5); +} +.regular6-bg { + background-color: var(--regular6); +} +.regular7-bg { + background-color: var(--regular7); +} +.bright0-bg { + background-color: var(--bright0); +} +.bright1-bg { + background-color: var(--bright1); +} +.bright2-bg { + background-color: var(--bright2); +} +.bright3-bg { + background-color: var(--bright3); +} +.bright4-bg { + background-color: var(--bright4); +} +.bright5-bg { + background-color: var(--bright5); +} +.bright6-bg { + background-color: var(--bright6); +} +.bright7-bg { + background-color: var(--bright7); +} |
