Added headline (which just happens to be floated to the right)

5 files changed, 36 insertions, 1 deletions

diff --git a/images/hollywebshare.jpg b/images/hollywebshare.jpg
new file mode 100644
index 0000000..1da1525
--- /dev/null
+++ b/images/hollywebshare.jpg
diff --git a/images/win7sins.png b/images/win7sins.png
new file mode 100644
index 0000000..f6eced7
--- /dev/null
+++ b/images/win7sins.png
diff --git a/images/win8-close.png b/images/win8-close.png
new file mode 100644
index 0000000..07f3c81
--- /dev/null
+++ b/images/win8-close.png
diff --git a/style.css b/style.css
index 6e2eb6d..9a8e2f7 100644
--- a/style.css
+++ b/style.css
@@ -76,6 +76,22 @@ h2.desc {
   border-left: none;
 }
 
+#headline {
+  text-align: center;
+  float: right;
+}
+#headline a {
+  display: block;
+  margin-top: 2em;
+  clear: left;
+}
+#headline a:first-child {
+  margin-top: 0;
+}
+#headline img {
+  margin-left: 2em;
+}
+
 p#ref-0 {
   margin-top: 2em;
 }
diff --git a/tpl/.config b/tpl/.config
index 053e306..7fbcb75 100644
--- a/tpl/.config
+++ b/tpl/.config
@@ -32,7 +32,26 @@ html_pre_index="$(
     printf '<li><a href="/%s">%s</a></li>' "$name" "${words[*]^}"
   done
 
-  echo '</ul>'
+  # the remainder will appear below the menu, above the index
+cat <<EOH
+  </ul>
+  <div id="headline">
+    <a href="http://upgradefromwindows8.com">
+      <img src="/images/win8-close.png"
+        alt="Close Windows, Open Doors" />
+    </a>
+
+    <a href="http://defectivebydesign.org/no-drm-in-html5">
+      <img src="/images/hollywebshare.jpg"
+        alt="Stop the Hollyweb! No DRM in HTML5." />
+    </a>
+
+    <a href="http://windows7sins.org">
+      <img src="/images/win7sins.png"
+        alt="Windows 7 Sins" title="Windows 7 Sins" />
+    </a>
+  </div>
+EOH
 )"