From d7d60dc0f67a5d120be7e9d1ece1df256be312fc Mon Sep 17 00:00:00 2001 From: chris bell Date: Thu, 13 Aug 2026 12:21:37 -0500 Subject: [PATCH] testing dark/light mode --- index.html | 23 ++- post.html | 371 +++++++++++++++-------------------------------- posts/about.html | 52 ------- posts/about.md | 3 +- styles/main.css | 144 ++++++++++++++++-- 5 files changed, 277 insertions(+), 316 deletions(-) delete mode 100644 posts/about.html diff --git a/index.html b/index.html index 0c947b4..3406af0 100644 --- a/index.html +++ b/index.html @@ -3,16 +3,37 @@ Hex Studios + + + + +

// Hex Studios

Developer, biker, musician, engineer, and an unapologetic centrist in the deep red south. The real @hexstudios.

Pinned posts

diff --git a/post.html b/post.html index 2e36253..fbc171a 100644 --- a/post.html +++ b/post.html @@ -1,279 +1,144 @@ - - - -Post + + + + Post - - - + + + - - - - -
- ← All posts - -

Loading post…

-
- - - - + document.addEventListener('DOMContentLoaded', loadPost); + + \ No newline at end of file diff --git a/posts/about.html b/posts/about.html deleted file mode 100644 index 01c4fa5..0000000 --- a/posts/about.html +++ /dev/null @@ -1,52 +0,0 @@ - - - - - Hex Studios - - - -
-

// Hex Studios

- Developer, biker, musician, engineer, and an unapologetic centrist in the deep red south. The real @hexstudios. -
- -
- <-- Back to home - -

// ABout Hex Studios

- -

// What is this?

-

Good question. It was my personal portfolio site, used for listing on applications to corporate slop jobs, but over time I just grew into wanting this place to be a space where I can be unapologetically me. You can still visit the old site here if you want. It's pretty cool.

-

So thats what this is. I'll still list my credentials and who I am, but I won't shy away from being me.

- -

// Well then, who are you?

-

My name is Chris. I make stuff, sometimes. By day I'm a software engineer working with C# and unity. I love programming and old technology, I spend my time outside of work learning the ins-and-outs of computers and electronics in general, using C and C++ to mess with native applications and embedded firmware, hoping to one day reclaim the magic of technology from the souless corporate sphere it currently lives in.

- -

Some of my hobbies include: Making and enjoying music, motorcycles, game development, light gaming (mostly indie games and older titles), homelabbing, poking at old technology

- -

Oh yeah I also run a small company with my wife called Bellsworne. You should check us out.

- -

// My creds

-

Education:

- -

Professional:

- - I was also a barista for two years, who'uld've thunk it -

Personal:

- -
- - \ No newline at end of file diff --git a/posts/about.md b/posts/about.md index c0b9235..4b3baa5 100644 --- a/posts/about.md +++ b/posts/about.md @@ -11,7 +11,7 @@ Good question. It *was* my personal portfolio site, used for listing on applicat So thats what this is. I'll still list my credentials and who I am, but I won't shy away from being me. -## // Well than, who are you? +## // Well then, who are you? My name is Chris. I make stuff, sometimes. By day I'm a software engineer working with C# and unity. I love programming and old technology, I spend my time outside of work learning the ins-and-outs of computers and electronics in general, using C and C++ to mess with native applications and embedded firmware, hoping to one day reclaim the magic of technology from the souless corporate sphere it currently lives in. Some of my hobbies include: Making and enjoying music, motorcycles, game development, light gaming (mostly indie games and older titles), homelabbing, poking at old technology. @@ -27,6 +27,7 @@ Oh yeah I also run a small company with my wife called Bellsworne. You should [c ### Professional: - 5+ years of software engineering, primarily in C#/.NET - ~2 years of electronics repair (phones, laptops, etc) + *I was also a barista for two years, who'uld've thunk it lol* ### Personal: diff --git a/styles/main.css b/styles/main.css index 639e355..81ef2c3 100644 --- a/styles/main.css +++ b/styles/main.css @@ -1,17 +1,143 @@ :root { - --background-color: #1a1a1a; - --foreground-color: #f5f5f5; + --background-color: #1a1a1a; + --foreground-color: #f0f0ea; + --soft-color: #8a8a82; + --accent-color: #a5453a; + --rule-color: #333330; + --code-bg: #242422; +} + +[data-theme="light"] { + --background-color: #f2f0ea; + --foreground-color: #1a1a1a; + --soft-color: #6b6a63; + --accent-color: #8c2e24; + --rule-color: #d8d5cb; + --code-bg: #e8e5da; } * { - font-family: 'Times New Roman', Times, serif; - color: var(--foreground-color); + font-family: 'Times New Roman', Times, serif; + color: var(--foreground-color); + box-sizing: border-box; } body { - background-color: var(--background-color); - width: 80%; - margin: auto; - padding-top: 4%; - font-size: 12pt; + background-color: var(--background-color); + width: 80%; + max-width: 700px; + margin: auto; + padding-top: 4%; + padding-bottom: 6%; + font-size: 12pt; + line-height: 1.6; +} + +a { + color: var(--accent-color); +} +a:hover { + text-decoration: none; +} + +hr { + border: none; + border-top: 1px solid var(--rule-color); + margin: 2em 0; +} + +/* theme toggle */ +#theme-toggle { + background: none; + border: 1px solid var(--rule-color); + color: var(--soft-color); + font-size: 10pt; + padding: 0.2em 0.6em; + cursor: pointer; +} +#theme-toggle:hover { + color: var(--accent-color); + border-color: var(--accent-color); +} + +/* post lists on the main page */ +#posts-section ul, +#sticky-posts-section ul { + list-style: none; + padding: 0; +} +#posts-section li, +#sticky-posts-section li { + margin: 0.5em 0; +} + +/* post.html */ +.back-link { + display: inline-block; + font-size: 10pt; + color: var(--soft-color); + text-decoration: none; + margin-bottom: 2em; +} +.back-link:hover { + color: var(--accent-color); +} + +.meta { + font-size: 10pt; + color: var(--soft-color); + margin: 0 0 1em; +} + +#content h1:first-child { + font-size: 1.8em; + margin: 0 0 0.4em; +} +#content h1, +#content h2, +#content h3 { + margin-top: 1.6em; + margin-bottom: 0.5em; +} +#content h2 { + border-bottom: 1px solid var(--rule-color); + padding-bottom: 0.2em; +} + +#content p { + margin: 1em 0; +} + +#content blockquote { + margin: 1.2em 0; + padding-left: 1em; + border-left: 2px solid var(--accent-color); + color: var(--soft-color); + font-style: italic; +} + +#content code { + font-family: Consolas, Menlo, monospace; + font-size: 0.9em; + background: var(--code-bg); + padding: 0.1em 0.35em; +} + +#content pre { + background: var(--code-bg); + padding: 1em; + overflow-x: auto; + line-height: 1.5; +} +#content pre code { + background: none; + padding: 0; +} + +.state { + color: var(--soft-color); + font-size: 10pt; +} +.state.error { + color: var(--accent-color); } \ No newline at end of file