update style and templates - saait - the most boring static page generator
HTML git clone git://git.codemadness.org/saait
DIR Log
DIR Files
DIR Refs
DIR README
DIR LICENSE
---
DIR commit e205e24ff4ef479fc7fd720364e62949bcf3d108
DIR parent 8e86c3a996380c2290c8f2f09c72496c0b084c20
HTML Author: Hiltjo Posthuma <hiltjo@codemadness.org>
Date: Sun, 21 Jan 2018 16:12:46 +0100
update style and templates
- Improvements for both modern and older browsers.
- Add print stylesheet to repo.
Diffstat:
M config.cfg | 8 ++++----
A print.css | 25 +++++++++++++++++++++++++
M style.css | 50 ++++++++++++++++++-------------
M templates/index.html/footer.html | 6 +++---
M templates/index.html/header.html | 72 +++++++++++++++++--------------
M templates/index.html/item.html | 5 +----
M templates/page/footer.html | 4 ++--
M templates/page/header.html | 68 +++++++++++++++++--------------
M templates/page/item.html | 2 +-
9 files changed, 141 insertions(+), 99 deletions(-)
---
DIR diff --git a/config.cfg b/config.cfg
@@ -1,12 +1,12 @@
# defaults: but can be overwritten by any page.
# last updated the site.
-siteupdated=2016-11-26
+siteupdated=2017-11-23
# site title (part of ${pagetitle} probably).
sitetitle=Codemadness
# prefix site url.
-siteurl=http://www.codemadness.nl
+siteurl=https://www.codemadness.org
# site mail used for contact "mail link".
sitemail=hiltjo@AT@codemadness.DOT.org
@@ -16,10 +16,10 @@ sitemail=hiltjo@AT@codemadness.DOT.org
lang=en
# site author (global).
# site keywords (global default), don't use too many.
-keywords=blog, suckless, dwm-hiltjo
+keywords=blog, dwm-hiltjo, stagit, stagit-gopher
# site description (global default).
description=blog with various projects and articles about computer-related things
author=hiltjo
# default title
-title=Posts
+title=
DIR diff --git a/print.css b/print.css
@@ -0,0 +1,25 @@
+a,
+a:visited {
+ color: inherit;
+ text-decoration: none;
+}
+#menuwrap,
+.hidden {
+ display: none;
+}
+table {
+ border: 0;
+}
+table tr td {
+ padding: 2px 10px 2px 0px;
+}
+pre {
+ margin: 0;
+}
+code {
+ border: 3px solid #aaa;
+ display: block;
+ overflow-x: auto;
+ padding: 5px;
+ word-wrap: normal;
+}
DIR diff --git a/style.css b/style.css
@@ -1,20 +1,24 @@
-body {
- font-family: sans-serif;
- text-align: center;
+html {
overflow-y: scroll;
- color: #000;
+}
+body {
background-color: #fff;
+ color: #000;
+ font-family: sans-serif;
margin: 0;
padding: 0;
+ text-align: center;
}
-table {
+table, img {
border: 0;
}
hr {
- height: 1px;
- color: #ccc;
- background-color: #ccc;
border: 0;
+ border-bottom: 1px solid #aaa;
+ height: 1px;
+}
+h1, h2, h3 {
+ margin: 1ex 0;
}
h1 {
font-size: 140%;
@@ -25,10 +29,18 @@ h2 {
h3 {
font-size: 100%;
}
-h1, h1 a, h1 a:visited,
-h2, h2 a, h2 a:visited,
-h3, h3 a, h3 a:visited,
-h1 a:hover, h2 a:hover, h3 a:hover {
+h1,
+h1 a,
+h1 a:visited,
+h2,
+h2 a,
+h2 a:visited,
+h3,
+h3 a,
+h3 a:visited,
+h1 a:hover,
+h2 a:hover,
+h3 a:hover {
color: inherit;
text-decoration: none;
}
@@ -39,34 +51,30 @@ pre {
margin: 0;
}
code {
- border: 1px dashed #777;
background-color: #eee;
- padding: 5px;
+ border: 3px solid #aaa;
display: block;
overflow-x: auto;
+ padding: 5px;
word-wrap: normal;
}
#menuwrap {
- background-color: #eee;
padding: 1ex;
- border-bottom: 1px solid #ccc;
}
#main {
- padding: 1ex;
+ border-top: 3px solid #aaa;
+ padding: 0 1ex;
}
#menu,
#main {
margin: 0px auto;
- text-align: justify;
max-width: 80ex;
+ text-align: justify;
}
#menu a {
font-weight: bold;
vertical-align: middle;
}
-#links-contact {
- float: right;
-}
.hidden {
display: none;
}
DIR diff --git a/templates/index.html/footer.html b/templates/index.html/footer.html
@@ -1,5 +1,5 @@
- </table>
- </div>
+ </table>
</div>
- </body>
+ </div>
+</body>
</html>
DIR diff --git a/templates/index.html/header.html b/templates/index.html/header.html
@@ -1,35 +1,41 @@
<!DOCTYPE html>
<html dir="ltr" lang="${lang}">
- <head>
- <title>${title} - ${sitetitle}</title>
- <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
- <link rel="stylesheet" href="print.css" type="text/css" media="print" />
- <link rel="alternate" type="application/atom+xml" title="${sitetitle} Atom Feed" href="atom.xml" />
- <link rel="icon" type="image/png" href="/favicon.png" />
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <meta http-equiv="Content-Language" content="${lang}" />
- <meta content="width=device-width" name="viewport" />
- <meta content="${keywords}" name="keywords" />
- <meta content="${description}" name="description" />
- <meta content="${author}" name="author" />
- </head>
- <body>
- <div id="menuwrap">
- <div id="menu">
- <span id="links">
- <a href="index.html" title="Blog">Blog</a> |
- <a href="http://git.codemadness.org/" title="Some of my projects">Git</a> |
- <a href="https://github.com/hiltjo/" title="Some of my projects on github">Github</a>
- </span>
- <span id="links-contact">
- <span class="hidden"> | </span>
- <a href="atom.xml" title="Atom feed">Atom</a> |
- <a href="mailto:${sitemail}" title="Mail me">Mail</a>
- </span>
- </div>
- </div>
- <hr class="hidden" />
- <div id="mainwrap">
- <div id="main">
- <h1>Posts</h1>
- <table>
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Language" content="${lang}" />
+ <meta content="width=device-width" name="viewport" />
+ <meta content="${keywords}" name="keywords" />
+ <meta content="${description}" name="description" />
+ <meta content="${author}" name="author" />
+ <title>Posts - ${sitetitle}</title>
+ <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
+ <link rel="stylesheet" href="print.css" type="text/css" media="print" />
+ <link rel="alternate" type="application/atom+xml" title="${sitetitle} Atom Feed" href="atom.xml" />
+ <link rel="icon" type="image/png" href="/favicon.png" />
+ <!-- This site is created using saait: https://git.codemadness.org/saait/file/README.html -->
+</head>
+<body>
+ <div id="menuwrap">
+ <table id="menu" width="100%" border="0">
+ <tr>
+ <td id="links" align="left">
+ <a href="index.html" title="Blog">Blog</a> |
+ <a href="//git.codemadness.org/" title="Some of my projects">Git</a> |
+ <a href="/releases/" title="Software releases">Releases</a> |
+ <a href="gopher://codemadness.org" title="My gopherhole">Gopherhole</a>
+ </td>
+ <td id="links-contact" align="right">
+ <span class="hidden"> | </span>
+ <a href="atom.xml" title="Atom feed">Atom</a> |
+ <a href="tor-service.html" title="Tor service">Tor</a> |
+ <a href="pgp.asc" title="PGP key">PGP</a> |
+ <a href="mailto:${sitemail}" title="Mail me">Mail</a>
+ </td>
+ </tr>
+ </table>
+ </div>
+ <hr class="hidden" />
+ <div id="mainwrap">
+ <div id="main">
+ <h1>Posts</h1>
+ <table>
DIR diff --git a/templates/index.html/item.html b/templates/index.html/item.html
@@ -1,4 +1 @@
-<tr>
- <td>${updated}</td>
- <td><a href="${filename}" title="${description}">${title}</a></td>
-</tr>
+<tr><td nowrap>${created}</td><td><a href="${filename}">${title}</a></td></tr>
DIR diff --git a/templates/page/footer.html b/templates/page/footer.html
@@ -1,4 +1,4 @@
- </div>
</div>
- </body>
+ </div>
+</body>
</html>
DIR diff --git a/templates/page/header.html b/templates/page/header.html
@@ -1,33 +1,39 @@
<!DOCTYPE html>
<html dir="ltr" lang="${lang}">
- <head>
- <title>${title} - ${sitetitle}</title>
- <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
- <link rel="stylesheet" href="print.css" type="text/css" media="print" />
- <link rel="alternate" type="application/atom+xml" title="${sitetitle} Atom Feed" href="atom.xml" />
- <link rel="icon" type="image/png" href="/favicon.png" />
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <meta http-equiv="Content-Language" content="${lang}" />
- <meta content="width=device-width" name="viewport" />
- <meta content="${keywords}" name="keywords" />
- <meta content="${description}" name="description" />
- <meta content="${author}" name="author" />
- </head>
- <body>
- <div id="menuwrap">
- <div id="menu">
- <span id="links">
- <a href="index.html" title="Blog">Blog</a> |
- <a href="http://git.codemadness.org/" title="Some of my projects">Git</a> |
- <a href="https://github.com/hiltjo/" title="Some of my projects on github">Github</a>
- </span>
- <span id="links-contact">
- <span class="hidden"> | </span>
- <a href="atom.xml" title="Atom feed">Atom</a> |
- <a href="mailto:${sitemail}" title="Mail me">Mail</a>
- </span>
- </div>
- </div>
- <hr class="hidden" />
- <div id="mainwrap">
- <div id="main">
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Language" content="${lang}" />
+ <meta content="width=device-width" name="viewport" />
+ <meta content="${keywords}" name="keywords" />
+ <meta content="${description}" name="description" />
+ <meta content="${author}" name="author" />
+ <title>${title} - ${sitetitle}</title>
+ <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
+ <link rel="stylesheet" href="print.css" type="text/css" media="print" />
+ <link rel="alternate" type="application/atom+xml" title="${sitetitle} Atom Feed" href="atom.xml" />
+ <link rel="icon" type="image/png" href="/favicon.png" />
+ <!-- This site is created using saait: https://git.codemadness.org/saait/file/README.html -->
+</head>
+<body>
+ <div id="menuwrap">
+ <table id="menu" width="100%" border="0">
+ <tr>
+ <td id="links" align="left">
+ <a href="index.html" title="Blog">Blog</a> |
+ <a href="//git.codemadness.org/" title="Some of my projects">Git</a> |
+ <a href="/releases/" title="Software releases">Releases</a> |
+ <a href="gopher://codemadness.org" title="My gopherhole">Gopherhole</a>
+ </td>
+ <td id="links-contact" align="right">
+ <span class="hidden"> | </span>
+ <a href="atom.xml" title="Atom feed">Atom</a> |
+ <a href="tor-service.html" title="Tor service">Tor</a> |
+ <a href="pgp.asc" title="PGP key">PGP</a> |
+ <a href="mailto:${sitemail}" title="Mail me">Mail</a>
+ </td>
+ </tr>
+ </table>
+ </div>
+ <hr class="hidden" />
+ <div id="mainwrap">
+ <div id="main">
DIR diff --git a/templates/page/item.html b/templates/page/item.html
@@ -1,3 +1,3 @@
<h1><a href="">${title}</a></h1>
- <em><strong>Written:</strong> ${created}</em>
+ <p><strong>Last modification on </strong> ${updated}</p>
%{htmlfile}