From 6376366a0cb57a1a28bf0656145eadab2dd4dd8b Mon Sep 17 00:00:00 2001
From: x <admin@f0ck.it>
Date: Wed, 7 May 2025 09:09:40 +0200
Subject: [PATCH] testing out critical css from kigo

---
 views/snippets/header.html | 3 +++
 1 file changed, 3 insertions(+)
diff --git a/views/snippets/header.html b/views/snippets/header.html
index 70148d5..f8e3dbb 100644
--- a/views/snippets/header.html
+++ b/views/snippets/header.html
@@ -3,6 +3,9 @@
 <head>
   <title>f0bm</title>
   <link rel="icon" type="image/gif" href="/s/img/favicon.png" />
+  <style>
+    .pagination>span{border-radius:3px;border:1px solid var(--black)}.pagination>span{border-radius:3px;border:1px solid var(--black)}.pagination>span{border-radius:3px;border:1px solid var(--black)}.pagination>span{border-radius:3px;border:1px solid var(--black)}.pagination>span{border-radius:3px;border:1px solid var(--black)}html[theme="atmos"]{--accent: #1fb2b0;--bg: #161618;--black: #000;--white: #fff;--gray: #262626;--nav-bg: rgb(32, 32, 32);--nav-brand-border: inset 1px #242424;--nav-brand-bg: #171717;--navigation-links-bg: rgb(32, 32, 32);--navigation-links-background-linear-gradient: rgba(0, 0, 0, .12), rgba(0, 0, 0, 0);--navigation-links-border-color: rgba(0, 0, 0, .8) rgba(0, 0, 0, .65) rgba(0, 0, 0, .5);--navigation-links-box-shadow: rgba(255, 255, 255, .05);--nav-link-background-linear-gradient: rgba(255, 255, 255, .04), rgba(255, 255, 255, 0);--nav-link-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .04), inset 0 0px rgba(255, 255, 255, .04), inset 0 0px rgba(0, 0, 0, .15), 0 0px 0px rgba(0, 0, 0, .1);--nav-link-hover-bg: #333;--nav-border-color: rgba(255, 255, 255, .05);--dropdown-bg: #232323;--dropdown-item-hover: #0d0d0d;--nav-brand-font: 'VCR';--font: monospace;--pagination-background: rgb(32, 32, 32);--pagination-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .04), inset 0 0px rgba(255, 255, 255, .04), inset 0 0px rgba(0, 0, 0, .15), 0 0px 0px rgba(0, 0, 0, .1);--pagination-anchor-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .04), inset 0 1px rgba(255, 255, 255, .04), inset 0 -1px rgba(0, 0, 0, .15), 0 1px 1px rgba(0, 0, 0, .1);--pagination-background-hover: #333;--pagination-border-color: rgba(0, 0, 0, .8) rgba(0, 0, 0, .65) rgba(0, 0, 0, .5);--metadata-bg: rgba(34, 34, 34, 0.8);--badge-bg: #131313;--posts-meta-bg: #000000b8;--badge-sfw: #68a728;--badge-nsfw: #a72828;--badge-tag: #353535;--scrollbar-color: #2b2b2b;--footbar-color: #1fb2b0;--loading-indicator-color: #1fb2b0;--img-border-width: 0;--img-border-color: #363636;--maximize_button: #1fb2b0;--bg-gradient: linear-gradient(0deg, rgba(0, 0, 0, 0.94) 0%, rgb(6, 6, 6) 10%, rgb(43, 43, 43) 100%);background:black}html[theme="atmos"] .pagination>a,.pagination>span{border-radius:3px;border:1px solid var(--black)}html[theme="atmos"] .pagination>span{border-radius:3px}.pagination>span{border-radius:3px;border:1px solid var(--black)}.pagination>span{border-radius:3px;border:1px solid var(--black)}body{color:var(--black)}.pagination>a,.pagination>span{border-radius:0;border-left:inset 1px silver;border-bottom:outset 1px silver;border-right:outset 1px silver;border-top:1px outset gray;box-shadow:var(--pagination-anchor-box-shadow);background-image:linear-gradient(to bottom,var(--nav-link-background-linear-gradient))}.pagination>span{color:black}.pagination>span{border-radius:0;border-left:inset 1px silver;border-bottom:outset 1px silver;border-right:outset 1px silver;border-top:1px outset gray}body{color:var(--white)}.pagination>a,.pagination>span{border-radius:0;border-left:inset 1px black;border-bottom:outset 1px black;border-right:outset 1px black;border-top:1px inset black}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color)}::-webkit-scrollbar-track{background-color:transparent}*,::before,::after{box-sizing:border-box;outline:0}@font-face{font-family:'VCR';src:url('/s/vcr.ttf') format('truetype')}html,body{background-color:var(--bg);background:var(--bg-gradient);color:var(--white);margin:0;font-family:var(--font);line-height:2;scrollbar-color:var(--scrollbar-color) transparent;scrollbar-width:thin;overscroll-behavior-y:contain;overflow:unset;font-size:14px;height:auto}a{color:var(--accent);text-decoration:none;display:inline-block}.btn.disabled{font-weight:bold;text-shadow:1px 1px 1px var(--black)}div.posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));justify-items:center;grid-gap:5px;margin:0;padding:0;margin-bottom:35px}div.posts>a{display:inline-block;position:relative;width:100%;background-repeat:no-repeat;background-size:cover;background-position:center}div.posts>a::before{content:"";display:block;margin-top:100%}div.posts>a::after{position:absolute;right:0;top:0;content:attr(data-mime);color:var(--accent);text-shadow:0px 1px var(--black);font-size:11px;background:var(--posts-meta-bg);visibility:hidden;width:100%;text-align:center;font-family:vcr;text-transform:uppercase}.navbar{position:sticky;top:0;padding:0;width:100%;z-index:3;font-family:var(--font);text-transform:uppercase;display:grid;grid-template-columns:auto 1fr 0fr;justify-content:start;border-bottom:1px solid var(--nav-border-color)}.navbar-brand{background:var(--nav-brand-bg);padding-right:5px;padding-left:5px}span.f0ck{font-family:var(--nav-brand-font);font-size:20px;text-shadow:1px 1px 1px var(--black),0px 0px 0px var(--green),-1px -1px 0px var(--black),1px -1px 0px var(--black),-1px 1px 0px var(--black),0px 0px 0px var(--green)}.navbar.navbar-expand-lg{background:var(--nav-bg)}.navbar-expand-lg .navbar-collapse{display:flex;flex-basis:auto}.navbar-collapse{flex-grow:1}#navbarSupportedContent{padding:0}.nav-link-identifier{width:100%}.nav-item{width:auto;white-space:nowrap;text-align:center}.nav-link{padding:0;padding-right:0;padding-left:0;display:flex;justify-content:center;min-width:17px;border:1px solid var(--black);border-radius:3px;background-image:linear-gradient(to bottom,var(--nav-link-background-linear-gradient));box-shadow:var(--nav-link-box-shadow)}.pagination>a,.pagination>span{padding-right:.5rem;padding-left:.5rem}.pagination>a,.pagination>span{margin-right:0px;margin-left:5px}.nav-link[data-toggle="dropdown"].ddcontent::after{content:"\00a0("attr(content) ")\00a0\25bc"}@media (max-width:444px){.pagination{justify-content:center!important}}@media (max-width:1240px){.nav-link[data-toggle="dropdown"]::after{content:""!important}}@media (max-width:768px){.navbar{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto!important;grid-template-areas:unset!important}.navbar-brand{grid-area:unset!important}#navbarSupportedContent{grid-row:3}}.navbar .nav-item .dropdown-menu{display:none}.dropdown{position:relative}.dropdown-menu{background:var(--dropdown-bg);position:absolute;top:100%;width:100%;z-index:1000;min-width:calc(100% - 10px);padding:0;margin:0;font-size:1rem;text-align:center;list-style:none;border-left:1px solid;border-right:1px solid;border-bottom:1px solid;border-color:var(--black)}.dropdown-menu a{width:100%;display:inline-block}@media (max-width:1056px){.navbar{display:grid;grid-template-rows:1fr 1fr;grid-template-areas:'f0ck f0ck f0ck'}.navbar-brand{grid-area:f0ck}.pagination-container-fluid{justify-content:center}.pagination{justify-content:flex-end!important}.pagination a:nth-last-child(2),.pagination a:nth-last-child(3),.pagination a:nth-child(2){display:none}html,body{text-align:center}}.pagination-wrapper{align-items:center;display:flex;background:var(--pagination-background);border:1px solid var(--pagination-border-color);width:100%}.pagination-container-fluid{display:flex;margin-left:0;width:100%;justify-content:flex-end}.pagination{display:flex;justify-content:space-around;width:100%;padding:5px;color:transparent}.pagination>a,.pagination>span{float:left;padding:0 5px;min-width:17px;font-size:14px;font-weight:500;color:var(--accent);text-align:center}.pagination>span{border:1px solid var(--accent)!important}.pagination :first-child{margin-left:0}.pagination>a{text-decoration:none;text-shadow:0 1px var(--black);background-clip:padding-box;box-shadow:var(--pagination-anchor-box-shadow);background-image:linear-gradient(to bottom,var(--nav-link-background-linear-gradient))}.pagination>span{color:var(--accent);text-shadow:0 -1px var(--black);box-shadow:var(--pagination-anchor-box-shadow);box-shadow:inset 0px -2px 0px var(--accent)}@media (max-width:999px){.dropdown-menu{position:absolute;left:0}.dropdown-menu li{white-space:normal;word-wrap:anywhere}}.index-container{width:100%;padding:5px}@media (max-width:999px){.index-container{padding-left:5px;padding-right:5px}}div.posts>a>p{height:100%;width:100%;position:absolute;bottom:calc(0px - 12px)}div.posts>a>p:before{content:"";position:absolute;right:0;bottom:-2px;height:10px;width:10px}div.posts>a[data-mode="sfw"]>p:before{background-color:#5cb85c}.navbar-nav-guests{width:100%;display:flex;flex-direction:column;padding:5px 0 5px 0;margin-bottom:0;list-style:none;margin:0;margin-right:0px;margin-left:0px;align-self:center;margin-left:.5rem;margin-right:.5rem}.navbar-expand-lg .navbar-nav-guests{flex-direction:row}ul.navbar-nav-guests li.nav-item{margin-right:.5rem}.navbar-expand-lg .navbar-nav-guests .nav-link,.pagination>a,.pagination>span{padding-right:.5rem;padding-left:.5rem}@media (max-width:768px){ul.navbar-nav-guests{display:grid!important;grid-template-columns:1fr 1fr;grid-gap:.25em;margin:0;padding:5px}ul.navbar-nav-guests li.nav-item{margin-right:unset}}.navigation-links-guest{justify-content:center;display:grid;grid-template-columns:1fr;align-content:center;width:100%}@media (max-width:799px){.navbar-expand-lg .navbar-nav-guests .nav-link,.pagination>a,.pagination>span{padding-right:2px;padding-left:2px}.pagination>a,.pagination>span{margin-right:2px;margin-left:2px}.pagination{justify-content:center!important}}div.posts a{animation:1s ease-out 0s 1 fadeInFX}@keyframes fadeInFX{0%{opacity:0}100%{opacity:1}}.navbar-brand{display:grid;grid-template-columns:1fr auto}.image-brand{width:5cm}.nav-link[data-toggle="dropdown"]::after{content:""!important}@media (max-width:1056px){html,body{text-align:left}}
+  </style>
   <link rel="stylesheet" href="/s/css/f0ck.css?v=@mtime(/public/s/css/f0ck.css)">
   <link rel="stylesheet" href="/s/css/w0bm.css?v=@mtime(/public/s/css/w0bm.css)">
   <meta charset="utf-8" />
