More sensible header structure. Cute cow at the bottom
This commit is contained in:
@@ -6,9 +6,7 @@
|
||||
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<h1>*</h1>
|
||||
</footer>
|
||||
<footer>🔥🐄</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
@@ -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 "flamingcow" 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 "flamingcow" 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>
|
||||
|
||||
Reference in New Issue
Block a user