summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorAdam T. Carpenter <atc@53hor.net>2023-05-09 21:24:53 -0400
committerAdam T. Carpenter <atc@53hor.net>2023-05-09 21:24:53 -0400
commite0bce1a7ae048d75ff74cc99af4d0b446a03710e (patch)
tree0babbef5ddeb7622b53c0e65827a6278a95c61f9
parenta830f959ed0449032d1c67a68da3619b004333d8 (diff)
download53hor-e0bce1a7ae048d75ff74cc99af4d0b446a03710e.tar.xz
53hor-e0bce1a7ae048d75ff74cc99af4d0b446a03710e.zip
feat: simplify with bottom nav
Inspired by https://bt.ht/
Diffstat
-rw-r--r--includes/foot.php4
-rw-r--r--includes/head.php9
-rw-r--r--includes/nav.php40
-rw-r--r--includes/www.css46
-rw-r--r--pages/index.php6
5 files changed, 28 insertions, 77 deletions
diff --git a/includes/foot.php b/includes/foot.php
index 4812bb8..2d8576e 100644
--- a/includes/foot.php
+++ b/includes/foot.php
@@ -2,12 +2,16 @@
<hr />
<footer>
+ <?php include('nav.php'); ?>
<p>
&copy; 2019-<?php printf('%s', date('Y')); ?> Adam Carpenter
<br>
Content licensed under the <a target="_blank" href="https://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.
<br>
Source code licensed under the <a target="_blank" href="https://opensource.org/licenses/BSD-3-Clause"> BSD 3-Clause license</a>, unless otherwise stated.
+ <noscript>
+ JavaScript? Where we're going we don't need JavaScript.
+ </noscript>
</p>
</footer>
diff --git a/includes/head.php b/includes/head.php
index 44184d4..1911df6 100644
--- a/includes/head.php
+++ b/includes/head.php
@@ -2,7 +2,7 @@
<html lang="en-US">
<head>
- <title>53hornet</title>
+ <title>Adam Carpenter (53hornet)</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta property="og:description" content="The World Wide Web pages of Adam Carpenter" />
@@ -24,5 +24,10 @@
<body>
- <?php include('nav.php'); ?>
+ <header>
+ <a href="#menu">
+ &#9662;Menu
+ </a>
+ </header>
+
<article>
diff --git a/includes/nav.php b/includes/nav.php
index 6a56b96..c50c067 100644
--- a/includes/nav.php
+++ b/includes/nav.php
@@ -1,71 +1,45 @@
-<nav>
+<nav id="menu">
+ <h2>Menu</h2>
+
+ <a href="#">
+ &#9652;Back to top
+ </a>
+
<ul>
<li>
<a href="/">
- <svg viewBox="0 0 24 24">
- <path d="M19 16H22L12 7L2 16H5L12 9.69L19 16M7 8.81V7H4V11.5L7 8.81Z" />
- </svg>
Home
</a>
</li>
<li>
<a href="/contact">
- <svg style="width:24px;height:24px" viewBox="0 0 24 24">
- <path d="M12,15C12.81,15 13.5,14.7 14.11,14.11C14.7,13.5 15,12.81 15,12C15,11.19 14.7,10.5 14.11,9.89C13.5,9.3 12.81,9 12,9C11.19,9 10.5,9.3 9.89,9.89C9.3,10.5 9,11.19 9,12C9,12.81 9.3,13.5 9.89,14.11C10.5,14.7 11.19,15 12,15M12,2C14.75,2 17.1,3 19.05,4.95C21,6.9 22,9.25 22,12V13.45C22,14.45 21.65,15.3 21,16C20.3,16.67 19.5,17 18.5,17C17.3,17 16.31,16.5 15.56,15.5C14.56,16.5 13.38,17 12,17C10.63,17 9.45,16.5 8.46,15.54C7.5,14.55 7,13.38 7,12C7,10.63 7.5,9.45 8.46,8.46C9.45,7.5 10.63,7 12,7C13.38,7 14.55,7.5 15.54,8.46C16.5,9.45 17,10.63 17,12V13.45C17,13.86 17.16,14.22 17.46,14.53C17.76,14.84 18.11,15 18.5,15C18.92,15 19.27,14.84 19.57,14.53C19.87,14.22 20,13.86 20,13.45V12C20,9.81 19.23,7.93 17.65,6.35C16.07,4.77 14.19,4 12,4C9.81,4 7.93,4.77 6.35,6.35C4.77,7.93 4,9.81 4,12C4,14.19 4.77,16.07 6.35,17.65C7.93,19.23 9.81,20 12,20H17V22H12C9.25,22 6.9,21 4.95,19.05C3,17.1 2,14.75 2,12C2,9.25 3,6.9 4.95,4.95C6.9,3 9.25,2 12,2Z" />
- </svg>
Contact
</a>
</li>
<!--<li>
<a href="/hireme">
- <svg viewBox="0 0 24 24">
- <path d="M3,3V21H21V3H3M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,15A1,1 0 0,1 13,16V19A1,1 0 0,1 12,20A1,1 0 0,1 11,19V16A1,1 0 0,1 12,15Z" />
- </svg>
Hire Me
</a>
</li>-->
<li>
<a href="/info">
- <svg viewBox="0 0 24 24">
- <path d="M13.5,4A1.5,1.5 0 0,0 12,5.5A1.5,1.5 0 0,0 13.5,7A1.5,1.5 0 0,0 15,5.5A1.5,1.5 0 0,0 13.5,4M13.14,8.77C11.95,8.87 8.7,11.46 8.7,11.46C8.5,11.61 8.56,11.6 8.72,11.88C8.88,12.15 8.86,12.17 9.05,12.04C9.25,11.91 9.58,11.7 10.13,11.36C12.25,10 10.47,13.14 9.56,18.43C9.2,21.05 11.56,19.7 12.17,19.3C12.77,18.91 14.38,17.8 14.54,17.69C14.76,17.54 14.6,17.42 14.43,17.17C14.31,17 14.19,17.12 14.19,17.12C13.54,17.55 12.35,18.45 12.19,17.88C12,17.31 13.22,13.4 13.89,10.71C14,10.07 14.3,8.67 13.14,8.77Z" />
- </svg>
Info
</a>
</li>
<li>
<a href="/links">
- <svg version="1.1" width="24" height="24" viewBox="0 0 24 24" id="svg50">
- <defs id="defs54" />
- <path d="M21,5C19.89,4.65 18.67,4.5 17.5,4.5C15.55,4.5 13.45,4.9 12,6C10.55,4.9 8.45,4.5 6.5,4.5C4.55,4.5 2.45,4.9 1,6V20.65C1,20.9 1.25,21.15 1.5,21.15C1.6,21.15 1.65,21.1 1.75,21.1C3.1,20.45 5.05,20 6.5,20C8.45,20 10.55,20.4 12,21.5C13.35,20.65 15.8,20 17.5,20C19.15,20 20.85,20.3 22.25,21.05C22.35,21.1 22.4,21.1 22.5,21.1C22.75,21.1 23,20.85 23,20.6V6C22.4,5.55 21.75,5.25 21,5M21,18.5C19.9,18.15 18.7,18 17.5,18C15.8,18 13.35,18.65 12,19.5V8C13.35,7.15 15.8,6.5 17.5,6.5C18.7,6.5 19.9,6.65 21,7V18.5Z" id="path48" />
- <rect width="5.3582306" height="3.3382068" x="13.826889" y="8.824543" />
- </svg>
Links
</a>
</li>
<li>
<a target="_blank" href="https://git.53hor.net/">
- <svg viewBox="0 0 24 24">
- <path d="M2.6,10.59L8.38,4.8L10.07,6.5C9.83,7.35 10.22,8.28 11,8.73V14.27C10.4,14.61 10,15.26 10,16A2,2 0 0,0 12,18A2,2 0 0,0 14,16C14,15.26 13.6,14.61 13,14.27V9.41L15.07,11.5C15,11.65 15,11.82 15,12A2,2 0 0,0 17,14A2,2 0 0,0 19,12A2,2 0 0,0 17,10C16.82,10 16.65,10 16.5,10.07L13.93,7.5C14.19,6.57 13.71,5.55 12.78,5.16C12.35,5 11.9,4.96 11.5,5.07L9.8,3.38L10.59,2.6C11.37,1.81 12.63,1.81 13.41,2.6L21.4,10.59C22.19,11.37 22.19,12.63 21.4,13.41L13.41,21.4C12.63,22.19 11.37,22.19 10.59,21.4L2.6,13.41C1.81,12.63 1.81,11.37 2.6,10.59Z" />
- </svg>
Repos
</a>
</li>
<li>
<a href="/feed.php">
- <svg viewBox="0 0 24 24">
- <path d="M6.18,15.64A2.18,2.18 0 0,1 8.36,17.82C8.36,19 7.38,20 6.18,20C5,20 4,19 4,17.82A2.18,2.18 0 0,1 6.18,15.64M4,4.44A15.56,15.56 0 0,1 19.56,20H16.73A12.73,12.73 0 0,0 4,7.27V4.44M4,10.1A9.9,9.9 0 0,1 13.9,20H11.07A7.07,7.07 0 0,0 4,12.93V10.1Z" />
- </svg>
RSS
</a>
</li>
</ul>
</nav>
-
-<header>
- <noscript>
- JavaScript? Where we're going we don't need JavaScript.
- </noscript>
-</header>
-
-
-<hr />
diff --git a/includes/www.css b/includes/www.css
index 512793b..f3bb626 100644
--- a/includes/www.css
+++ b/includes/www.css
@@ -6,33 +6,6 @@ hr {
color: var(--white);
}
-nav {
- list-style-type: none;
- text-align: center;
-}
-
-nav ul {
- padding: 0;
- margin: 0;
-}
-
-nav li {
- display: inline-block;
- margin: 0.5em;
- padding: 0.5em;
-}
-
-nav svg {
- padding-right: 0.5em;
- width: 24px;
- height: 24px;
-}
-
-nav svg path,
-nav svg rect {
- fill: var(--white);
-}
-
a:link {
color: var(--slate);
}
@@ -45,12 +18,13 @@ a:visited code {
color: var(--slate);
}
+header a:link,
+header a:visited,
+header a:active,
nav a:link,
nav a:visited,
nav a:active {
background-color: var(--balboa);
- display: flex;
- align-items: center;
color: var(--white);
text-decoration: underline solid var(--balboa);
}
@@ -94,12 +68,7 @@ blockquote {
font-style: oblique;
}
-h1,
-header {
- text-align: center;
-}
-
-article ul {
+ul {
list-style: none;
padding: 0;
margin: 0;
@@ -109,8 +78,8 @@ article ul li {
padding: 0.5em;
}
-article ul li:before {
- content: "➙";
+ul li:before {
+ content: "▸";
padding-right: 0.5em;
}
@@ -168,9 +137,8 @@ th {
display: none;
}
-footer {
+footer p {
font-size: 0.75em;
- text-align: center;
}
.centered {
diff --git a/pages/index.php b/pages/index.php
index 6bc999f..111e84e 100644
--- a/pages/index.php
+++ b/pages/index.php
@@ -1,6 +1,6 @@
<h1> The World Wide Web pages of Adam Carpenter (53hornet) </h1>
-<ul>
+<dl>
<?php
$posts = scandir('./posts', SCANDIR_SORT_DESCENDING);
$posts = array_filter($posts, fn ($post) => !empty($post) && $post != '.' && $post != '..');
@@ -10,7 +10,7 @@
$title = str_replace('h1', 'span', fgets(fopen("./posts/$post", 'r')));
$date = str_split($post, 10)[0];
$post = str_replace('.php', '', $post);
- printf('<li> <code>%s</code> <a href="/%s">%s</a> </li>', $date, $post, $title);
+ printf('<dt> <code>%s</code> </dt> <dd><a href="/%s">%s</a> </dd>', $date, $post, $title);
}
?>
-</ul>
+</dl>
generated by cgit v1.2.3 (git 2.25.1) at 2024-05-14 04:08:57 +0000