app/views/partials: Dry up header views by splitting it up into snippets

Minor CSS changes

7 files changed, 23 insertions, 92 deletions

diff --git a/app/views/partials/header.php b/app/views/partials/header.php
index e69aee4..558ea2a 100644
--- a/app/views/partials/header.php
+++ b/app/views/partials/header.php
@@ -12,16 +12,10 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="robots" content="index,follow">
 
-    <link href="/rss.xml" rel="feed" type="application/rss+xml" title="Thedro Neely"/>
+    <?php require $_SERVER['DOCUMENT_ROOT'] . '/..' . '/app/views/snippets/rss.php'; ?>
 
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">
-    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
-    <meta name="msapplication-TileColor" content="#b91d47">
-    <meta name="theme-color" content="#ffffff">
+    <?php require $_SERVER['DOCUMENT_ROOT'] . '/..' . '/app/views/snippets/favicons.php'; ?>
 
-    <link rel="stylesheet" href="/css/tdro.css">
+    <?php require $_SERVER['DOCUMENT_ROOT'] . '/..' . '/app/views/snippets/stylesheets.php'; ?>
 
 </head>
diff --git a/app/views/partials/header.posts.php b/app/views/partials/header.posts.php
index 5825116..6cd9b45 100644
--- a/app/views/partials/header.posts.php
+++ b/app/views/partials/header.posts.php
@@ -7,14 +7,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="robots" content="index,follow">
 
-    <link href="/rss.xml" rel="feed" type="application/rss+xml" title="Thedro Neely"/>
+    <<?php require $_SERVER['DOCUMENT_ROOT'] . '/..' . '/app/views/snippets/rss.php'; ?>
 
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">
-    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
-    <meta name="msapplication-TileColor" content="#b91d47">
-    <meta name="theme-color" content="#ffffff">
+    <?php require $_SERVER['DOCUMENT_ROOT'] . '/..' . '/app/views/snippets/favicons.php'; ?>
 
-    <link rel="stylesheet" href="/css/tdro.css">
+    <?php require $_SERVER['DOCUMENT_ROOT'] . '/..' . '/app/views/snippets/stylesheets.php'; ?>
diff --git a/app/views/resume.view.php b/app/views/resume.view.php
index 1e71523..9be1b31 100644
--- a/app/views/resume.view.php
+++ b/app/views/resume.view.php
@@ -12,15 +12,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="robots" content="index,follow">
 
-    <link href="/rss.xml" rel="feed" type="application/rss+xml" title="Thedro Neely"/>
+    <?php require $_SERVER['DOCUMENT_ROOT'] . '/..' . '/app/views/snippets/rss.php'; ?>
 
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">
-    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
-    <meta name="msapplication-TileColor" content="#b91d47">
-    <meta name="theme-color" content="#ffffff">
+    <?php require $_SERVER['DOCUMENT_ROOT'] . '/..' . '/app/views/snippets/favicons.php'; ?>
 
     <style>
 
@@ -48,7 +42,7 @@
 
     </style>
 
-    <link rel="stylesheet" href="/css/tdro.css">
+    <?php require $_SERVER['DOCUMENT_ROOT'] . '/..' . '/app/views/snippets/stylesheets.php'; ?>
     <link rel="stylesheet" href="/css/bulma-timeline.css">
 
 </head>
@@ -65,7 +59,7 @@
 
             <br>
 
-            <a href="/contact" class="title has-text-weight-light is-size-7 has-text-white text__frame">Contact for Full Resume</a>
+            <a href="/contact/" class="title has-text-weight-light is-size-7 has-text-white text__frame">Contact for Full Resume</a>
 
             <br>
 
diff --git a/app/views/snippets/favicons.php b/app/views/snippets/favicons.php
new file mode 100644
index 0000000..4659f68
--- /dev/null
+++ b/app/views/snippets/favicons.php
@@ -0,0 +1,7 @@
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+    <link rel="manifest" href="/site.webmanifest">
+    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
+    <meta name="msapplication-TileColor" content="#b91d47">
+    <meta name="theme-color" content="#ffffff">
diff --git a/app/views/snippets/rss.php b/app/views/snippets/rss.php
new file mode 100644
index 0000000..c803b00
--- /dev/null
+++ b/app/views/snippets/rss.php
@@ -0,0 +1 @@
+<link href="/rss.xml" rel="feed" type="application/rss+xml" title="Thedro Neely"/>
diff --git a/app/views/snippets/stylesheets.php b/app/views/snippets/stylesheets.php
new file mode 100644
index 0000000..9449c8a
--- /dev/null
+++ b/app/views/snippets/stylesheets.php
@@ -0,0 +1 @@
+<link rel="stylesheet" href="/css/tdro.css">
diff --git a/public/css/tdro.css b/public/css/tdro.css
index 9332b2e..aa25980 100644
--- a/public/css/tdro.css
+++ b/public/css/tdro.css
@@ -325,7 +325,8 @@ button,
 input,
 select,
 textarea {
-  font-family: 'Open Sans', system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
+  font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
+  Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
 }
 
 code,
