pyratebeard_net

commit 6f51f8a432945ea72e19f310aa9538edb7c59a76
parent 4e22e3fc04458c13929b5badb965a65e9e7232b9
Author: pyratebeard <root@pyratebeard.net>
Date:   Tue, 23 Jan 2024 20:14:10 +0000

wording and cite footer

Diffstat:
M
index.html
 | 
5
++++-
M
style.css
 | 
9
+++++++--

2 files changed, 11 insertions(+), 3 deletions(-)
diff --git a/index.html b/index.html
@@ -13,7 +13,7 @@
 	<div class="container">
 		<div class="section">
 			<div id="me" class="subsection">
-				<p>A *nix infrastructure engineer and systems administrator; obsessive geek; open-source, security, and privacy advocate; "<a href="/scrots"><em>ricer</em></a>"; patient coffee brewer.</p>
+				<p>A *nix sysadmin; hacker<sup><a href="#cite1">[1]</a></sup>; obsessive geek; open-source, security, and privacy advocate; "<a href="/scrots"><em>ricer</em></a>"; patient coffee brewer.</p>
 			</div>
 			<div id="log" class="subsection">
 				<p>Occassionally writes <a href="https://log.pyratebeard.net">log entries</a> related to free and open source software, digital security, and random musings amongst other things. Microblogging can be found on the <a rel="me" href="https://harbour.cafe/@pyratebeard">fediverse</a>.</p>
@@ -97,4 +97,7 @@
 		</div>
 	</div>
 </body>
+<footer>
+<p id="cite1">1. as defined in <a href="https://datatracker.ietf.org/doc/html/rfc1392">RFC1392 - <em>The Internet Users' Glossary</em></a></p>
+</footer>
 </html>
diff --git a/style.css b/style.css
@@ -36,7 +36,8 @@ body {
 	line-height: 1.5;
 }
 
-header {
+header,
+footer {
 	margin-left: 88px;
 }
 
@@ -56,7 +57,8 @@ header > p {
 }
 
 @media (max-width: 767px) {
-	header {
+	header,
+	footer {
 		margin-left: 20px;
 	}
 	.container {
@@ -239,3 +241,6 @@ i {
 	width: 100%;
 	right: 10px;
 }
+sup a {
+	color: #c9b09a;
+}