blog
/
hugo-theme-hax0r
1
1
Fork 1
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

handle even smaller screens

This commit is contained in:
jpk 2023-03-23 13:30:46 +01:00
parent 0d78601fd9
commit d8354d7f23
2 changed files with 39 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
assets/css/_base.scss
View File

@ -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;
}
}

4
layouts/partials/header.html
View File

@ -13,6 +13,10 @@
<span style="">&#160;&#160;&#160;`&#39;YMUP&quot;YMM&#160;&quot;YMMMMMP&quot;&#160;YMM&#160;&#160;&#160;&quot;&quot;`&#160;MMM&#160;&#160;&#160;&#160;&#160;&#160;YMMMb&#160;&#160;&#160;&#160;MMMM&#160;&#160;&#160;&quot;W&quot;&#160;&quot;YmmP&#160;MMM&#160;&#160;&#160;&#160;&#160;YYM&quot;MM,&#160;&#160;YMM&#160;&#160;&#160;&quot;&quot;`MMMM&#160;&#160;&#160;&quot;W&quot;MMM&#160;&#160;M&#39;&#160;&#160;&quot;MMM</span><br />
</div>
<div class="goatpr0n-minimal boxed" style="font-family: monospace, fixed; font-weight: bold;">
<span>GoatPr0n.farm</span>
</div>
<div id="nav-border" class="container boxed">
<nav id="nav" class="nav justify-content-center">
{{ partial "menu.html" (dict "menuID" "main" "page" .) }}