@@ -2903,7 +2904,7 @@ a.box:active {
 
 .input,
 .textarea {
-  background-color: white;
+  background-color: #f9f9f9;
   border-color: #dbdbdb;
   color: #363636;
   box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
@@ -10286,64 +10287,6 @@ label.panel-block:hover {
   padding: 0rem 1.5rem 2.5rem 1.5rem;
 }
 
-/* system-font.css v2.0.2 | CC0-1.0 License | github.com/jonathantneal/system-font-css */
-
-@font-face {
-  font-family: system-ui;
-  font-style: normal;
-  font-weight: 300;
-  src: local(".SFNSText-Light"), local(".HelveticaNeueDeskInterface-Light"), local(".LucidaGrandeUI"), local("Segoe UI Light"), local("Ubuntu Light"), local("Roboto-Light"), local("DroidSans"), local("Tahoma");
-}
-
-@font-face {
-  font-family: system-ui;
-  font-style: italic;
-  font-weight: 300;
-  src: local(".SFNSText-LightItalic"), local(".HelveticaNeueDeskInterface-Italic"), local(".LucidaGrandeUI"), local("Segoe UI Light Italic"), local("Ubuntu Light Italic"), local("Roboto-LightItalic"), local("DroidSans"), local("Tahoma");
-}
-
-@font-face {
-  font-family: system-ui;
-  font-style: normal;
-  font-weight: 400;
-  src: local(".SFNSText-Regular"), local(".HelveticaNeueDeskInterface-Regular"), local(".LucidaGrandeUI"), local("Segoe UI"), local("Ubuntu"), local("Roboto-Regular"), local("DroidSans"), local("Tahoma");
-}
-
-@font-face {
-  font-family: system-ui;
-  font-style: italic;
-  font-weight: 400;
-  src: local(".SFNSText-Italic"), local(".HelveticaNeueDeskInterface-Italic"), local(".LucidaGrandeUI"), local("Segoe UI Italic"), local("Ubuntu Italic"), local("Roboto-Italic"), local("DroidSans"), local("Tahoma");
-}
-
-@font-face {
-  font-family: system-ui;
-  font-style: normal;
-  font-weight: 500;
-  src: local(".SFNSText-Medium"), local(".HelveticaNeueDeskInterface-MediumP4"), local(".LucidaGrandeUI"), local("Segoe UI Semibold"), local("Ubuntu Medium"), local("Roboto-Medium"), local("DroidSans-Bold"), local("Tahoma Bold");
-}
-
-@font-face {
-  font-family: system-ui;
-  font-style: italic;
-  font-weight: 500;
-  src: local(".SFNSText-MediumItalic"), local(".HelveticaNeueDeskInterface-MediumItalicP4"), local(".LucidaGrandeUI"), local("Segoe UI Semibold Italic"), local("Ubuntu Medium Italic"), local("Roboto-MediumItalic"), local("DroidSans-Bold"), local("Tahoma Bold");
-}
-
-@font-face {
-  font-family: system-ui;
-  font-style: normal;
-  font-weight: 700;
-  src: local(".SFNSText-Bold"), local(".HelveticaNeueDeskInterface-Bold"), local(".LucidaGrandeUI"), local("Segoe UI Bold"), local("Ubuntu Bold"), local("Roboto-Bold"), local("DroidSans-Bold"), local("Tahoma Bold");
-}
-
-@font-face {
-  font-family: system-ui;
-  font-style: italic;
-  font-weight: 700;
-  src: local(".SFNSText-BoldItalic"), local(".HelveticaNeueDeskInterface-BoldItalic"), local(".LucidaGrandeUI"), local("Segoe UI Bold Italic"), local("Ubuntu Bold Italic"), local("Roboto-BoldItalic"), local("DroidSans-Bold"), local("Tahoma Bold");
-}
-
 /* open sans */
 
 @font-face {
@@ -10433,10 +10376,7 @@ label.panel-block:hover {
 }
 
 .paragraph__serif {
-  font-family: 'EB Garamond', serif;
-  -moz-font-feature-settings: "kern", "liga";
-  font-feature-settings: "kern", "liga";
-  text-rendering: optimizeLegibility;
+  font-family: 'EB Garamond', 'Georgia', 'Baskerville', 'TimesNewRoman', 'Times New Roman', 'Times', serif;
   font-size: 160%;
   line-height: 1.8;
 }