Minial templating.

This commit is contained in:
Dhananjay Balan 2019-08-03 15:56:12 +02:00
parent 2f4bfc118d
commit ee9f596ac1
3 changed files with 85 additions and 22 deletions

View File

@ -2,10 +2,24 @@ html {
background-color:#fefefe
}
.header {
display: grid;
grid-template-columns: 80% auto auto;
grid-template-rows: auto;
}
#title {
grid-column-start: 1;
}
#archive {
grid-column-start: 2;
}
body {
font-family: sans-serif;
color: #454545;
font-size:600;
font-size: 12pt;
margin: 2em auto;
max-width: 800px;
padding: 1em;
@ -13,11 +27,58 @@ body {
text-align: left;
}
video, code {
max-width: 100%;
}
img {
max-width: 100%;
margin: 0px;
}
figure {
margin: 2em;
}
figcaption {
font-size: 8pt;
text-align: center;
font-family: serif;
}
.postmeta {
display: inline-grid;
grid-template-columns: auto auto;
grid-template-rows: auto;
font-size: 10pt;
}
#date {
font-weight: bold;
}
#tags:before {
content: "—";
margin: 1px;
}
h1 {
font-size: 22pt;
font-weight: normal;
}
h2 {
font-size: 16pt;
margin-top: 1.5em;
font-weight: bold;
}
h3 {
font-size: 14pt;
}
footer {
margin-top: 2em;
text-align: center;
}
img, video, code {
max-width: 100%;
}

View File

@ -9,9 +9,11 @@
</head>
<body>
<header>
<a href="/">Binary Strolls</a>
<a href="/archive.html">Archive</a>
<a href="https://dbalan.in">About</a>
<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>
</header>
<section>
$body$

View File

@ -1,10 +1,10 @@
<article class="group">
<h1>$title$</h1>
<p class="subtitle">$date$
<div class="postmeta"><div id="date">$date$</div>
$if(tags)$
, posted in $tags$
<div id="tags">Posted in $tags$</div>
$endif$
</p>
</div>
<section>
$body$