From ee9f596ac163b106d359efc233c535efaeaefad7 Mon Sep 17 00:00:00 2001 From: Dhananjay Balan Date: Sat, 3 Aug 2019 15:56:12 +0200 Subject: [PATCH] Minial templating. --- css/theme.css | 87 +++++++++++++++++++++++++++++++++++------- templates/default.html | 12 +++--- templates/post.html | 8 ++-- 3 files changed, 85 insertions(+), 22 deletions(-) diff --git a/css/theme.css b/css/theme.css index 00a1015..a32293c 100644 --- a/css/theme.css +++ b/css/theme.css @@ -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%; -} diff --git a/templates/default.html b/templates/default.html index bf779eb..81695a0 100644 --- a/templates/default.html +++ b/templates/default.html @@ -5,18 +5,20 @@ $title$ - +
- Binary Strolls - Archive - About +
+ BINARY STROLLS + Archive + About +
$body$
-
+