commit f8fa8f0e46a0001d541474a59e9bf124f60846e6
parent df2a22613fc558a572f91f8e5609ba5ca21123d2
Author: Paco Esteban <paco@onna.be>
Date: Wed, 31 Jul 2019 10:37:08 +0200
cosmetic and html5 semantic changes
Diffstat:
4 files changed, 78 insertions(+), 45 deletions(-)
diff --git a/src/_footer.html b/src/_footer.html
@@ -1,3 +1,10 @@
-<p class="messagefooter"><em>Made with <a href="https://neovim.io/">neovim</a> and <a href="https://www.romanzolotarev.com/ssg.html">ssg</a>, and served by <a href="https://openbsd.org/">Puffy</a>.<em></p>
-</body>
+ </main>
+ <footer>
+ <em>
+ Made with <a href="https://neovim.io/">neovim</a>
+ and <a href="https://www.romanzolotarev.com/ssg.html">ssg</a>,
+ and served by <a href="https://openbsd.org/">Puffy</a>.
+ </em>
+ </footer>
+ </body>
</html>
diff --git a/src/_header.html b/src/_header.html
@@ -1,19 +1,23 @@
<!DOCTYPE html>
<html>
-<head>
-<meta charset="utf-8" />
-<meta name="viewport" content="width=device-width,initial-scale=1" />
-<meta name="author" content="paco" />
-<link rel="alternate" type="application/atom+xml" href="/rss.xml">
-<link rel="stylesheet" href="/style.css" />
-<title></title>
-</head>
-<body>
-<p>
-<a href="/">home</a> /
-<a href="https://git.onna.be/">code</a> /
-<a href="contact.txt">contact</a> /
-<a href="gpgkey.asc">GnuPG Key</a> /
-<a href="gpg_keys_transition.txt">Keys transition statement</a>
-</p>
-<hr/>
+ <head>
+ <meta charset="utf-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+ <meta name="author" content="paco" />
+ <link rel="alternate" type="application/atom+xml" href="/rss.xml">
+ <link rel="stylesheet" href="/style.css" />
+ <title></title>
+ </head>
+ <body>
+ <header>
+ <nav>
+ <ul>
+ <li><a href="/">home</a></li>
+ <li><a href="https://git.onna.be/">code</a></li>
+ <li><a href="contact.txt">contact</a></li>
+ <li><a href="gpgkey.asc">GnuPG Key</a></li>
+ <li><a href="gpg_keys_transition.txt">Keys transition statement</a></li>
+ </ul>
+ </nav>
+ </header>
+ <main>
diff --git a/src/index.html b/src/index.html
@@ -13,6 +13,4 @@
<li><a href="pass-terminal.html" title="2017-07-16">Password management in the terminal done right.</a></li>
</ul>
-<hr/>
-
-<p><em>Subscribe via: </em><a href="/rss.xml"><img src="/rss.png" alt="RSS button"/></a></p>
+<p><em>Subscribe via: </em><a href="/rss.xml"><img src="/rss.png" alt="RSS button" style="width:36px;height:14px" /></a></p>
diff --git a/src/style.css b/src/style.css
@@ -1,43 +1,67 @@
body {
- margin: 15px auto;
- color: #111;
- background-color: #fff;
- padding: 0 10px;
- font-family: Arial, Helvetica, sans-serif;
+ margin: 15px auto;
+ color: #111;
+ background-color: #fff;
+ padding: 0 10px;
+ font-family: Arial, Helvetica, sans-serif;
}
a {
- color: #3366ff;
- text-decoration: none;
+ color: #3366ff;
+ text-decoration: none;
}
a:hover {
- background-color: #f0f0f0;
+ background-color: #f0f0f0;
}
code {
- font-family: "Courier New", Courier, monospace;
- background: #f0f0f0;
+ font-family: "Courier New", Courier, monospace;
+ background: #f0f0f0;
}
-.messagefooter {
- font-size: 10px;
+nav ul {
+ list-style-type: none;
+ padding: 0;
+}
+nav li {
+ display: inline;
+}
+nav li:after {
+ content: " /";
+}
+nav li:last-child:after {
+ content: "";
}
-@media (min-width: 800px) {
- body {
- max-width: 70%;
- font-size: large;
- }
+hr {
+}
+
+footer {
+ padding: 10px;
+ font-size: 10px;
+ border-top: 2px solid;
}
-tt {
- white-space: pre;
+header {
+ padding: 10px;
+ border-bottom: 2px solid;
+}
+
+main {
+ padding: 0px 10px 0px 10px;
+}
+
+@media (min-width: 800px) {
+ body {
+ max-width: 65%;
+ font-size: large;
+ }
}
pre {
- background: #f0f0f0;
- border: 1px solid #aaa;
- overflow: auto;
- padding: 10px;
+ background: #f0f0f0;
+ border: 1px solid #aaa;
+ overflow: auto;
+ padding: 10px;
}