diff --git a/assets/css/_base.scss b/assets/css/_base.scss
index 88dd176..afe8796 100644
--- a/assets/css/_base.scss
+++ b/assets/css/_base.scss
@@ -1,17 +1,17 @@
html {
- font-family: "Lucida Console", "monospace";
- font-size: 14px;
- box-sizing: border-box;
+ font-family: "Lucida Console", "monospace";
+ font-size: 14px;
+ box-sizing: border-box;
}
body {
- margin: 0px;
+ margin: 0px;
}
*, *:before, *:after {
- font-family: inherit;
- font-size: inherit;
- box-sizing: inherit;
+ font-family: inherit;
+ font-size: inherit;
+ box-sizing: inherit;
}
body {
@@ -74,7 +74,7 @@ nav ul li {
.boxed {
border-bottom: 1px dashed $border-color;
- width: 1024px;
+ max-width: 1024px;
margin: auto;
padding: 1em;
}
@@ -83,10 +83,34 @@ nav ul li {
.goatpr0n-wide {
display: none;
}
-}
-
-@media only screen and (min-width: 1024px) {
.goatpr0n-small {
+ display: block;
+ }
+ .goatpr0n-minimal {
display: none;
}
}
+
+@media only screen and (min-width: 1024px) {
+ .goatpr0n-wide {
+ display: block;
+ }
+ .goatpr0n-small {
+ display: none;
+ }
+ .goatpr0n-minimal {
+ display: none;
+ }
+}
+
+@media only screen and (max-width: 480px) {
+ .goatpr0n-small {
+ display: none;
+ }
+ .goatpr0n-wide {
+ display: none;
+ }
+ .goatpr0n-minimal {
+ display: block;
+ }
+}
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 75a66e2..e68c7fb 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -13,6 +13,10 @@
`'YMUP"YMM "YMMMMMP" YMM ""` MMM YMMMb MMMM "W" "YmmP MMM YYM"MM, YMM ""`MMMM "W"MMM M' "MMM
+