diff options
author | 53hornet <atc@53hor.net> | 2021-07-28 10:58:58 -0400 |
---|---|---|
committer | 53hornet <atc@53hor.net> | 2021-07-28 10:58:58 -0400 |
commit | bfaccc32571df8a02f69518d8864244efba3b5b5 (patch) | |
tree | cc71a44054af00e73d0db2a1c79c347db3f31327 /includes | |
parent | dd75b4a341925e4ba3408b018941241d4317dd9f (diff) | |
download | 53hor-bfaccc32571df8a02f69518d8864244efba3b5b5.tar.xz 53hor-bfaccc32571df8a02f69518d8864244efba3b5b5.zip |
php site, templating and partials, faster index generation
Diffstat (limited to 'includes')
-rw-r--r-- | includes/head.php | 184 | ||||
-rw-r--r-- | includes/icons/.!26569!card-account-mail.svg | 0 | ||||
-rw-r--r-- | includes/icons/.!89047!card-account-mail.svg | 0 | ||||
-rw-r--r-- | includes/nav.php | 44 | ||||
-rw-r--r-- | includes/stylesheet.css | 145 | ||||
-rw-r--r-- | includes/template.php | 6 |
6 files changed, 234 insertions, 145 deletions
diff --git a/includes/head.php b/includes/head.php new file mode 100644 index 0000000..c0a614b --- /dev/null +++ b/includes/head.php @@ -0,0 +1,184 @@ +<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; + } + </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'); |