2022-10-22 23:40:03 +00:00
38 changed files with 562 additions and 1790 deletions
--- a/public/s/css/f0ck.css
+++ b/public/s/css/f0ck.css
@@ -474,12 +474,6 @@ html, body {
  overscroll-behavior-y: contain;
  overflow: overlay;
  font-size: 14px;
-  height: 100%;
-}
-@supports (-moz-appearance:none) {
-  html, body {
-    height: auto !important;
-  }
 }

 .noscript-badge {
@@ -577,10 +571,10 @@ div#posts > a:hover::after {
 }

 .navbar {
-  position: -webkit-sticky;
-  position: sticky;
+  position: fixed;
  top: 0;
  padding: 0;
+  width: 100%;
  z-index: 3;
  font-family: var(--font);
  text-transform: uppercase;
@@ -692,6 +686,10 @@ span.f0ck {
  visibility: hidden;
 }

+div#main {
+  margin-top: 40px;
+}
+
@media (max-width: 444px) {
  .mandy {
    position: fixed;
@@ -830,6 +828,10 @@ span.placeholder {
    grid-template-areas: 'f0ck f0ck f0ck';
  }

+  div#main {
+    margin-top: 99px;
+  }
+
  .navbar-brand {
    grid-area: f0ck;
  }
@@ -1303,6 +1305,9 @@ span#tags:empty {
  .embed-responsive-16by9::before {
    padding-top: 100%;
  }
+  div#main {
+    margin-top: 118px;
+  }
 }

@media(max-width: 555px) {
@@ -1830,4 +1835,4 @@ table img {
   .mview_desc {
    visibility: visible;
  }
-}
+}
--- a/views/snippets/footer.html
+++ b/views/snippets/footer.html
@@ -1,4 +1,5 @@
  @if(session)<!--<div style="position: fixed; bottom: 0; z-index: 998; background-color: var(--bg); width: 100%; height: 29px; border-top: 1px solid var(--accent)">{{ JSON.stringify(session) }}</div>-->@endif
+  </div>
  <script async src="/s/js/theme.js?v=@mtime(/public/s/js/theme.js)"></script>
  <script src="/s/js/v0ck.js?v=@mtime(/public/s/js/v0ck.js)"></script>
  <script src="/s/js/f0ck.js?v=@mtime(/public/s/js/f0ck.js)"></script>
--- a/views/snippets/header.html
+++ b/views/snippets/header.html
@@ -12,3 +12,4 @@
 </head>
 <body>
  @include(snippets/navbar)
+  <div id="main">