Initial Blog Commit

This commit is contained in:
Juan 2025-07-04 16:10:22 -04:00
commit 07775036ce
92 changed files with 4980 additions and 0 deletions

106
public/genres/index.html Normal file
View file

@ -0,0 +1,106 @@
<!DOCTYPE html>
<html><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script><meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="https://unpkg.com/terminal.css@0.7.2/dist/terminal.min.css" />
<link rel="stylesheet" href="https://unpkg.com/terminal.css@0.7.1/dist/terminal.min.css" />
<link rel="stylesheet" href="https://unpkg.com/terminal.css@0.7.1/dist/terminal.min.css" />
<style>
.components-grid {
display: grid;
grid-column-gap: 1.4em;
grid-template-columns: auto;
grid-template-rows: auto;
}
.image-grid {
display: grid;
grid-template-rows: auto;
display: grid;
grid-gap: 1em;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit,
minmax(calc(var(--page-width) / 12), 1fr));
}
@media only screen and (min-width: 70em) {
.components-grid {
grid-template-columns: 3fr 9fr;
}
.components-grid aside {
position: sticky;
top: calc(var(--global-space) * 2);
}
}
</style>
<style>
:root {
--global-font-size: 15px;
--global-line-height: 1.4em;
--global-space: 10px;
--font-stack: Menlo, Monaco, Lucida Console, Liberation Mono,
DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace,
serif;
--mono-font-stack: Menlo, Monaco, Lucida Console, Liberation Mono,
DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace,
serif;
--background-color: #222225;
--page-width: 60em;
--font-color: #e8e9ed;
--invert-font-color: #222225;
--secondary-color: #a3abba;
--tertiary-color: #a3abba;
--primary-color: #62c4ff;
--error-color: #ff3c74;
--progress-bar-background: #3f3f44;
--progress-bar-fill: #62c4ff;
--code-bg-color: #3f3f44;
--input-style: solid;
--display-h1-decoration: none;
}
</style>
</head><body><header class="homepage-header">
</header><div id="content"><header class="homepage-header">
<div class="container">
<h1 class="terminal-prompt"><a href="/">mshj.net</a></h1>
</div>
</header><main>
<div class="container">
<div class="components components-grid">
<div>
<aside id="menu">
<img src="/images/keeper.png" alt="keeper pfp">
</aside>
<h3><a>blog</a></h3>
<nav>
<ul>
<li><a>projects</a></li>
<li><a>games</a></li>
<li><a>tech</a></li>
<li><a>creative</a></li>
<li><a>op-ed</a></li>
</ul>
</nav>
</div>
<div>
<main>
<h1>List of Posts</h1>
<ul>
<li><a href="/posts/hi-post/">Hi Post</a></li>
<li><a href="/posts/new-test-post/">New Test Post</a></li>
<li><a href="/posts/test-post/">Test Post</a></li>
</ul>
</main>
</div>
</div>
</main>
</div></body>
</html>