mirror of
https://github.com/JimenezJC/mshj_blog.git
synced 2025-12-06 08:19:55 -05:00
Initial Blog Commit
This commit is contained in:
commit
07775036ce
92 changed files with 4980 additions and 0 deletions
106
public/genres/index.html
Normal file
106
public/genres/index.html
Normal file
|
|
@ -0,0 +1,106 @@
|
|||
<!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>
|
||||
Loading…
Add table
Add a link
Reference in a new issue