diff --git a/_includes/header.html b/_includes/header.html
index 9492411..1b893c9 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -23,12 +23,16 @@
-
+
+
diff --git a/assets/css/style-reduced.css b/assets/css/style-reduced.css
index 7669a97..2e79c1b 100644
--- a/assets/css/style-reduced.css
+++ b/assets/css/style-reduced.css
@@ -15,6 +15,9 @@ body {
}
/* Page Layout */
+header { /* N/A on IE6 */
+ display: inline;
+}
img {
border: none;
}
@@ -26,9 +29,6 @@ a.navlink {
font-size: 15pt;
margin: 6pt;
}
-header { /* N/A on IE6 */
- display: inline;
-}
nav { /* requires JS on IE6 */
display: inline;
height: 70px;
@@ -36,7 +36,7 @@ nav { /* requires JS on IE6 */
}
hero, main { /* requires JS on IE6 */
display: block;
- padding: 5pt 0pt;
+ margin: 5pt 0pt;
}
div#footer {
display: block;
diff --git a/assets/css/style.css b/assets/css/style.css
index a4a4fe4..21bbc4e 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -1,7 +1,7 @@
/* Global Defaults */
html {
color: #f9f9f9;
- font-family: "Source Code Pro", monospace;
+ font-family: "Source Code Pro", "Courier New", "Courier", monospace;
}
/* Body Layout */
@@ -21,13 +21,13 @@ body {
}
@media (max-width: 768px) {
body {
- grid-template-rows: auto auto 1fr auto auto 70px;
+ grid-template-rows: auto auto 1fr auto auto 70px;
grid-template-areas: "head head head"
- "nav nav nav"
- "hero hero hero"
- "main main main"
- "about about about"
- "foot foot foot";
+ "nav nav nav"
+ "hero hero hero"
+ "main main main"
+ "about about about"
+ "foot foot foot";
}
}
@keyframes backgroundScroll {
@@ -58,18 +58,18 @@ body > nav > a {
margin: 0 20pt;
}
@media (max-width: 768px) {
- body > header {
- text-align: center;
- }
- body > header > img {
- max-width: 100%;
- width: auto;
- height: auto;
- }
- body > nav {
- justify-content: center;
- font-size: 25pt;
- }
+ body > header {
+ text-align: center;
+ }
+ body > header > img {
+ max-width: 100%;
+ width: auto;
+ height: auto;
+ }
+ body > nav {
+ justify-content: center;
+ font-size: 25pt;
+ }
}
body > hero {
@@ -109,10 +109,10 @@ body > footer > div > #reduced {
display: none;
}
@media (max-width: 768px) {
- body > footer {
- padding: 10pt;
- font-size: 20pt;
- }
+ body > footer {
+ padding: 10pt;
+ font-size: 20pt;
+ }
}
/* Buttons */