free-software: Move "open source" aside to a footnote.

The extra markup and styling necessitates the conversion from markdown
to sxml.

1 files changed, 44 insertions, 0 deletions

diff --git a/static/css/main.css b/static/css/main.css
index 6e5650d..c363b0b 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -329,6 +329,10 @@ audio, video, .full-width {
     max-width: 100%;
 }
 
+article {
+  counter-reset: footnotes;
+}
+
 article ul {
     padding-left: 0;
         list-style-type: none;
@@ -430,5 +434,45 @@ ul.members li.person + li.person {
     margin-left: 1em;
 }
 
+a[aria-describedby="footnote-label"] {
+  counter-increment: footnotes;
+  text-decoration: none;
+  color: inherit;
+  cursor: default;
+  outline: none;
+  border: none;
+}
+
+a[aria-describedby="footnote-label"]::after {
+  content: counter(footnotes);
+  vertical-align: super;
+  font-size: 0.8em;
+  margin-left: 2px;
+  color: #118ab2;
+  cursor: pointer;
+}
+
+a[aria-describedby="footnote-label"]:focus::after {
+  outline: thin dotted;
+  outline-offset: 2px;
+}
+
+#footnote-labels {
+    font-size: small;
+    margin-top: 4em;
+    border-top: 1px dotted #aaa;
+    padding-top: 1em;
+}
+#footnote-labels ol {
+    margin: 0;
+    padding: 0;
+}
+#footnote-labels h2 {
+    display: none;
+}
+#footnote-labels :target {
+  background: yellow;
+}
+
 #footer-box a { color: #333333; border-width: 1px; }
 #footer-box a:visited { color: #333333; }