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