mirror of
https://github.com/JimenezJC/mshj_blog.git
synced 2025-12-06 09:19:55 -05:00
106 lines
No EOL
3.4 KiB
HTML
106 lines
No EOL
3.4 KiB
HTML
<!DOCTYPE html>
|
|
<html><script src="/livereload.js?mindelay=10&v=2&port=1313&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> |