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 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 { body {
font-family: sans-serif; font-family: sans-serif;
color: #454545; color: #454545;
font-size:600; font-size: 12pt;
margin: 2em auto; margin: 2em auto;
max-width: 800px; max-width: 800px;
padding: 1em; padding: 1em;
@ -13,11 +27,58 @@ body {
text-align: left; 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 { footer {
margin-top: 2em; margin-top: 2em;
text-align: center; text-align: center;
} }
img, video, code {
max-width: 100%;
}

View File

@ -9,9 +9,11 @@
</head> </head>
<body> <body>
<header> <header>
<a href="/">Binary Strolls</a> <div class="header">
<a href="/archive.html">Archive</a> <a id="title" href="/">BINARY STROLLS</a>
<a href="https://dbalan.in">About</a> <a id="archive" href="/archive.html">Archive</a>
<a id="abount" href="https://dbalan.in">About</a>
</div>
</header> </header>
<section> <section>
$body$ $body$

View File

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