Bit more prodding

This commit is contained in:
Dhananjay Balan 2019-08-03 18:16:25 +02:00
parent 7b8e412f33
commit a910f0ae63
5 changed files with 28 additions and 15 deletions

View File

@ -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 {

View File

@ -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>

View File

@ -1,5 +1,5 @@
<article> <article>
<h1>Archives</h1> <h1>Archive</h1>
$partial("templates/post-list.html")$ $partial("templates/post-list.html")$
</article> </article>

View File

@ -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>