Bit more prodding
This commit is contained in:
parent
7b8e412f33
commit
a910f0ae63
@ -1,23 +1,35 @@
|
||||
@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Mono|IBM+Plex+Sans:400,500,500i,600,600i,700|IBM+Plex+Serif:400,400i,500,600,700&display=swap&subset=latin-ext');
|
||||
|
||||
html {
|
||||
background-color:#fefefe
|
||||
}
|
||||
|
||||
.header {
|
||||
display: grid;
|
||||
grid-template-columns: 80% auto auto;
|
||||
grid-template-columns: 70% 30%;
|
||||
grid-template-rows: auto;
|
||||
font-family: 'IBM Plex Sans', sans-serif;
|
||||
font-weight: 500;
|
||||
font-size: 10pt;
|
||||
}
|
||||
|
||||
#title {
|
||||
grid-column-start: 1;
|
||||
font-size: 12pt;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#archive {
|
||||
#nav {
|
||||
grid-column-start: 2;
|
||||
text-align: right;
|
||||
font-variant: small-caps;
|
||||
word-spacing: 110%;
|
||||
}
|
||||
|
||||
|
||||
body {
|
||||
font-family: sans-serif;
|
||||
font-family: 'IBM Plex Serif', serif;
|
||||
font-weight: 400;
|
||||
color: #454545;
|
||||
font-size: 12pt;
|
||||
margin: 2em auto;
|
||||
@ -28,7 +40,9 @@ body {
|
||||
}
|
||||
|
||||
video, code {
|
||||
font-weight: 500;
|
||||
max-width: 100%;
|
||||
font-family: 'IBM Plex Mono', monospace;
|
||||
}
|
||||
|
||||
img {
|
||||
|
10
index.html
10
index.html
@ -3,9 +3,9 @@ title: Home
|
||||
---
|
||||
|
||||
<article>
|
||||
<h3>Recent Posts</h3>
|
||||
|
||||
$partial("templates/post-list.html")$
|
||||
|
||||
<p>…or you can find more in the <a href="/archive.html">archives</a>.</p>
|
||||
<h1>Recent Posts</h1>
|
||||
|
||||
$partial("templates/post-list.html")$
|
||||
|
||||
<p>…or you can find more in the <a href="/archive.html">archive</a>.</p>
|
||||
</article>
|
||||
|
@ -1,5 +1,5 @@
|
||||
<article>
|
||||
<h1>Archives</h1>
|
||||
<h1>Archive</h1>
|
||||
|
||||
$partial("templates/post-list.html")$
|
||||
</article>
|
||||
|
@ -11,9 +11,8 @@
|
||||
<body>
|
||||
<header>
|
||||
<div class="header">
|
||||
<a id="title" href="/">BINARY STROLLS</a>
|
||||
<a id="archive" href="/archive.html">Archive</a>
|
||||
<a id="abount" href="https://dbalan.in">About</a>
|
||||
<div id="title"><a href="/">BINARY STROLLS</a></div>
|
||||
<div id="nav"><a href="/archive.html">Archive</a> <a href="https://dbalan.in">About</a></div>
|
||||
</div>
|
||||
</header>
|
||||
<section>
|
||||
|
@ -1,7 +1,7 @@
|
||||
<ul>
|
||||
$for(posts)$
|
||||
<li>
|
||||
<a href="$url$">$title$</a> - $date$
|
||||
</li>
|
||||
<li>
|
||||
<a href="$url$">$title$</a> - $date$
|
||||
</li>
|
||||
$endfor$
|
||||
</ul>
|
||||
|
Loading…
Reference in New Issue
Block a user