summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authoreudoxia <uplink@distress.network>2021-02-19 13:01:39 -0500
committereudoxia <uplink@distress.network>2021-02-19 13:01:39 -0500
commitb38e91c27ed4ebdb84fed0cec8ab3c37b7ce4d5c (patch)
tree3c76f30b4b6077865a2b42af04e9f6f257e1d382
parenta94eb87eeac7301478a1086499798258097e7e35 (diff)
css: added footnote support
-rwxr-xr-xcss/main.css5
-rwxr-xr-xmeta/styletest/index.html17
-rwxr-xr-xmeta/styletest/src.md4
-rwxr-xr-xsitemap.xml2
4 files changed, 25 insertions, 3 deletions
diff --git a/css/main.css b/css/main.css
index f1de35a..a26cf05 100755
--- a/css/main.css
+++ b/css/main.css
@@ -56,6 +56,9 @@ main a:visited {color: var(--color-main-l);}
main a:hover {text-decoration: none; color: var(--color-main-d); background-color: var(--color-main-l);}
main a:active {text-decoration: none; color: var(--color-main-l);}
main a::after {font-size: 0.5rem; font-weight: 700; line-height: 0; vertical-align: super; content: "↗︎";}
+sup {line-height: 0;}
+sup a {font-size: 0.667rem; font-weight: 400;}
+sup a::after {content: none;}
blockquote {margin: 1rem; padding-left: 1rem; border-left: 1px solid var(--color-main-m);}
main hr {height: 1rem; width: 100%; margin: 0; border: none; border-bottom: 1px solid var(--color-main-l);}
main pre {margin: 1rem; padding: 1rem; background: var(--color-code-d); border-radius: 5px;}
@@ -70,6 +73,8 @@ figure a:hover {text-decoration: none; background-color: transparent;}
figure a::after {display: none;}
figure a img {max-width: 100%; max-height: calc(100vh - 2rem);}
figure p {font-size: 0.75rem; font-style: italic; margin-top: 0.5rem; margin-bottom: 0; padding-bottom: 1rem; text-align: center;}
+.footnotes a[rev=footnote] {font-size: 0.667rem; vertical-align: super; line-height: 0;}
+.footnotes a[rev=footnote]::after {content: none;}
footer {display: flex; flex-direction: row; justify-content: space-between; min-height: 1rem; border-top: 1px solid var(--color-main-m); padding: 0.75rem 1rem; background-color: var(--color-main-d); color: var(--color-main-l);}
footer p,footer a {font-family: neue-haas-grotesk-text, var(--fs-sans); font-size: 0.75rem; font-weight: 700; font-feature-settings: "case"; margin: 0; -webkit-hyphens: none; hyphens: none; text-align: left;}
footer a {color: var(--color-main-l); cursor: pointer;}
diff --git a/meta/styletest/index.html b/meta/styletest/index.html
index 3405008..25e4866 100755
--- a/meta/styletest/index.html
+++ b/meta/styletest/index.html
@@ -12,14 +12,14 @@
<script src="/js/bg.js"></script>
<title>Style Template &mdash; DistressNetwork°</title>
<meta name="description" content="&laquo;BOMBER TEXT&raquo; &mdash; Title &amp; Explanatory Phrase" />
-<meta http-equiv="last-modified" content="2020-12-28 19:28:38-05:00" />
+<meta http-equiv="last-modified" content="2021-02-19 13:01:00-05:00" />
</head>
<body>
<header>
<div class="bomber">BOMBER TEXT</div>
<hr>
<div class="identcontainer">
-<div class="ident"><time datetime="2020-12-28 19:28:38-05:00">201228</time>––––<a href="https://distress.network">DistressNetwork°</a></div>
+<div class="ident"><time datetime="2021-02-19 13:01:00-05:00">210219</time>––––<a href="https://distress.network">DistressNetwork°</a></div>
<img class="headerlogo" src="/media/distressnetwork-b.svg" alt="">
</div>
</header>
@@ -48,6 +48,8 @@
<p><a href="">Link</a></p>
+<p>Footnote&#47;Citation Reference<sup id="fnref1"><a href="#fn1" rel="footnote">1</a></sup></p>
+
<ul>
<li>List Level One
@@ -157,6 +159,17 @@ Level Three</p>
<pre><code>[Author[[, Author[, ...]] &#38; Author]. ]“Title.”[ YYYY[-MM-DD].][ Medium[, details].][ Notes.]
</code></pre>
+
+<div class="footnotes">
+<hr/>
+<ol>
+
+<li id="fn1">
+<p>Footnote&#47;Citation Content (With <a href="">Link</a> To Resource)&#160;<a href="#fnref1" rev="footnote">&#8617;</a></p>
+</li>
+
+</ol>
+</div>
</main>
<nav>
<pre>
diff --git a/meta/styletest/src.md b/meta/styletest/src.md
index 975c6e8..e466c5a 100755
--- a/meta/styletest/src.md
+++ b/meta/styletest/src.md
@@ -12,6 +12,10 @@ Paragraph **(Bold)** *(Italic)* ~~Strikethrough~~ `(Monospace)`
[Link]()
+Footnote/Citation Reference[^fn]
+
+[^fn]: Footnote/Citation Content (With [Link]() To Resource)
+
- List Level One
- List Level Two
- List Level Three
diff --git a/sitemap.xml b/sitemap.xml
index bcc8a1b..e87d4f8 100755
--- a/sitemap.xml
+++ b/sitemap.xml
@@ -10,7 +10,7 @@ xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url><loc>https://distress.network/meta/sitemap/</loc><lastmod>2021-02-01T00:24:46-05:00</lastmod></url>
-<url><loc>https://distress.network/meta/styletest/</loc><lastmod>2020-12-28T19:28:38-05:00</lastmod></url>
+<url><loc>https://distress.network/meta/styletest/</loc><lastmod>2021-02-19T13:01:00-05:00</lastmod></url>
<url><loc>https://distress.network/meta/todo/</loc><lastmod>2020-12-31T21:02:55-05:00</lastmod></url>