From f34747a2a13087a4f1ad91fbccf0ecaa20fa6d83 Mon Sep 17 00:00:00 2001 From: soaos Date: Tue, 19 Aug 2025 23:16:21 -0400 Subject: flashy ass new index page --- assets/bg.jpg | Bin 0 -> 31580 bytes assets/construction.gif | Bin 0 -> 9933 bytes assets/unifont.woff2 | Bin 0 -> 1605860 bytes assets/unifont_upper.woff2 | Bin 0 -> 283288 bytes index.css | 29 +++++++++ index.html | 101 ++++++++++++++++++----------- style.css | 157 +++++++++++++++++++++++++++++++++++++++++++++ 7 files changed, 249 insertions(+), 38 deletions(-) create mode 100644 assets/bg.jpg create mode 100644 assets/construction.gif create mode 100644 assets/unifont.woff2 create mode 100644 assets/unifont_upper.woff2 create mode 100644 index.css create mode 100644 style.css diff --git a/assets/bg.jpg b/assets/bg.jpg new file mode 100644 index 0000000..4e9044c Binary files /dev/null and b/assets/bg.jpg differ diff --git a/assets/construction.gif b/assets/construction.gif new file mode 100644 index 0000000..b9c4eeb Binary files /dev/null and b/assets/construction.gif differ diff --git a/assets/unifont.woff2 b/assets/unifont.woff2 new file mode 100644 index 0000000..d6e201a Binary files /dev/null and b/assets/unifont.woff2 differ diff --git a/assets/unifont_upper.woff2 b/assets/unifont_upper.woff2 new file mode 100644 index 0000000..47be929 Binary files /dev/null and b/assets/unifont_upper.woff2 differ diff --git a/index.css b/index.css new file mode 100644 index 0000000..712f8a1 --- /dev/null +++ b/index.css @@ -0,0 +1,29 @@ +.section { + background-color: var(--bg1); +} + +html { + background: url("/assets/bg.jpg"); + background-attachment: fixed; + background-size: cover; + image-rendering: pixelated; +} + +/* Links */ +a { + color: var(--blue); +} + +a:visited { + color: var(--purple); +} + +#weird-fucking-header-container { + display: inline-grid; + grid-template-columns: 1fr; + grid-template-rows: 1fr; +} + +.whatever { + grid-area: 1 / 1 / 2 / 2; +} \ No newline at end of file diff --git a/index.html b/index.html index 13946da..c3c2fd5 100644 --- a/index.html +++ b/index.html @@ -5,49 +5,74 @@ soaos + + + + + -

soaos

+
+
+
+

π‚‚πŸŒ²πŸŒ²πŸŒ² soaos πŸŒ²πŸŒ²πŸŒ²π‚‚

+

π‚‚πŸŒ²πŸŒ²πŸŒ² soaos πŸŒ²πŸŒ²πŸŒ²π‚‚

+
+
+

+ I'm an "artist" and professional software developer. + In my free time I mostly work on eccentric software projects which you can + read about here. +

+
-

- I'm an "artist" and professional software developer. - I do full stack for my work and in my free time I mostly work on eccentric software projects which you can read - about here (soon). -

+
+
+
+

Stuff on this Site

+ +
+
+

Stuff on this Server

+ +
+
+

Find Me Elsewhere

+ +
+
+
-

Stuff on this Site

- - -

Stuff on this Server

- - -

See me

- - -

Webrings

- ← - EVILRING - → +
+

Webrings

+ ⛧ + EVILRING + ⛀ +
- + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..0d2384e --- /dev/null +++ b/style.css @@ -0,0 +1,157 @@ +@font-face { + font-family: unifont; + src: url("/assets/unifont.woff2"); +} +@font-face { + font-family: unifont; + src: url("/assets/unifont_upper.woff2"); +} + +html { + --red: #e67e80; + --orange: #e69875; + --yellow: #dbbc7f; + --green: #a7c080; + --blue: #7fbbb3; + --aqua: #83c092; + --purple: #d699b6; + --fg: #d3c6aa; + --statusline1: #a7c080; + --statusline2: #d3c6aa; + --statusline3: #e67e80; + --gray0: #7a8478; + --gray1: #859289; + --gray2: #9da9a0; + + --bg-dim: #232a2e; + --bg0: #2d353b; + --bg1: #343f44; + --bg2: #3d484d; + --bg3: #475258; + --bg4: #4f585e; + --bg5: #56635f; + --bg-red: #4c3743; + --bg-visual: #493b40; + --bg-yellow: #45443c; + --bg-green: #3c4841; + --bg-blue: #384b55; +} + +body { + font-family: unifont; + font-size: 16px; + color: var(--fg); +} + +.section { + margin: 1rem; + padding: 1rem; +} + +.horizontal-container { + display: flex; + justify-content: space-between; +} + +a { + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +h1, h2, h3, h4, h5, h6 { + font-weight: normal; + text-decoration: underline; +} + +h1 { + font-size: 48px; +} + +h2 { + font-size: 32px; +} + +h3 { + font-size: 16px; +} + +.centered { + text-align: center; +} + +.center-content { + display: flex; + justify-content: center; +} + +.half { + clip-path: polygon(0 0, 50.1% 0, 50.1% 100%, 0 100%); +} + +.flip-x { + transform: scaleX(-1); +} + +.unselectable { + user-select: none; +} + +@keyframes blinker { + 50% { + opacity: 0; + } +} + +.under-construction { + color: var(--yellow); + animation: blinker 1s linear infinite; +} + +@keyframes evilGlow { + 0% { + text-shadow: 0 0 5px #f00, /* Red glow */ + 0 0 10px #f00, + 0 0 20px #f00, + 0 0 40px #8b0000, /* Darker red for depth */ + 0 0 80px #8b0000; + } + 50% { + text-shadow: 0 0 10px #f00, + 0 0 20px #f00, + 0 0 40px #f00, + 0 0 80px #8b0000, + 0 0 120px #8b0000; + } + 100% { + text-shadow: 0 0 5px #f00, + 0 0 10px #f00, + 0 0 20px #f00, + 0 0 40px #8b0000, + 0 0 80px #8b0000; + } +} + +.evil { + color: var(--red); + animation: evilGlow 2s infinite alternate; +} + +a.evil:visited { + color: var(--red); +} + +a.evil:hover { + color: red; +} + +.inline-block { + display: inline-block; +} + +.no-bullets { + list-style-type: none; + padding-left: 0; +} \ No newline at end of file -- cgit v1.2.3