summaryrefslogtreecommitdiff
path: root/includes
diff options
context:
space:
mode:
Diffstat (limited to 'includes')
-rw-r--r--includes/head.php201
-rw-r--r--includes/icons/.!26569!card-account-mail.svg0
-rw-r--r--includes/icons/.!89047!card-account-mail.svg0
-rw-r--r--includes/nav.php44
-rw-r--r--includes/stylesheet.css145
-rw-r--r--includes/template.php6
6 files changed, 251 insertions, 145 deletions
diff --git a/includes/head.php b/includes/head.php
new file mode 100644
index 0000000..c5e5287
--- /dev/null
+++ b/includes/head.php
@@ -0,0 +1,201 @@
+<head>
+ <style>
+ @font-face {
+ font-family: "Iosevka Slab";
+ font-display: swap;
+ src: url("/includes/iosevka-slab-regular.woff2");
+ }
+
+ :root {
+ --balboa: #195970;
+ --ruby: #9b111e;
+ --slate: #b9c2ca;
+ --charcoal: #798d94;
+ --white: white;
+ --box-radius: 0.5em;
+ --box-border: 0.5em solid var(--white);
+ }
+
+ body {
+ font-family: "Iosevka Slab", monospace;
+ font-size: 1.5em;
+ background-color: var(--balboa);
+ color: var(--white);
+ max-width: 50em;
+ margin: auto;
+ padding: 1em;
+ }
+
+ 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;
+ }
+
+ nav a:link,
+ nav a:visited,
+ nav a:hover,
+ nav a:active {
+ display: flex;
+ align-items: center;
+ color: var(--white);
+ text-decoration: none;
+ }
+
+ a:link {
+ color: var(--slate);
+ }
+
+ a:visited {
+ color: var(--charcoal);
+ }
+
+ pre {
+ white-space: pre-wrap;
+ display: block;
+ background-color: var(--charcoal);
+ padding: 1em;
+ border-radius: var(--box-radius);
+ border-left: var(--box-border);
+ border-right: var(--box-border);
+ }
+
+ .description {
+ background-color: var(--ruby);
+ padding: 1em;
+ border-radius: var(--box-radius);
+ border-left: var(--box-border);
+ border-right: var(--box-border);
+ }
+
+ h1,
+ blockquote {
+ font-style: oblique;
+ }
+
+ header {
+ text-align: center;
+ }
+
+ article ul {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+ }
+
+ article ul li {
+ padding: 0.5em;
+ }
+
+ article ul li:before {
+ content: "➙";
+ padding-right: 0.5em;
+ }
+
+ article ol li {
+ padding: 0.5em;
+ }
+
+ p img {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 75%;
+ height: auto;
+ border-radius: var(--box-radius);
+ border-left: var(--box-border);
+ border-right: var(--box-border);
+ }
+
+ iframe {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .list {
+ overflow-x: auto;
+ }
+
+ .list table {
+ width: 100%;
+ }
+
+ .list td,
+ th {
+ padding: 0.5em;
+ text-align: left;
+ border-bottom: 1px solid var(--charcoal);
+ }
+
+ svg {
+ width: 24px;
+ height: 24px;
+ }
+
+ .form {
+ text-align: center;
+ }
+
+ .form input {
+ font-size: 1em;
+ margin-top: 1em;
+ border-radius: 3em;
+ box-sizing: border-box;
+ padding: 0.5em;
+ border: 0;
+ }
+
+ .form .description {
+ display: none;
+ }
+ </style>
+
+ <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" />
+ <meta property="og:image" content="https://nextcloud.53hor.net/index.php/s/Nx9e7iHbw4t99wo/preview" />
+ <meta property="og:site_name" content="53hor.net" />
+ <meta property="og:title" content="Adam Carpenter (53hornet)" />
+ <meta property="og:type" content="website" />
+ <meta property="og:url" content="https://www.53hor.net" />
+ <?php
+ if (isset($title)) {
+ printf('<title>53hornet ➙ %s</title>', $title);
+ } else {
+ echo '<title>53hornet</title>';
+ }
+ ?>
+</head>
+
+<body>
+
+ <?php
+ if (!isset($nav) || $nav) {
+ include('nav.php');
+ }
+ ?>
+ <article>
+ <?php
+ if (isset($title)) {
+ printf('<h1>%s</h1>', $title);
+ }
+ ?>
diff --git a/includes/icons/.!26569!card-account-mail.svg b/includes/icons/.!26569!card-account-mail.svg
deleted file mode 100644
index e69de29..0000000
--- a/includes/icons/.!26569!card-account-mail.svg
+++ /dev/null
diff --git a/includes/icons/.!89047!card-account-mail.svg b/includes/icons/.!89047!card-account-mail.svg
deleted file mode 100644
index e69de29..0000000
--- a/includes/icons/.!89047!card-account-mail.svg
+++ /dev/null
diff --git a/includes/nav.php b/includes/nav.php
new file mode 100644
index 0000000..87b9175
--- /dev/null
+++ b/includes/nav.php
@@ -0,0 +1,44 @@
+<nav>
+ <ul>
+ <li>
+ <a href="/">
+ <svg viewBox="0 0 24 24">
+ <path fill="#ffffff" d="M19 16H22L12 7L2 16H5L12 9.69L19 16M7 8.81V7H4V11.5L7 8.81Z" />
+ </svg>
+ Home
+ </a>
+ </li>
+ <li>
+ <a href="/info.php">
+ <svg viewBox="0 0 24 24">
+ <path fill="#ffffff" 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 target="_blank" href="https://git.53hor.net/explore/repos">
+ <svg viewBox="0 0 24 24">
+ <path fill="#ffffff" 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="/hire.php">
+ <svg viewBox="0 0 24 24">
+ <path fill="#ffffff" 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 type="application/rss+xml" href="/rss.xml">
+ <svg viewBox="0 0 24 24">
+ <path fill="#ffffff" 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>
diff --git a/includes/stylesheet.css b/includes/stylesheet.css
deleted file mode 100644
index a40bb5f..0000000
--- a/includes/stylesheet.css
+++ /dev/null
@@ -1,145 +0,0 @@
-@font-face {
- font-family: "Iosevka Slab";
- font-display: swap;
- src: url("/includes/iosevka-slab-regular.woff2");
-}
-
-:root {
- --balboa: #195970;
- --ruby: #9b111e;
- --slate: #b9c2ca;
- --charcoal: #798d94;
- --white: white;
- --box-radius: 0.5em;
- --box-border: 0.5em solid var(--white);
-}
-
-body {
- font-family: "Iosevka Slab", monospace;
- font-size: 1.5em;
- background-color: var(--balboa);
- color: var(--white);
- max-width: 50em;
- margin: auto;
- padding: 1em;
-}
-
-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 img {
- padding-right: 0.5em;
-}
-
-nav a:link,
-nav a:visited,
-nav a:hover,
-nav a:active {
- display: flex;
- align-items: center;
- color: var(--white);
- text-decoration: none;
-}
-
-a:link {
- color: var(--slate);
-}
-
-a:visited {
- color: var(--charcoal);
-}
-
-pre {
- white-space: pre-wrap;
- display: block;
- background-color: var(--charcoal);
- padding: 1em;
- border-radius: var(--box-radius);
- border-left: var(--box-border);
- border-right: var(--box-border);
-}
-
-.description {
- background-color: var(--ruby);
- padding: 1em;
- border-radius: var(--box-radius);
- border-left: var(--box-border);
- border-right: var(--box-border);
-}
-
-h1,
-blockquote {
- font-style: oblique;
-}
-
-header {
- text-align: center;
-}
-
-article ul {
- list-style: none;
- padding: 0;
- margin: 0;
-}
-
-article ul li {
- padding: 0.5em;
-}
-
-article ul li:before {
- content: "➙";
- padding-right: 0.5em;
-}
-
-article ol li {
- padding: 0.5em;
-}
-
-p img {
- display: block;
- margin-left: auto;
- margin-right: auto;
- max-width: 75%;
- height: auto;
- border-radius: var(--box-radius);
- border-left: var(--box-border);
- border-right: var(--box-border);
-}
-
-iframe {
- display: block;
- margin-left: auto;
- margin-right: auto;
-}
-
-.list {
- overflow-x: auto;
-}
-
-.list table {
- width: 100%;
-}
-
-.list td,
-th {
- padding: 0.5em;
- text-align: left;
- border-bottom: 1px solid var(--charcoal);
-}
diff --git a/includes/template.php b/includes/template.php
new file mode 100644
index 0000000..5ff90f4
--- /dev/null
+++ b/includes/template.php
@@ -0,0 +1,6 @@
+<?php
+$title = "{{title}}";
+if (isset($early) && $early) {
+ return;
+}
+include($_SERVER['DOCUMENT_ROOT'] . '/includes/head.php');