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

@ -1,23 +1,84 @@
html {
background-color:#fefefe
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;
margin:2em auto;
max-width:800px;
padding:1em;
line-height:1.4;
text-align:left;
font-family: sans-serif;
color: #454545;
font-size: 12pt;
margin: 2em auto;
max-width: 800px;
padding: 1em;
line-height: 1.4;
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

@ -5,18 +5,20 @@
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>$title$</title>
<link rel="stylesheet" href="/css/theme.css" />
<link rel="stylesheet" href="/css/theme.css" />
</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$
</section>
<hr>
<hr>
<footer>
<p>
<a href="https://git.sr.ht/~dbalan/blogng">Source Code</a> -

View File

@ -1,11 +1,11 @@
<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$
</section>