Introduction
Introduction Statistics Contact Development Disclaimer Help
accessibility and other minor improvements - saait - the most boring static pag…
git clone git://git.codemadness.org/saait
Log
Files
Refs
README
LICENSE
---
commit f6831815feca19ff0cd808f783f173dc65db7594
parent d281e7082c8987bec72e54522c6953546687c884
Author: Hiltjo Posthuma <[email protected]>
Date: Sat, 9 Mar 2019 14:22:41 +0100
accessibility and other minor improvements
CSS: make underline below main nav menu 3px.
code-style: consistency: reorder <link rel> attributes>.
readability: rename "Atom" to "Atom feed".
accessibility: instead of divs just use semantic HTML5 tags.
accessibility: use HTML5 <time> tag for timestamps.
accessibility: remove redundant titles in nav menu links.
Diffstat:
M print.css | 6 ++++++
M style.css | 8 ++++++--
M templates/index.html/footer.html | 2 +-
M templates/index.html/header.html | 23 +++++++++++------------
M templates/index.html/item.html | 2 +-
M templates/page/footer.html | 3 ++-
M templates/page/header.html | 24 ++++++++++++------------
M templates/page/item.html | 7 +++++--
8 files changed, 44 insertions(+), 31 deletions(-)
---
diff --git a/print.css b/print.css
@@ -3,6 +3,12 @@ a:visited {
color: inherit;
text-decoration: none;
}
+/* HTML5 semantic tags: some (older) browsers display this inline by default */
+article, figcaption, figure, header, main {
+ display: block;
+}
+/* hide navigation menus when printing */
+nav,
#menuwrap,
.hidden {
display: none;
diff --git a/style.css b/style.css
@@ -9,13 +9,17 @@ body {
padding: 0;
text-align: center;
}
+/* HTML5 semantic tags: some (older) browsers display this inline by default */
+article, figcaption, figure, header, main, nav {
+ display: block;
+}
table, img {
border: 0;
}
hr {
border: 0;
- border-bottom: 1px solid #aaa;
- height: 1px;
+ border-bottom: 3px solid #aaa;
+ height: 3px;
}
h1 {
font-size: 160%;
diff --git a/templates/index.html/footer.html b/templates/index.html/footer.html
@@ -1,5 +1,5 @@
</table>
</div>
- </div>
+ </main>
</body>
</html>
diff --git a/templates/index.html/header.html b/templates/index.html/header.html
@@ -10,32 +10,31 @@
<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" />
+ <link rel="alternate" href="atom.xml" type="application/atom+xml" titl…
+ <link rel="icon" href="/favicon.png" type="image/png" />
<!-- This site is created using saait: https://git.codemadness.org/saa…
</head>
<body>
- <div id="menuwrap">
+ <nav 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…
+ <a href="index.html">Blog</a> |
+ <a href="/git/" title="Git repository with som…
+ <a href="/releases/">Releases</a> |
+ <a href="gopher://codemadness.org">Gopherhole<…
</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="atom.xml">Atom feed</a> |
+ <a href="pgp.asc">PGP</a> |
<a href="mailto:${sitemail}" title="Mail me">M…
</td>
</tr>
</table>
- </div>
+ </nav>
<hr class="hidden" />
- <div id="mainwrap">
+ <main id="mainwrap">
<div id="main">
<h1>Posts</h1>
<table>
diff --git a/templates/index.html/item.html b/templates/index.html/item.html
@@ -1 +1 @@
-<tr><td nowrap>${created}</td><td><a href="${filename}">${title}</a></td></tr>
+<tr><td nowrap><time datetime="${created}">${created}</time></td><td><a href="…
diff --git a/templates/page/footer.html b/templates/page/footer.html
@@ -1,4 +1,5 @@
+ </article>
</div>
- </div>
+ </main>
</body>
</html>
diff --git a/templates/page/header.html b/templates/page/header.html
@@ -10,30 +10,30 @@
<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" />
+ <link rel="alternate" href="atom.xml" type="application/atom+xml" titl…
+ <link rel="icon" href="/favicon.png" type="image/png" />
<!-- This site is created using saait: https://git.codemadness.org/saa…
</head>
<body>
- <div id="menuwrap">
+ <nav 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…
+ <a href="index.html">Blog</a> |
+ <a href="/git/" title="Git repository with som…
+ <a href="/releases/">Releases</a> |
+ <a href="gopher://codemadness.org">Gopherhole<…
</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="atom.xml">Atom feed</a> |
+ <a href="pgp.asc">PGP</a> |
<a href="mailto:${sitemail}" title="Mail me">M…
</td>
</tr>
</table>
- </div>
+ </nav>
<hr class="hidden" />
- <div id="mainwrap">
+ <main id="mainwrap">
<div id="main">
+ <article>
diff --git a/templates/page/item.html b/templates/page/item.html
@@ -1,3 +1,6 @@
+<header>
<h1><a href="">${title}</a></h1>
- <p><strong>Last modification on </strong> ${updated}</p>
- %{htmlfile}
+ <p><strong>Last modification on </strong> <time datetime="${updated}">…
+</header>
+
+%{htmlfile}
You are viewing proxied material from codemadness.org. The copyright of proxied material belongs to its original authors. Any comments or complaints in relation to proxied material should be directed to the original authors of the content concerned. Please see the disclaimer for more details.