Compare commits
13 Commits
1aad2224e2
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
| 54a0dc56ad | |||
| d7ca8b0ce0 | |||
| afebcae714 | |||
| 2b2ab3a115 | |||
| e142ef542b | |||
| cb97df446e | |||
| 4586616251 | |||
| 4927c33753 | |||
| 40695352ad | |||
| 3820341b50 | |||
| cf16fa4803 | |||
| ae5f36909f | |||
| d7d60dc0f6 |
98
index.html
98
index.html
@@ -3,49 +3,127 @@
|
|||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Hex Studios</title>
|
<title>Hex Studios</title>
|
||||||
<link rel="stylesheet" href="styles/main.css">
|
<link rel="alternate" type="application/rss+xml" title="Hex Studios RSS Feed" href="posts/feed.php">
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function() {
|
||||||
|
var stored = localStorage.getItem('theme');
|
||||||
|
if (stored === 'light') document.documentElement.setAttribute('data-theme', 'light');
|
||||||
|
})();
|
||||||
|
|
||||||
|
function toggleTheme() {
|
||||||
|
var isLight = document.documentElement.getAttribute('data-theme') === 'light';
|
||||||
|
if (isLight) {
|
||||||
|
document.documentElement.removeAttribute('data-theme');
|
||||||
|
localStorage.setItem('theme', 'dark');
|
||||||
|
} else {
|
||||||
|
document.documentElement.setAttribute('data-theme', 'light');
|
||||||
|
localStorage.setItem('theme', 'light');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="styles/master.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
<button id="theme-toggle" onclick="toggleTheme()">toggle light/dark</button>
|
||||||
|
|
||||||
<h1>// Hex Studios</h1>
|
<h1>// Hex Studios</h1>
|
||||||
<i>Developer, biker, musician, engineer, and an unapologetic centrist in the deep red south. The real @hexstudios.</i>
|
<i>Developer, biker, musician, engineer, and an unapologetic centrist in the deep red south. The real @hexstudios.</i>
|
||||||
|
|
||||||
<div id="stick-posts-section">
|
<div id="links-section">
|
||||||
|
<h2>Links</h2>
|
||||||
|
<ul class="custom-list">
|
||||||
|
<li><a href="https://git.bellsworne.tech/">Git repos</a></li>
|
||||||
|
<li><a href="https://youtube.com/c/hexstudios">YouTube</a></li>
|
||||||
|
<li><a href="https://bellsworne.com">My company - Bellsworne</a></li>
|
||||||
|
<li><a href="https://git.bellsworne.tech/chrisbell/hexstudios-co">Page source code (git)</a></li>
|
||||||
|
<li><a href="posts/feed.php">RSS feed</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="sticky-posts-section">
|
||||||
<h2>Pinned posts</h2>
|
<h2>Pinned posts</h2>
|
||||||
<ul>
|
<ul class="custom-list">
|
||||||
<li><a href="posts/about.html">About Hex Studios</a></li>
|
<li><a href="post.html?file=about.md">About <i class="post-link-date">August 13, 2026</i></a></li>
|
||||||
|
<li><a href="post.html?file=projects.md">Projects <i class="post-link-date">August 13, 2026</i></a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="posts-section">
|
<div id="posts-section">
|
||||||
<h2>Posts</h2>
|
<h2>Posts</h2>
|
||||||
<ul id="posts-list"></ul>
|
<ul id="tags-list"></ul>
|
||||||
|
<ul class="custom-list" id="posts-list"></ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
let allPosts = [];
|
||||||
|
let activeTag = null;
|
||||||
|
|
||||||
async function loadPosts() {
|
async function loadPosts() {
|
||||||
const list = document.getElementById('posts-list');
|
const list = document.getElementById('posts-list');
|
||||||
try {
|
try {
|
||||||
const res = await fetch('posts/list.php');
|
const res = await fetch('posts/list.php');
|
||||||
const posts = await res.json();
|
allPosts = await res.json();
|
||||||
|
renderTags();
|
||||||
|
renderPosts();
|
||||||
|
} catch (err) {
|
||||||
|
list.innerHTML = '<li>Couldn\u2019t load posts.</li>';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function renderTags() {
|
||||||
|
const tagsList = document.getElementById('tags-list');
|
||||||
|
const tags = [...new Set(allPosts.flatMap(p => p.tags || []))].sort();
|
||||||
|
|
||||||
|
tagsList.innerHTML = '';
|
||||||
|
if (!tags.length) return;
|
||||||
|
|
||||||
|
const makeTagButton = (label, tagValue) => {
|
||||||
|
const li = document.createElement('li');
|
||||||
|
const btn = document.createElement('button');
|
||||||
|
btn.textContent = label;
|
||||||
|
btn.className = 'tag-btn' + (activeTag === tagValue ? ' active' : '');
|
||||||
|
btn.onclick = () => {
|
||||||
|
activeTag = tagValue;
|
||||||
|
renderTags();
|
||||||
|
renderPosts();
|
||||||
|
};
|
||||||
|
li.appendChild(btn);
|
||||||
|
tagsList.appendChild(li);
|
||||||
|
};
|
||||||
|
|
||||||
|
makeTagButton('all', null);
|
||||||
|
tags.forEach(tag => makeTagButton(tag, tag));
|
||||||
|
}
|
||||||
|
|
||||||
|
function renderPosts() {
|
||||||
|
const list = document.getElementById('posts-list');
|
||||||
|
const posts = activeTag
|
||||||
|
? allPosts.filter(p => (p.tags || []).includes(activeTag))
|
||||||
|
: allPosts;
|
||||||
|
|
||||||
|
list.innerHTML = '';
|
||||||
|
|
||||||
if (!posts.length) {
|
if (!posts.length) {
|
||||||
list.innerHTML = '<li>No posts yet.</li>';
|
list.innerHTML = '<li>No posts' + (activeTag ? ' tagged \u201c' + activeTag + '\u201d' : '') + '.</li>';
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
posts.forEach(post => {
|
posts.forEach(post => {
|
||||||
const li = document.createElement('li');
|
const li = document.createElement('li');
|
||||||
const a = document.createElement('a');
|
const a = document.createElement('a');
|
||||||
|
const i = document.createElement('i');
|
||||||
a.textContent = post.title;
|
a.textContent = post.title;
|
||||||
|
i.textContent = post.date;
|
||||||
a.href = post.type === 'html'
|
a.href = post.type === 'html'
|
||||||
? 'posts/' + post.file
|
? 'posts/' + post.file
|
||||||
: 'post.html?file=' + encodeURIComponent(post.file);
|
: 'post.html?file=' + encodeURIComponent(post.file);
|
||||||
li.appendChild(a);
|
li.appendChild(a);
|
||||||
|
a.appendChild(i);
|
||||||
|
i.classList.add("post-link-date");
|
||||||
list.appendChild(li);
|
list.appendChild(li);
|
||||||
});
|
});
|
||||||
} catch (err) {
|
|
||||||
list.innerHTML = '<li>Couldn\u2019t load posts.</li>';
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
document.addEventListener('DOMContentLoaded', loadPosts);
|
document.addEventListener('DOMContentLoaded', loadPosts);
|
||||||
|
|||||||
201
post.html
201
post.html
@@ -1,179 +1,45 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Post</title>
|
<title>Post</title>
|
||||||
|
|
||||||
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
|
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
|
||||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/highlight.js/styles/github.min.css">
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/highlight.js/styles/github.min.css">
|
||||||
<script src="https://cdn.jsdelivr.net/npm/highlight.js/lib/common.min.js"></script>
|
<script src="https://cdn.jsdelivr.net/npm/highlight.js/lib/common.min.js"></script>
|
||||||
|
|
||||||
<style>
|
<script>
|
||||||
:root {
|
(function() {
|
||||||
--ink: #26241f;
|
var stored = localStorage.getItem('theme');
|
||||||
--ink-soft: #6b6a63;
|
if (stored === 'light') document.documentElement.setAttribute('data-theme', 'light');
|
||||||
--paper: #fbfaf7;
|
})();
|
||||||
--rule: #e4e1d8;
|
|
||||||
--accent: #3a5a40;
|
|
||||||
--code-bg: #f1efe8;
|
|
||||||
}
|
|
||||||
|
|
||||||
* { box-sizing: border-box; }
|
function toggleTheme() {
|
||||||
|
var isLight = document.documentElement.getAttribute('data-theme') === 'light';
|
||||||
html { -webkit-text-size-adjust: 100%; }
|
if (isLight) {
|
||||||
|
document.documentElement.removeAttribute('data-theme');
|
||||||
body {
|
localStorage.setItem('theme', 'dark');
|
||||||
margin: 0;
|
} else {
|
||||||
background: var(--paper);
|
document.documentElement.setAttribute('data-theme', 'light');
|
||||||
color: var(--ink);
|
localStorage.setItem('theme', 'light');
|
||||||
font-family: Georgia, 'Iowan Old Style', 'Palatino Linotype', serif;
|
|
||||||
line-height: 1.7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.wrap {
|
|
||||||
max-width: 680px;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 4rem 1.5rem 6rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.back-link {
|
|
||||||
display: inline-flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 0.4rem;
|
|
||||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
|
|
||||||
font-size: 0.85rem;
|
|
||||||
letter-spacing: 0.02em;
|
|
||||||
text-transform: uppercase;
|
|
||||||
color: var(--ink-soft);
|
|
||||||
text-decoration: none;
|
|
||||||
margin-bottom: 3rem;
|
|
||||||
border-bottom: 1px solid transparent;
|
|
||||||
transition: border-color 0.15s ease, color 0.15s ease;
|
|
||||||
}
|
|
||||||
.back-link:hover {
|
|
||||||
color: var(--accent);
|
|
||||||
border-color: var(--accent);
|
|
||||||
}
|
|
||||||
|
|
||||||
.meta {
|
|
||||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
|
|
||||||
font-size: 0.85rem;
|
|
||||||
color: var(--ink-soft);
|
|
||||||
margin: 0 0 0.5rem;
|
|
||||||
text-transform: uppercase;
|
|
||||||
letter-spacing: 0.04em;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content h1:first-child {
|
|
||||||
font-size: 2.1rem;
|
|
||||||
line-height: 1.25;
|
|
||||||
margin: 0 0 0.75rem;
|
|
||||||
letter-spacing: -0.01em;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content h1, #content h2, #content h3 {
|
|
||||||
font-family: Georgia, serif;
|
|
||||||
color: var(--ink);
|
|
||||||
margin-top: 2.2em;
|
|
||||||
margin-bottom: 0.6em;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content h2 { font-size: 1.5rem; border-bottom: 1px solid var(--rule); padding-bottom: 0.3em; }
|
|
||||||
#content h3 { font-size: 1.2rem; }
|
|
||||||
|
|
||||||
#content p { margin: 1.1em 0; }
|
|
||||||
|
|
||||||
#content a { color: var(--accent); text-decoration-color: rgba(58,90,64,0.35); }
|
|
||||||
#content a:hover { text-decoration-color: var(--accent); }
|
|
||||||
|
|
||||||
#content img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border-radius: 4px;
|
|
||||||
margin: 1.5em 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content blockquote {
|
|
||||||
margin: 1.5em 0;
|
|
||||||
padding: 0.2em 1.2em;
|
|
||||||
border-left: 3px solid var(--accent);
|
|
||||||
color: var(--ink-soft);
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content ul, #content ol {
|
|
||||||
padding-left: 1.4em;
|
|
||||||
}
|
|
||||||
#content li { margin: 0.4em 0; }
|
|
||||||
|
|
||||||
#content hr {
|
|
||||||
border: none;
|
|
||||||
border-top: 1px solid var(--rule);
|
|
||||||
margin: 2.5em 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content code {
|
|
||||||
font-family: 'SF Mono', Menlo, Consolas, monospace;
|
|
||||||
font-size: 0.85em;
|
|
||||||
background: var(--code-bg);
|
|
||||||
padding: 0.15em 0.4em;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content pre {
|
|
||||||
background: var(--code-bg);
|
|
||||||
padding: 1em 1.2em;
|
|
||||||
border-radius: 6px;
|
|
||||||
overflow-x: auto;
|
|
||||||
line-height: 1.5;
|
|
||||||
}
|
|
||||||
#content pre code {
|
|
||||||
background: none;
|
|
||||||
padding: 0;
|
|
||||||
font-size: 0.85em;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content table {
|
|
||||||
width: 100%;
|
|
||||||
border-collapse: collapse;
|
|
||||||
margin: 1.5em 0;
|
|
||||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
|
|
||||||
font-size: 0.9rem;
|
|
||||||
}
|
|
||||||
#content th, #content td {
|
|
||||||
text-align: left;
|
|
||||||
padding: 0.5em 0.8em;
|
|
||||||
border-bottom: 1px solid var(--rule);
|
|
||||||
}
|
|
||||||
#content th { color: var(--ink-soft); font-weight: 600; }
|
|
||||||
|
|
||||||
.state {
|
|
||||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
|
|
||||||
color: var(--ink-soft);
|
|
||||||
font-size: 0.95rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.state.error { color: #a3413a; }
|
|
||||||
|
|
||||||
@media (prefers-reduced-motion: no-preference) {
|
|
||||||
.wrap { animation: rise 0.35s ease-out both; }
|
|
||||||
@keyframes rise {
|
|
||||||
from { opacity: 0; transform: translateY(6px); }
|
|
||||||
to { opacity: 1; transform: translateY(0); }
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</script>
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<div class="wrap">
|
<link rel="stylesheet" href="styles/master.css">
|
||||||
<a class="back-link" href="index.html">← All posts</a>
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div class="wrap">
|
||||||
|
<a class="back-link" href="index.html">← Return home</a>
|
||||||
|
<button id="theme-toggle" onclick="toggleTheme()">toggle light/dark</button>
|
||||||
<p class="meta" id="meta" hidden></p>
|
<p class="meta" id="meta" hidden></p>
|
||||||
<div id="content"><p class="state">Loading post…</p></div>
|
<div id="content"><p class="state">Loading post…</p></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
function parseFrontMatter(raw) {
|
function parseFrontMatter(raw) {
|
||||||
const match = raw.match(/^---\r?\n([\s\S]+?)\r?\n---\r?\n([\s\S]*)$/);
|
const match = raw.match(/^---\r?\n([\s\S]+?)\r?\n---\r?\n([\s\S]*)$/);
|
||||||
if (!match) return { meta: {}, body: raw };
|
if (!match) return { meta: {}, body: raw };
|
||||||
@@ -273,7 +139,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
document.addEventListener('DOMContentLoaded', loadPost);
|
document.addEventListener('DOMContentLoaded', loadPost);
|
||||||
</script>
|
</script>
|
||||||
|
</body>
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
@@ -1,52 +0,0 @@
|
|||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>Hex Studios</title>
|
|
||||||
<link rel="stylesheet" href="styles/main.css">
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div id="page-header">
|
|
||||||
<h1>// Hex Studios</h1>
|
|
||||||
<i>Developer, biker, musician, engineer, and an unapologetic centrist in the deep red south. The real @hexstudios.</i>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="post-body">
|
|
||||||
<a href="../index.html"><-- Back to home</a>
|
|
||||||
|
|
||||||
<h1>// ABout Hex Studios</h1>
|
|
||||||
|
|
||||||
<h2>// What is this?</h2>
|
|
||||||
<p>Good question. It <i>was</i> 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 <i><b>me</b></i>. You can still visit the old site <a href="old2/index.html">here</a> if you want. It's pretty cool.</p>
|
|
||||||
<p>So thats what this is. I'll still list my credentials and who I am, but I won't shy away from being me.</p>
|
|
||||||
|
|
||||||
<h2>// Well then, who are you?</h2>
|
|
||||||
<p>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.</p>
|
|
||||||
|
|
||||||
<p>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</p>
|
|
||||||
|
|
||||||
<p>Oh yeah I also run a small company with my wife called Bellsworne. You should <a href="https://bellsworne.com">check us out.</a></p>
|
|
||||||
|
|
||||||
<h2>// My creds</h2>
|
|
||||||
<h3>Education:</h3>
|
|
||||||
<ul>
|
|
||||||
<li>B.S. Software Engineering</li>
|
|
||||||
<li>A.S. Computer Science</li>
|
|
||||||
<li>CompTIA Project Managment+ Certification</li>
|
|
||||||
</ul>
|
|
||||||
<h3>Professional:</h3>
|
|
||||||
<ul>
|
|
||||||
<li>5+ years of software engineering, primarily in C#/.NET</li>
|
|
||||||
<li>~2 years of electronics repair (phones, laptops, etc)</li>
|
|
||||||
</ul>
|
|
||||||
<i>I was also a barista for two years, who'uld've thunk it</i>
|
|
||||||
<h3>Personal:</h3>
|
|
||||||
<ul>
|
|
||||||
<li>13+ years of linux experience (I use NixOS, btw)</li>
|
|
||||||
<li>10+ years of C/C++</li>
|
|
||||||
<li>10+ years of HTML/CSS</li>
|
|
||||||
<li>Other languages, experience varies: Odin, Python, JS, Java</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,17 +1,17 @@
|
|||||||
---
|
---
|
||||||
title: About
|
title: About
|
||||||
date: 2026-08-13
|
date: 2026-08-13
|
||||||
tags: about
|
tags: about-me
|
||||||
---
|
---
|
||||||
|
|
||||||
# About Hex Studios
|
# About Hex Studios
|
||||||
|
|
||||||
## // What is this
|
## // 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](old2/index.html) if you want. It's pretty cool.
|
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](old2/index.html) 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.
|
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.
|
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.
|
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:
|
### Professional:
|
||||||
- 5+ years of software engineering, primarily in C#/.NET
|
- 5+ years of software engineering, primarily in C#/.NET
|
||||||
- ~2 years of electronics repair (phones, laptops, etc)
|
- ~2 years of electronics repair (phones, laptops, etc)
|
||||||
|
|
||||||
*I was also a barista for two years, who'uld've thunk it lol*
|
*I was also a barista for two years, who'uld've thunk it lol*
|
||||||
|
|
||||||
### Personal:
|
### Personal:
|
||||||
|
|||||||
41
posts/feed.php
Normal file
41
posts/feed.php
Normal file
@@ -0,0 +1,41 @@
|
|||||||
|
<?php
|
||||||
|
require __DIR__ . '/posts.php';
|
||||||
|
|
||||||
|
$siteUrl = 'https://hexstudios.co';
|
||||||
|
$siteTitle = 'Hex Studios';
|
||||||
|
$siteDesc = 'Developer, biker, musician, engineer, and an unapologetic centrist in the deep red south.';
|
||||||
|
|
||||||
|
$posts = getPosts(__DIR__);
|
||||||
|
|
||||||
|
function xmlEscape($str) {
|
||||||
|
return htmlspecialchars($str, ENT_XML1 | ENT_QUOTES, 'UTF-8');
|
||||||
|
}
|
||||||
|
|
||||||
|
header('Content-Type: application/rss+xml; charset=UTF-8');
|
||||||
|
echo '<?xml version="1.0" encoding="UTF-8"?>' . "\n";
|
||||||
|
?>
|
||||||
|
<rss version="2.0">
|
||||||
|
<channel>
|
||||||
|
<title><?= xmlEscape($siteTitle) ?></title>
|
||||||
|
<link><?= xmlEscape($siteUrl) ?></link>
|
||||||
|
<description><?= xmlEscape($siteDesc) ?></description>
|
||||||
|
<language>en-us</language>
|
||||||
|
<lastBuildDate><?= date(DATE_RSS) ?></lastBuildDate>
|
||||||
|
<?php foreach ($posts as $post):
|
||||||
|
$postUrl = $post['type'] === 'html'
|
||||||
|
? $siteUrl . '/posts/' . $post['file']
|
||||||
|
: $siteUrl . '/post.html?file=' . urlencode($post['file']);
|
||||||
|
?>
|
||||||
|
<item>
|
||||||
|
<title><?= xmlEscape($post['title']) ?></title>
|
||||||
|
<link><?= xmlEscape($postUrl) ?></link>
|
||||||
|
<guid isPermaLink="true"><?= xmlEscape($postUrl) ?></guid>
|
||||||
|
<pubDate><?= date(DATE_RSS, $post['created']) ?></pubDate>
|
||||||
|
<description><?= xmlEscape($post['excerpt']) ?></description>
|
||||||
|
<?php foreach ($post['tags'] as $tag): ?>
|
||||||
|
<category><?= xmlEscape($tag) ?></category>
|
||||||
|
<?php endforeach; ?>
|
||||||
|
</item>
|
||||||
|
<?php endforeach; ?>
|
||||||
|
</channel>
|
||||||
|
</rss>
|
||||||
@@ -1,48 +1,12 @@
|
|||||||
<?php
|
<?php
|
||||||
header('Content-Type: application/json');
|
header('Content-Type: application/json');
|
||||||
|
require __DIR__ . '/posts.php';
|
||||||
|
|
||||||
$dir = __DIR__;
|
$posts = getPosts(__DIR__);
|
||||||
$files = array_diff(scandir($dir), ['.', '..', 'list.php']);
|
|
||||||
|
|
||||||
function parseFrontMatter($raw) {
|
$posts = array_map(function ($p) {
|
||||||
if (preg_match('/^---\r?\n(.+?)\r?\n---\r?\n(.*)$/s', $raw, $m)) {
|
unset($p['excerpt']);
|
||||||
$meta = [];
|
return $p;
|
||||||
foreach (preg_split('/\r?\n/', $m[1]) as $line) {
|
}, $posts);
|
||||||
if (strpos($line, ':') === false) continue;
|
|
||||||
[$key, $value] = explode(':', $line, 2);
|
|
||||||
$meta[trim($key)] = trim($value, " \t\"'");
|
|
||||||
}
|
|
||||||
return $meta;
|
|
||||||
}
|
|
||||||
return [];
|
|
||||||
}
|
|
||||||
|
|
||||||
$posts = [];
|
|
||||||
foreach ($files as $file) {
|
|
||||||
$ext = strtolower(pathinfo($file, PATHINFO_EXTENSION));
|
|
||||||
if (!in_array($ext, ['html', 'md'])) continue;
|
|
||||||
|
|
||||||
$path = $dir . '/' . $file;
|
|
||||||
$fallbackTitle = ucwords(str_replace(['-', '_'], ' ', pathinfo($file, PATHINFO_FILENAME)));
|
|
||||||
$created = filectime($path); // fallback if no front matter date
|
|
||||||
|
|
||||||
$meta = [];
|
|
||||||
if ($ext === 'md') {
|
|
||||||
$raw = file_get_contents($path, false, null, 0, 4096); // just need the header
|
|
||||||
$meta = parseFrontMatter($raw);
|
|
||||||
}
|
|
||||||
|
|
||||||
$title = $meta['title'] ?? $fallbackTitle;
|
|
||||||
$date = isset($meta['date']) ? strtotime($meta['date']) : $created;
|
|
||||||
|
|
||||||
$posts[] = [
|
|
||||||
'file' => $file,
|
|
||||||
'title' => $title,
|
|
||||||
'type' => $ext,
|
|
||||||
'created' => $date ?: $created,
|
|
||||||
];
|
|
||||||
}
|
|
||||||
|
|
||||||
usort($posts, fn($a, $b) => $b['created'] - $a['created']); // newest first
|
|
||||||
|
|
||||||
echo json_encode($posts);
|
echo json_encode($posts);
|
||||||
54
posts/my-views.md
Normal file
54
posts/my-views.md
Normal file
@@ -0,0 +1,54 @@
|
|||||||
|
---
|
||||||
|
title: My Views
|
||||||
|
date: 2026-08-13
|
||||||
|
tags: about-me, society, politics
|
||||||
|
---
|
||||||
|
|
||||||
|
# My World Views
|
||||||
|
|
||||||
|
This is going to be a hard thing to write about, for obvious reasons. And I won't go in depth on every issue, but I'll give a surface level look on some of the things I find most important.
|
||||||
|
|
||||||
|
## // Background
|
||||||
|
A little background as to who I am and where I come from; I'm not important by any means, so don't take my words as such, I'm just a white guy from the rural southern US. I just think context is important to get the picture though.
|
||||||
|
|
||||||
|
### *So, where am I from?*
|
||||||
|
Alabama. Yes, queue the jokes, I know them all. The incest jokes are old and irrelevant, but the ones about backwoods MAGA loving racists? I can't say the same for those ones. The state hasn't really been doing itself any favours with it's political candidates and weird policies.
|
||||||
|
|
||||||
|
As you can imagine growing up in rural Alabama, up until my late teens I flip flopped on whether I considered myself a conservative or a libertarion. Same for my parents. That being said, it was very much a case of: we subscribed to those viewpoints because it's what you did. You were either a christian conservative or you get shunned and socially outcast around here for thinking differently. Actually, for just *thinking* in general sometimes. Thankfully my mom and dad have both moved passed those dangerous views alongside me, we grew together and were able to take off the rose tinted glasses we were forced to see everything through.
|
||||||
|
|
||||||
|
We were always poor. Not for a lack of trying though. We always found a place to live when we needed to, but always had to keep moving to the next place we could barely afford before it got ripped out from under us for one reason or another. My mom has always been sick, dealing with consistent health issue after health issue, some chronic, some that the doctors just never put any effort into figuring out. She has always battled insurance completely wrecking her world, be that a change in medication, denying life saving procedures, or just being completely unaffordable. She has two degrees, one even in computer science, yet cannot find a job she can work because of disabilities, age, and work history gap. Hell I can't even find other jobs in my industry and I have 5 something years of experience on top of my degree. The system is just broken, and my parents still suffer from it.
|
||||||
|
|
||||||
|
### *So what do I consider myself now?*
|
||||||
|
Hard to say these days but I just consider it to be a "left leaning centrist" bordering on "democratic socialist". I despise conservatives and liberals alike, but lean more left than anything. I would rather align myself with people who slightly annoy me than associate with the actually dangerous ones.
|
||||||
|
|
||||||
|
### *My religion?*
|
||||||
|
For most of my life I would have said Christian. And while I do still believe in a God, and do identify with a lot of the teachings of Jesus, I don't subscribe to traditional Christian rhetorics of the bible being the single unquestionable source of truth. I align more with universalist views at this time.
|
||||||
|
|
||||||
|
## // Common issues and my thoughts on them
|
||||||
|
Here's where it gets dangerous.
|
||||||
|
|
||||||
|
- Fuck Trump
|
||||||
|
- Fuck ICE
|
||||||
|
- Fuck the war
|
||||||
|
- Fuck AI
|
||||||
|
- Free healthcare and school for all
|
||||||
|
- Freedom of speech and religion
|
||||||
|
- Eat the rich
|
||||||
|
- Climate change is real
|
||||||
|
- Right to repair
|
||||||
|
- LGBTQ people aren't indoctrinating your children
|
||||||
|
- We live in a post-capitalistic society, and it is broken
|
||||||
|
- The death penalty is sometimes necessary
|
||||||
|
- Pedos, Chomos, and rapists all get their bits chopped off
|
||||||
|
|
||||||
|
I think that covers most of it.
|
||||||
|
|
||||||
|
## // Final thoughts
|
||||||
|
|
||||||
|
Most important thing that I have learned: People are the cause and the reason for it all. And the people of a nation are not their government. It's hard to do, but we must love and show compassion and empathy for every person.
|
||||||
|
|
||||||
|
Give people a chance. It may take a lot of cracking at years of dried mud to get to their center, but they arent always as rotten in there as they have been conditioned to be.
|
||||||
|
|
||||||
|
Unless they prove themselves to be a total irredeemable dickhead, in which case they can rot.
|
||||||
|
|
||||||
|
*I may update this post from time to time as I remember things to add*
|
||||||
68
posts/posts.php
Normal file
68
posts/posts.php
Normal file
@@ -0,0 +1,68 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
function parseFrontMatter($raw) {
|
||||||
|
if (preg_match('/^---\r?\n(.+?)\r?\n---\r?\n(.*)$/s', $raw, $m)) {
|
||||||
|
$meta = [];
|
||||||
|
foreach (preg_split('/\r?\n/', $m[1]) as $line) {
|
||||||
|
if (strpos($line, ':') === false) continue;
|
||||||
|
[$key, $value] = explode(':', $line, 2);
|
||||||
|
$meta[trim($key)] = trim($value, " \t\"'");
|
||||||
|
}
|
||||||
|
return [$meta, $m[2]];
|
||||||
|
}
|
||||||
|
return [[], $raw];
|
||||||
|
}
|
||||||
|
|
||||||
|
function makeExcerpt($body, $length = 220) {
|
||||||
|
$text = preg_replace('/```.*?```/s', '', $body); // code blocks
|
||||||
|
$text = preg_replace('/[#>*_`~\[\]]/', '', $text); // markdown symbols
|
||||||
|
$text = preg_replace('/\(.*?\)/', '', $text); // link targets
|
||||||
|
$text = preg_replace('/\s+/', ' ', $text); // collapse whitespace
|
||||||
|
$text = trim($text);
|
||||||
|
if (mb_strlen($text) > $length) {
|
||||||
|
$text = mb_substr($text, 0, $length) . '…';
|
||||||
|
}
|
||||||
|
return $text;
|
||||||
|
}
|
||||||
|
|
||||||
|
function getPosts($dir) {
|
||||||
|
$skip = ['.', '..', 'list.php', 'feed.php', 'posts.php'];
|
||||||
|
$files = array_diff(scandir($dir), $skip);
|
||||||
|
|
||||||
|
$posts = [];
|
||||||
|
foreach ($files as $file) {
|
||||||
|
$ext = strtolower(pathinfo($file, PATHINFO_EXTENSION));
|
||||||
|
if (!in_array($ext, ['html', 'md'])) continue;
|
||||||
|
|
||||||
|
$path = $dir . '/' . $file;
|
||||||
|
$fallbackTitle = ucwords(str_replace(['-', '_'], ' ', pathinfo($file, PATHINFO_FILENAME)));
|
||||||
|
$created = filectime($path);
|
||||||
|
|
||||||
|
$meta = [];
|
||||||
|
$body = '';
|
||||||
|
if ($ext === 'md') {
|
||||||
|
$raw = file_get_contents($path);
|
||||||
|
[$meta, $body] = parseFrontMatter($raw);
|
||||||
|
}
|
||||||
|
|
||||||
|
$title = $meta['title'] ?? $fallbackTitle;
|
||||||
|
$date = isset($meta['date']) ? strtotime($meta['date']) : $created;
|
||||||
|
$tags = isset($meta['tags']) && trim($meta['tags']) !== ''
|
||||||
|
? array_map('trim', explode(',', $meta['tags']))
|
||||||
|
: [];
|
||||||
|
|
||||||
|
$posts[] = [
|
||||||
|
'file' => $file,
|
||||||
|
'title' => $title,
|
||||||
|
'type' => $ext,
|
||||||
|
'created' => $date ?: $created,
|
||||||
|
'date' => date('F j, Y', $date ?: $created),
|
||||||
|
'tags' => $tags,
|
||||||
|
'excerpt' => $body ? makeExcerpt($body) : '',
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
usort($posts, fn($a, $b) => $b['created'] - $a['created']); // newest first
|
||||||
|
|
||||||
|
return $posts;
|
||||||
|
}
|
||||||
75
posts/projects.md
Normal file
75
posts/projects.md
Normal file
@@ -0,0 +1,75 @@
|
|||||||
|
---
|
||||||
|
title: Projects
|
||||||
|
date: 2026-08-13
|
||||||
|
tags: software, games, engineering
|
||||||
|
---
|
||||||
|
|
||||||
|
# Projects (Megathread)
|
||||||
|
|
||||||
|
This post serves as a place to list all my projects, previous, ongoing, and future. It will be updated as I do more.
|
||||||
|
|
||||||
|
## // Software
|
||||||
|
|
||||||
|
### Critterfolio
|
||||||
|
[View on Gitea](https://git.bellsworne.tech/bellsworne/critterfolio)
|
||||||
|
|
||||||
|
A portfolio for your critters! Keep track of critter data from viewing a family tree to storing important notes and documents, all stored locally on your device.
|
||||||
|
|
||||||
|
- **STATUS:** In development
|
||||||
|
- **TECHNOLOGY:** C++ with the RmlUi library using the SDL3 backend
|
||||||
|
- **PLATFORMS:** Linux, Windows, Android
|
||||||
|
|
||||||
|
### SessionZero
|
||||||
|
[View website](https://sessionzero.app) | [View on Gitea](https://git.bellsworne.tech/bellsworne/sessionzero)
|
||||||
|
|
||||||
|
A data-driven, user-generated, open source TTRPG companion application for managing games, game systems, and characters.
|
||||||
|
|
||||||
|
- **STATUS:** In development
|
||||||
|
- **TECHNOLOGY:** C++ with the RmlUi library using the OpenGL backend
|
||||||
|
- **PLATFORMS:** Linux, Windows, Webassembly
|
||||||
|
|
||||||
|
### ADEPT
|
||||||
|
|
||||||
|
A secret project, for now. Not in development yet.
|
||||||
|
|
||||||
|
## // Games
|
||||||
|
|
||||||
|
### Let there be Blight
|
||||||
|
A game jam game made by a bunch of friends about a wizard saving his town from the 'blight'.
|
||||||
|
|
||||||
|
[Play in your browser!](../dev/blight/index.html)
|
||||||
|
|
||||||
|
### Shots in the Dark
|
||||||
|
My magnum opus, and a secret (for now). Not in full development yet.
|
||||||
|
|
||||||
|
- **STATUS:** In development
|
||||||
|
- **TECHNOLOGY:** Godot
|
||||||
|
- **PLATFORMS:** Linux, Windows
|
||||||
|
|
||||||
|
## // Electronics
|
||||||
|
|
||||||
|
Nothing planned yet
|
||||||
|
|
||||||
|
## // Other
|
||||||
|
|
||||||
|
### Adventures in Brandari
|
||||||
|
|
||||||
|
A current, heavily customized homebrew Dungeons and Dragons campaign in which I am the writer and the Game Master.
|
||||||
|
|
||||||
|
### Morality and Mortality
|
||||||
|
|
||||||
|
A book I am writing about our world, and the human condition.
|
||||||
|
|
||||||
|
## // Legacy/School projects
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
### Stars
|
||||||
|
A simple weird little webpage that procedurally generates "stars". Idk I was bored one day.
|
||||||
|
|
||||||
|
[View it here](../dev/stars/index.html)
|
||||||
|
|
||||||
|
### "Interactive world map"
|
||||||
|
A dumb school project that lists information about a continent when you hover over it.
|
||||||
|
|
||||||
|
[View in your browser](../dev/interactive-angular-map/index.html)
|
||||||
@@ -1,17 +0,0 @@
|
|||||||
:root {
|
|
||||||
--background-color: #1a1a1a;
|
|
||||||
--foreground-color: #f5f5f5;
|
|
||||||
}
|
|
||||||
|
|
||||||
* {
|
|
||||||
font-family: 'Times New Roman', Times, serif;
|
|
||||||
color: var(--foreground-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
background-color: var(--background-color);
|
|
||||||
width: 80%;
|
|
||||||
margin: auto;
|
|
||||||
padding-top: 4%;
|
|
||||||
font-size: 12pt;
|
|
||||||
}
|
|
||||||
182
styles/master.css
Normal file
182
styles/master.css
Normal file
@@ -0,0 +1,182 @@
|
|||||||
|
:root {
|
||||||
|
--background-color: #1a1a1a;
|
||||||
|
--foreground-color: #f0f0ea;
|
||||||
|
--soft-color: #8a8a82;
|
||||||
|
--accent-color: #197aa7;
|
||||||
|
--rule-color: #333330;
|
||||||
|
--code-bg: #242422;
|
||||||
|
}
|
||||||
|
|
||||||
|
[data-theme="light"] {
|
||||||
|
--background-color: #f2f0ea;
|
||||||
|
--foreground-color: #1a1a1a;
|
||||||
|
--soft-color: #6b6a63;
|
||||||
|
--accent-color: #197aa7;
|
||||||
|
--rule-color: #d8d5cb;
|
||||||
|
--code-bg: #e8e5da;
|
||||||
|
}
|
||||||
|
|
||||||
|
* {
|
||||||
|
font-family: 'Times New Roman', Times, serif;
|
||||||
|
color: var(--foreground-color);
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
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);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* tag filter row */
|
||||||
|
#tags-list {
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 1em;
|
||||||
|
margin: 0.5em 0 1.5em;
|
||||||
|
}
|
||||||
|
.tag-btn {
|
||||||
|
background: none;
|
||||||
|
border: none;
|
||||||
|
color: var(--soft-color);
|
||||||
|
font-size: 11pt;
|
||||||
|
font-family: 'Times New Roman', Times, serif;
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.tag-btn:hover {
|
||||||
|
color: var(--accent-color);
|
||||||
|
}
|
||||||
|
.tag-btn.active {
|
||||||
|
color: var(--accent-color);
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* post lists on the main page */
|
||||||
|
.custom-list {
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-list li {
|
||||||
|
margin: 0.5em 0;
|
||||||
|
}
|
||||||
|
.custom-list li::before {
|
||||||
|
content: "> ";
|
||||||
|
}
|
||||||
|
|
||||||
|
i.post-link-date {
|
||||||
|
font-style: italic;
|
||||||
|
color: var(--soft-color);
|
||||||
|
font-size: 11pt;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
i.post-link-date::before {
|
||||||
|
content: " // ";
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* 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);
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user