 |
update style and templates - saait - the most boring static page generator |
 |
git clone git://git.codemadness.org/saait |
 |
Log |
|
Files |
|
Refs |
|
README |
|
LICENSE |
|
--- |
|
commit e205e24ff4ef479fc7fd720364e62949bcf3d108 |
|
parent 8e86c3a996380c2290c8f2f09c72496c0b084c20 |
|
Author: Hiltjo Posthuma <[email protected]> |
|
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(-) |
|
--- |
|
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@[email protected] |
|
|
|
@@ -16,10 +16,10 @@ sitemail=hiltjo@[email protected] |
|
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 thi… |
|
author=hiltjo |
|
|
|
# default title |
|
-title=Posts |
|
+title= |
|
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; |
|
+} |
|
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; |
|
} |
|
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> |
|
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=… |
|
- <link rel="stylesheet" href="print.css" type="text/css" media=… |
|
- <link rel="alternate" type="application/atom+xml" title="${sit… |
|
- <link rel="icon" type="image/png" href="/favicon.png" /> |
|
- <meta http-equiv="Content-Type" content="text/html; charset=UT… |
|
- <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 href="http://git.codemadness.org/" … |
|
- <a href="https://github.com/hiltjo/" t… |
|
- </span> |
|
- <span id="links-contact"> |
|
- <span class="hidden"> | </span> |
|
- <a href="atom.xml" title="Atom feed">A… |
|
- <a href="mailto:${sitemail}" title="Ma… |
|
- </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} … |
|
+ <link rel="icon" type="image/png" href="/favicon.png" /> |
|
+ <!-- This site is created using saait: https://git.codemadness.org/saa… |
|
+</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 o… |
|
+ <a href="/releases/" title="Software releases"… |
|
+ <a href="gopher://codemadness.org" title="My g… |
|
+ </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"… |
|
+ <a href="pgp.asc" title="PGP key">PGP</a> | |
|
+ <a href="mailto:${sitemail}" title="Mail me">M… |
|
+ </td> |
|
+ </tr> |
|
+ </table> |
|
+ </div> |
|
+ <hr class="hidden" /> |
|
+ <div id="mainwrap"> |
|
+ <div id="main"> |
|
+ <h1>Posts</h1> |
|
+ <table> |
|
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> |
|
diff --git a/templates/page/footer.html b/templates/page/footer.html |
|
@@ -1,4 +1,4 @@ |
|
- </div> |
|
</div> |
|
- </body> |
|
+ </div> |
|
+</body> |
|
</html> |
|
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=… |
|
- <link rel="stylesheet" href="print.css" type="text/css" media=… |
|
- <link rel="alternate" type="application/atom+xml" title="${sit… |
|
- <link rel="icon" type="image/png" href="/favicon.png" /> |
|
- <meta http-equiv="Content-Type" content="text/html; charset=UT… |
|
- <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 href="http://git.codemadness.org/" … |
|
- <a href="https://github.com/hiltjo/" t… |
|
- </span> |
|
- <span id="links-contact"> |
|
- <span class="hidden"> | </span> |
|
- <a href="atom.xml" title="Atom feed">A… |
|
- <a href="mailto:${sitemail}" title="Ma… |
|
- </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} … |
|
+ <link rel="icon" type="image/png" href="/favicon.png" /> |
|
+ <!-- This site is created using saait: https://git.codemadness.org/saa… |
|
+</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 o… |
|
+ <a href="/releases/" title="Software releases"… |
|
+ <a href="gopher://codemadness.org" title="My g… |
|
+ </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"… |
|
+ <a href="pgp.asc" title="PGP key">PGP</a> | |
|
+ <a href="mailto:${sitemail}" title="Mail me">M… |
|
+ </td> |
|
+ </tr> |
|
+ </table> |
|
+ </div> |
|
+ <hr class="hidden" /> |
|
+ <div id="mainwrap"> |
|
+ <div id="main"> |
|
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} |
