More sensible header structure. Cute cow at the bottom

This commit is contained in:
Ian Gulliver
2019-04-25 03:18:54 +00:00
parent a3dfa24549
commit 8663055dd3
34 changed files with 282 additions and 303 deletions

View File

@@ -6,9 +6,7 @@
</main>
<footer>
<h1>*</h1>
</footer>
<footer>🔥🐄</footer>
</body>
</html>

View File

@@ -34,42 +34,34 @@ img {
max-width: 100%;
}
header {
header, footer {
text-align: center;
margin-bottom: 20px;
}
footer {
text-align: center;
}
h1, h2, h3, h4 {
margin-top: 10px;
margin-bottom: 15px;
font-size: 17px;
}
h1 {
font-weight: bold;
color: red;
}
h1 a {
footer {
filter: grayscale(1.0);
}
header a {
color: red;
text-decoration: none;
}
h2 {
h1, h2 {
font-size: 17px;
margin-top: 25px;
}
h1 {
font-weight: bold;
text-transform: uppercase;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
h3 {
font-weight: bold;
margin-top: 2em;
}
h4 {
font-weight: normal;
margin-top: 7px;
margin-bottom: 7px;
}
article {
@@ -126,7 +118,7 @@ code {
font-size: 13px;
}
h1, h2, h3, h4 {
h1, h2 {
font-size: 14px;
}

View File

@@ -4,7 +4,8 @@
<head>
<meta name=viewport content="width=device-width, initial-scale=1.0">
<meta name=theme-color content=#000000>
<meta name=description content="Ian &quot;flamingcow&quot; Gulliver's external memory of technical how-to articles and other musings">
<meta name=description content="flamingcow's external memory of technical how-to articles and other musings">
<meta name=author content="Ian &quot;flamingcow&quot; Gulliver">
<link rel=icon href="data:image/png;base64,<!--# include file="icon-cow.png.base64" -->">
<style>
<!--# include file="style.css" -->
@@ -12,36 +13,24 @@
<title><!--# echo var="title" default="where the flamingcow roams" --></title>
</head>
<body class=<!--# echo var="class" -->>
<body class="<!--# echo var="class" default="" -->">
<header>
<h1><a href=.>where the flamingcow roams</a></h1>
<a href=.>where the flamingcow roams</a>
</header>
<main>
<!--# if expr="$title" -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BlogPosting",
"author": "Ian \"flamingcow\" Gulliver",
"headline": "<!--# echo var="title" -->",
"datePublished": "<!--# echo var="date" -->"
}
</script>
<article>
<!--# endif -->
<!--# if expr="$date" -->
<aside>
<h4><!--# echo var="date" --></h4>
</aside>
<time><!--# echo var="date" --></time>
<!--# endif -->
<!--# if expr="$title" -->
<h2><!--# echo var="title" --></h2>
<h1><!--# echo var="title" --></h1>
<!--# endif -->
<hr>