debug/thumbnailer.mjs

@@ -19,7 +19,7 @@ let items;
 if(_itemid > 0)
   items = await sql('items').where('id', _itemid);
 else
-  items = await sql('items').orderBy('id', 'asc').where('src', 'like', '%soundcloud%').where('mime', 'like', 'audio/%');
+  items = await sql`select id, dest, mime, src from "items"`;
 let count = 1;
 let total = items.length;
 
@@ -32,7 +32,7 @@ for(let item of items) {
     if(mime.startsWith('video/') || mime == 'image/gif')
       await exec(`ffmpegthumbnailer -i./public/b/${filename} -s1024 -o./tmp/${itemid}.png`);
     else if(mime.startsWith('image/') && mime != 'image/gif')
-      await exec(`convert ./public/b/${filename} ./tmp/${itemid}.png`);
+      await exec(`magick ./public/b/${filename} ./tmp/${itemid}.png`);
     else if(mime.startsWith('audio/')) {
       if(link.match(/soundcloud/)) {
         let cover = (await exec(`yt-dlp --get-thumbnail "${link}"`)).stdout.trim();
@@ -42,8 +42,8 @@ for(let item of items) {
             await exec(`wget "${cover}" -O ./tmp/${itemid}.jpg`);
             const size = (await fs.promises.stat(`./tmp/${itemid}.jpg`)).size;
             if(size >= 0) {
-              await exec(`convert ./tmp/${itemid}.jpg ./tmp/${itemid}.png`);
-              await exec(`convert ./tmp/${itemid}.jpg ./public/ca/${itemid}.webp`);
+              await exec(`magick ./tmp/${itemid}.jpg ./tmp/${itemid}.png`);
+              await exec(`magick ./tmp/${itemid}.jpg ./public/ca/${itemid}.webp`);
             }
           } catch(err) {
             //console.log(err);
@@ -51,21 +51,21 @@ for(let item of items) {
         }
         else {
           await exec(`ffmpeg -i ./public/b/${filename} -update 1 -map 0:v -map 0:1 -c copy ./tmp/${itemid}.png`);
-          await exec(`convert ./tmp/${itemid}.png ./public/ca/${itemid}.webp`);
+          await exec(`magick ./tmp/${itemid}.png ./public/ca/${itemid}.webp`);
         }
       }
       else {
         await exec(`ffmpeg -i ./public/b/${filename} -update 1 -map 0:v -map 0:1 -c copy ./tmp/${itemid}.png`);
-        await exec(`convert ./tmp/${itemid}.png ./public/ca/${itemid}.webp`);
+        await exec(`magick ./tmp/${itemid}.png ./public/ca/${itemid}.webp`);
       }
     }
 
-    await exec(`convert "./tmp/${itemid}.png" -resize "128x128^" -gravity center -crop 128x128+0+0 +repage ./public/t/${itemid}.webp`);
+    await exec(`magick "./tmp/${itemid}.png" -resize "128x128^" -gravity center -crop 128x128+0+0 +repage ./public/t/${itemid}.webp`);
     await fs.promises.unlink(`./tmp/${itemid}.png`).catch(err => {});
     await fs.promises.unlink(`./tmp/${itemid}.jpg`).catch(err => {});
   } catch(err) {
     //console.log(err);
-    await exec(`convert ./mugge.png ./public/t/${itemid}.webp`);
+    await exec(`magick ./mugge.png ./public/t/${itemid}.webp`);
   }
   console.log(`current: ${itemid} (${count} / ${total})`);
   count++;
@@ -76,7 +76,7 @@ for(let item of items) {
     const itemid = item.id;
     const filename = item.dest;
     await exec(`ffmpegthumbnailer -i./public/b/${filename} -s1024 -o./debug/tmp/${itemid}`);
-    await exec(`convert "./debug/tmp/${itemid}" -resize "128x128^" -gravity center -crop 128x128+0+0 +repage ./public/t/${itemid}.png`);
+    await exec(`magick "./debug/tmp/${itemid}" -resize "128x128^" -gravity center -crop 128x128+0+0 +repage ./public/t/${itemid}.png`);
     await fs.unlink(`./debug/tmp/${itemid}`);
     console.log(`current: ${itemid} (${count} / ${total})`);
   } catch(err) {}

f0ck.sql

@@ -17,13 +17,13 @@ SET client_min_messages = warning;
 SET row_security = off;
 
 --
--- Name: public; Type: SCHEMA; Schema: -; Owner: postgres
+-- Name: public; Type: SCHEMA; Schema: -; Owner: f0ck
 --
 
 -- *not* creating schema, since initdb creates it
 
 
-ALTER SCHEMA public OWNER TO postgres;
+ALTER SCHEMA public OWNER TO f0ck;
 
 --
 -- Name: unaccent; Type: EXTENSION; Schema: -; Owner: -
@@ -664,7 +664,7 @@ ALTER TABLE ONLY public.user_sessions
 CREATE PUBLICATION alltables FOR ALL TABLES WITH (publish = 'insert, update, delete, truncate');
 
 
-ALTER PUBLICATION alltables OWNER TO postgres;
+ALTER PUBLICATION alltables OWNER TO f0ck;
 
 --
 -- Name: SCHEMA public; Type: ACL; Schema: -; Owner: postgres

public/s/css/f0ck.css

@@ -72,7 +72,7 @@ html[theme='p1nk'] {
   --black: #000;
   --white: #fff;
   --gray: #262626;
-  --nav-bg: #2b2b2b;
+  --nav-bg: #201f1f;
   --nav-brand-border: inset 1px #242424;
   --nav-brand-bg: #171717;
   --navigation-links-bg: #201f1f;
@@ -494,7 +494,7 @@ html[theme="atmos"] {
   --posts-meta-bg: #000000b8;
   --badge-sfw: #68a728;
   --badge-nsfw: #a72828;
-  --badge-tag: #090909;
+  --badge-tag: #353535;
   --scrollbar-color: #2b2b2b;
   --footbar-color: #1fb2b0;
   --loading-indicator-color: #1fb2b0;
@@ -1618,9 +1618,10 @@ span.placeholder {
 }
 
 @media (max-width: 1325px) {
-  .ranking {
+/* ranking page - idea */
+  /* .ranking {
     grid-template-columns: 1fr 1fr !important;
-  }
+  } */
 
   .by-user,
   .by-stats,
@@ -2401,7 +2402,7 @@ table.table tbody tr:nth-of-type(odd) {
 .ranking {
   display: grid;
   grid-template-columns: auto;
-  justify-content: center;
+  /* justify-content: center; */
 }
 
 .ranking div {
@@ -2414,15 +2415,15 @@ table.table tbody tr:nth-of-type(odd) {
 }
 
 .by-user {
-  grid-column: 1;
+  grid-row: 1;
 }
 
 .by-stats {
-  grid-column: 3;
+  grid-row: 3;
 }
 
 .by-hoster {
-  grid-column: 2;
+  grid-row: 2;
 }
 
 /* tags */
@@ -3015,4 +3016,8 @@ input#s_avatar {
 
 #s_avatar:hover {
   background: #ffffff0f;
+}
+.theforceofthree {
+  display: grid;
+  grid-template-columns: 0.4fr 1fr 0.4fr;
 }

public/s/css/w0bm.css

@@ -0,0 +1,151 @@
+.navbar-brand {
+    display: grid;
+    grid-template-columns: 1fr auto;
+}
+
+.image-brand {
+    width: 5cm;
+}
+
+.kontrollelement {
+    grid-column: 2;
+}
+
+.metadata {
+    grid-template-columns: 0.4fr auto 0.4fr;
+    grid-template-rows: auto 1fr;
+    background-color: transparent !important;
+    border: none !important;
+}
+
+html[theme="f0ck95d"] .badge-dark {
+    border: none;
+    background-image: none;
+    box-shadow: none;
+}
+
+.steuerung {
+    font-size:x-large;
+    font-family: monospace;
+}
+
+.steuerung a {
+    color: white;
+}
+
+.blahlol {
+    grid-column: 2;
+}
+
+span#favs {
+    background: transparent !important;
+    border: none !important;
+}
+
+.badge-dark, #themeselector {
+    background-color: unset;
+    border: unset;
+}
+
+._204863 {
+    background: none;
+    border: none;
+    background-color: none;
+}
+
+html[theme="iced"] ._204863 {
+    background: none;
+  }
+
+.media-object {
+    border: none;
+}
+
+.v0ck {
+    background: transparent !important;
+}
+
+.v0ck_overlay {
+    background-color: transparent;
+}
+
+/* .wrapper {
+    height: 100%;
+    display: grid;
+    justify-content: right;
+    grid-template-columns: 1fr;
+    grid-template-rows: auto auto auto;
+    width: 100%;
+    background: #14755e0a;
+    position: fixed;
+  }
+
+#main {
+    grid-row: 2;
+} */
+
+
+html[theme="term"] .image-brand {
+  filter: hue-rotate(-50deg);
+}
+
+html[theme="f0ck"]  .image-brand {
+  filter: hue-rotate(-50deg);
+}
+
+html[theme="p1nk"] .image-brand {
+  filter: hue-rotate(150deg);
+}
+
+html[theme="orange"] .image-brand {
+  filter: hue-rotate(-160deg);
+}
+
+.v0ck_overlay {
+  background-color: none !important;
+}
+
+.tags {
+  display: grid;
+}
+
+@media (min-width: 600px) {
+  .tags { grid-template-columns: repeat(2, 1fr); }
+}
+
+@media (min-width: 900px) {
+  .tags { grid-template-columns: repeat(3, 1fr); }
+}
+
+.tag {
+  box-shadow: 1px 1px 1px black;
+  display: grid;
+  grid-template-rows: auto;
+  grid-template-columns: 1fr auto;
+  margin: 10px;
+  margin-right: 10px;
+}
+
+.navigation-rechts {
+  display: flex;
+}
+
+.about {
+  background: none!important;
+}
+
+.login-image {
+  width: 300px;
+}
+
+.tos {
+  margin: 2em;
+}
+
+.nav-link[data-toggle="dropdown"]::after {
+  content: "" !important;
+}
+
+.dropdown-menu.shii {
+  width: auto;
+}

public/s/js/theme.js

@@ -15,7 +15,7 @@ const Cookie = {
 };
 
 (() => {
-  const acttheme = Cookie.get('theme') ?? "f0ck";
+  const acttheme = Cookie.get('theme') ?? "w0bm";
   const themecontainer = document.querySelector("li#themes > ul.dropdown-menu");
   const themes = [...themecontainer.querySelectorAll("li > a")].map(t => t.innerText.toLowerCase());
   if(acttheme !== document.documentElement.getAttribute("theme") && themes.includes(acttheme))
@@ -32,7 +32,7 @@ const Cookie = {
   document.addEventListener("keydown", e => {
     if(e.target.tagName === "INPUT")
       return;
-    const acttheme = Cookie.get('theme') ?? "f0ck";
+    const acttheme = Cookie.get('theme') ?? "w0bm";
     const themes = [...themecontainer.querySelectorAll("li > a")].map(t => t.innerText.toLowerCase());
     const k = e.key;
     if(k === "t") {

src/inc/lib.mjs

@@ -221,14 +221,14 @@ export default new class {
     return next();
   };
 
-  async loggedin(req, res, next) {
-    if(!req.session) {
-      return res.reply({
-        code: 401,
-        body: "401 - Unauthorized"
-      });
-    }
-    return next();
+   async loggedin(req, res, next) {
+     if(!req.session) {
+       return res.reply({
+         code: 401,
+         body: "401 - Unauthorized"
+       });
+     }
+     return next();
   };
 
 };

src/inc/queue.mjs

@@ -62,7 +62,7 @@ export default new class queue {
     if(mime.startsWith('video/') || mime == 'image/gif')
       await this.exec(`ffmpegthumbnailer -i./public/b/${filename} -s1024 -o./tmp/${itemid}.png`);
     else if(mime.startsWith('image/') && mime != 'image/gif')
-      await this.exec(`convert "./public/b/${filename}[0]" ./tmp/${itemid}.png`);
+      await this.exec(`magick "./public/b/${filename}[0]" ./tmp/${itemid}.png`);
     else if(mime.startsWith('audio/')) {
       if(link.match(/soundcloud/)) {
         let cover = (await this.exec(`yt-dlp -f 'bv*[height<=720]+ba/b[height<=720] / wv*+ba/w' --get-thumbnail "${link}"`)).stdout.trim();
@@ -72,23 +72,23 @@ export default new class queue {
             await this.exec(`wget "${cover}" -O ./tmp/${itemid}.jpg`);
             const size = (await fs.promises.stat(`./tmp/${itemid}.jpg`)).size;
             if(size >= 0) {
-              await this.exec(`convert ./tmp/${itemid}.jpg ./tmp/${itemid}.png`);
-              await this.exec(`convert ./tmp/${itemid}.jpg ./public/ca/${itemid}.webp`);
+              await this.exec(`magick ./tmp/${itemid}.jpg ./tmp/${itemid}.png`);
+              await this.exec(`magick ./tmp/${itemid}.jpg ./public/ca/${itemid}.webp`);
             }
           } catch(err) {}
         }
         else {
           await this.exec(`ffmpeg -i ./public/b/${filename} -update 1 -map 0:v -map 0:1 -c copy ./tmp/${itemid}.png`);
-          await this.exec(`convert ./tmp/${itemid}.png ./public/ca/${itemid}.webp`);
+          await this.exec(`magick ./tmp/${itemid}.png ./public/ca/${itemid}.webp`);
         }
       }
       else {
         await this.exec(`ffmpeg -i ./public/b/${filename} -update 1 -map 0:v -map 0:1 -c copy ./tmp/${itemid}.png`);
-        await this.exec(`convert ./tmp/${itemid}.png ./public/ca/${itemid}.webp`);
+        await this.exec(`magick ./tmp/${itemid}.png ./public/ca/${itemid}.webp`);
       }
     }
 
-    await this.exec(`convert "./tmp/${itemid}.png" -resize "128x128^" -gravity center -crop 128x128+0+0 +repage ./public/t/${itemid}.webp`);
+    await this.exec(`magick "./tmp/${itemid}.png" -resize "128x128^" -gravity center -crop 128x128+0+0 +repage ./public/t/${itemid}.webp`);
     await fs.promises.unlink(`./tmp/${itemid}.png`).catch(_=>{});
     await fs.promises.unlink(`./tmp/${itemid}.jpg`).catch(_=>{});
     return true;

src/inc/routeinc/f0cklib.mjs

@@ -166,7 +166,7 @@ export default {
       success: true,
       user: {
         name: actitem.username,
-        channel: actitem.usernetwork == "Telegram" && actitem.userchannel !== "f0ck.me" ? "anonymous" : actitem.userchannel,
+        channel: actitem.usernetwork == "Telegram" && actitem.userchannel !== "w0bm.com" ? "anonymous" : actitem.userchannel,
         network: actitem.usernetwork
       },
       item: {
@@ -187,7 +187,7 @@ export default {
         favorites: favorites,
         tags: tags
       },
-      title: `${actitem.id} - f0ck.me`,
+      title: `${actitem.id} - w0bm.com`,
       pagination: {
         end: items[items.length - 1]?.id,
         start: items[0]?.id,

src/inc/routes/index.mjs

@@ -111,6 +111,12 @@ export default (router, tpl) => {
     });
   });
 
+  router.get(/^\/(terms)$/, (req, res) => {
+    res.reply({
+      body: tpl.render(req.url.split[0], { tmp: null }, req)
+    });
+  });
+
   router.get(/^\/mode\/(\d)/, lib.loggedin, async (req, res) => {
     const mode = +req.url.split[1];
     let referertmp = req.headers.referer;

src/inc/routes/random.mjs

@@ -1,4 +1,5 @@
 import cfg from "../../inc/config.mjs";
+import lib from "../lib.mjs";
 import f0cklib from "../routeinc/f0cklib.mjs";
 
 export default (router, tpl) => {
@@ -8,7 +9,9 @@ export default (router, tpl) => {
 
     if(referer.match(new RegExp(cfg.main.url.regex))) { // parse referer
       referer = referer.split(cfg.main.url.domain)[1];
+      console.log("referer: ", referer);
       const tmp = referer.match(/^\/?(?:\/tag\/(?<tag>.+?))?(?:\/user\/(?<user>.+?)\/(?<mode>f0cks|favs))?(?:\/(?<mime>image|audio|video))?(?:\/p\/(?<page>\d+))?(?:\/(?<itemid>\d+))?$/);
+      console.log("tmp: ", tmp);
       if(tmp)
         opts = tmp.groups;
     }
@@ -22,6 +25,8 @@ export default (router, tpl) => {
       mode: req.session.mode,
       session: !!req.session
     });
+    
+    console.log("data", data);
 
     if(!data.success) {
       return res.reply({
@@ -33,7 +38,7 @@ export default (router, tpl) => {
       });
     }
 
-    res.redirect(`${data.link.main}${data.link.path}${data.itemid}`);
+    res.redirect(encodeURI(`${data.link.main}${data.link.path}${data.itemid}`));
   });
   return router;
 };

src/inc/routes/toptags.mjs

@@ -0,0 +1,30 @@
+import db from "../../inc/sql.mjs";
+import cfg from "../../inc/config.mjs";
+import lib from "../../inc/lib.mjs";
+import f0cklib from "../routeinc/f0cklib.mjs";
+
+export default (router, tpl) => {
+  router.get(/^\/tags$/,lib.loggedin, async (req, res) => {
+
+    const phrase = cfg.websrv.phrases[~~(Math.random() * cfg.websrv.phrases.length)];
+
+    const toptags = await db`
+      SELECT t.id, t.tag, COUNT(DISTINCT ta.item_id) AS total_items
+      FROM tags t
+      LEFT JOIN tags_assign ta ON t.id = ta.tag_id
+      GROUP BY t.id, t.tag
+      ORDER BY total_items DESC
+      LIMIT 500
+      ;
+    `;
+
+    res.reply({
+      body: tpl.render('tags', {
+        toptags,
+        phrase,
+        tmp: null
+      }, req)
+    });
+  });
+  return router;
+};

src/inc/trigger/parser.mjs

@@ -247,7 +247,7 @@ export default async bot => {
         try {
           await queue.genThumbnail(filename, mime, itemid, link);
         } catch(err) {
-          await queue.exec(`convert ./mugge.png ./public/t/${itemid}.webp`);
+          await queue.exec(`magick ./mugge.png ./public/t/${itemid}.webp`);
         }
 
         let speed = lib.calcSpeed(size, end);

src/index.mjs

@@ -66,7 +66,7 @@ process.on('unhandledRejection', err => {
     req.session = false;
     if(req.url.pathname.match(/^\/(s|b|t|ca)\//))
       return;
-    req.theme = req.cookies.theme || 'f0ck';
+    req.theme = req.cookies.theme || 'atmos';
     req.fullscreen = req.cookies.fullscreen || 0;
 
     if(req.cookies.session) {

views/about.html

@@ -1,51 +1,11 @@
 @include(snippets/header)
 <div id="main">
-  <div class="about">
-    <div>
-      <a href="//f0ck.me/48908"><img src="//f0ck.me/s/img/loool.webp" /></a>
-      <p>thanks to our turkish fellow lol@n0xy/#f0ck for this gif &lt;3</p>
-    </div>
-    <h5>f0ck Contact</h5>
-    <p>Whatever it is, we might have a answer, even though it might not be the one you were looking for: <a href="mailto:admin@f0ck.me">admin@f0ck.me</a></p>
-    <h5>About f0ck</h5>
-    <p>f0ck is your friendly IRC shitposting bot, it's built for catching urls that are passed to it and displays the content of passed urls on a simple and accessible web gallery reachable at <a href="/">f0ck.me</a></p>
-    <h5>WTF is a f0ck?</h5>
-    <p>A f0ck is basically giving a fuck about some internet bullshit, like stupid images, videos and so on, but also for great things like good music taste and shit, it's basically "a f0ck was given" and f0ck and it's users gave a lot of f0cks over the past years, it's not hard to finally start giving a damn f0ck about something, just f0ck it dood!</p>
-    <h5>Where to f0ck?</h5>
-    <h4>#f0ck on n0xy.net</h4>
-    <p>You can invite f0ck to your channel on the following supported networks by simply typing<br><code>/invite f0ck</code></p>
-    <ul>
-      <li><a href="https://n0xy.net">n0xy.net</a></li>
-      <li><a href="https://www.rizon.net/">rizon.net</a></li>
-      <li><a href="https://libera.chat/">libera.chat</a></li>
-    </ul>
-    <p>To start f0cking the shit out of something simply add a <code>!f0ck</code> behind the url you want to f0ck, that's it</p>
-    <p>#f0ck specific: to have f0ck ignore a link add <code>!ignore</code> at the end <br>Example: <a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ" target="_blank">https://www.youtube.com/watch?v=dQw4w9WgXcQ</a> !ignore</p>
-    <p>f0ck supports a variety of websites, in fact all websites supported by <code>yt-dlp</code> are supported by f0ck aswell!</p>
-    <h5>f0ck Rules</h5>
-    <ul>
-      <li>You must be 18 years or older to visit or post</li>
-      <li>You shall not post animal cruelty, we like our animals alive and well, living a happy life until they are ready for our Schnitzel!</li>
-      <li>You shall not post under <b>ANY</b> circumstances: Snuff, Beastiality, Rape, Terrorist stuff (Beheadings, First person shootings, warcrimes), Childporn, Childmodeling</li>
-    </ul>
-    <h5>f0cked up?</h5>
-    <p>To have something removed in case you accidentally f0cked something that actually shouldn't be f0cked you can always contact the admins either via IRC or Email</p>
-    <ul>
-      <li>irc.n0xy.net #f0ck</li>
-      <li>admin@f0ck.me</li>
-    </ul>
-    <h5>Compatibility</h5>
-    <p>f0ck is developed and tested for Firefox and Chromium in their latest versions</p>
-    <p>If you encounter bugs please report them so we can fix them.</p>
-    <p>Microsoft Edgy is not actively supported, but if it werks, great! Same for anything apple related.</p>
-    <h5>Tinfoil f0ckers listen!</h5>
-    <p>f0ck onions and moons, but fockulite!</p>
-    <p>http://fockmoonsb24iczs7odozzy5uktlzbcgp337nabrgffzxv5ihabgpvyd.onion</p>
-    <p>http://fockulite74atso2xsxxw6q2gzqrgck572tiwvkyf5vdxictjn2vmlyd.onion</p>
-    <p>f0ck is completely functional without javascript enabled, you can be the beardiest neckbeard of all, we got you m'gentleman, if you want to use a custom theme you gotta allow our style cookie.</p>
-    <h5>f0ck Privacy?</h5>
-    <p>Cookies: Yes, we set 1 cookie for your prefered stylesheet, this is a optional cookie and not required for the site to function, simply cosmetics, you can block this cookie and the site will still work as intended and will default to the default f0ck theme called "f0ck"</p>
-    <p>Logs: We do not log users accessing our website.</p>
-  </div>
+<div class="about">
+    <p>I invite you to enjoy some randomness</p>
+    <p>f0bm</p>
+    <img src="/s/img/cockfag.png" alt="">
+    <p>mail: admin@w0bm.com</p>
+    <a href="/terms">Terms Of Service</a>
+</div>
 </div>
 @include(snippets/footer)

views/item.html

@@ -2,14 +2,11 @@
 <canvas class="hidden-xs" id="bg"></canvas>
 <div class="wrapper">
   <div id="main">
+
     <div class="container">
       <div class="_204863">
-        <div class="imageDoor" style="--hover-image: url('/t/{{ item.id }}.webp');">
-          <img src="/t/{{ item.id }}.webp" alt="" />
-        </div>
-        <div class="gapLeft">
-          <span class="populateME"><b>f0ck</b> - {{ item.id }}</span>
-        </div>
+        <div class="imageDoor"></div>
+        <div class="gapLeft"></div>
         @if(session)
         <div class="gapRight">
           <svg class="iconset" id="a_favo"><use href="/s/img/iconset.svg#heart_{{ Object.values(item.favorites).filter(u => u.user == session.user)[0] ? 'solid' : 'regular' }}"></use></svg>
@@ -36,7 +33,7 @@
             <video id="my-video" class="embed-responsive-item" width="640" height="360" src="{{ item.dest }}" preload="auto" autoplay controls loop playsinline></video>
           </div>
           @elseif(item.mime.startsWith("audio"))
-          <div class="embed-responsive embed-responsive-16by9" style="background: url('@if(item.coverart)//f0ck.me{{ item.coverart }}@else/s/img/200.gif@endif') no-repeat center / contain black;">
+          <div class="embed-responsive embed-responsive-16by9" style="background: url('@if(item.coverart)//w0bm.com{{ item.coverart }}@else/s/img/200.gif@endif') no-repeat center / contain black;">
             <audio id="my-video" class="embed-responsive-item" autoplay controls loop src="{{ item.dest }}" data-setup="{}" poster="@if(item.coverart){{ item.coverart }}@else/s/img/200.gif@endif" type="{{ item.mime }}"></audio>
           </div>
           @elseif(item.mime.startsWith("image"))
@@ -62,23 +59,39 @@
         </div>
       </div>
       <div class="metadata">
-        <span class="badge badge-dark">
+        <div class="kontrollelement">
+          <div class="einheit">
+              @if(typeof pagination !== "undefined")
+              <nav class="steuerung">
+                  @if(pagination.prev)
+                    <a id="" href="{{ link.main }}{{ pagination.prev }}">← next</a>
+                  @else
+                    <a id="" href="#" style="visibility: hidden">← next</a>
+                  @endif
+                  <span>|</span>
+                  <a id="random" class="" href="/random">
+                    <span>random</span>
+                  </a>
+                  <span>
+                    |
+                  </span>
+                  @if(pagination.next)
+                    <a id="" href="{{ link.main }}{{ pagination.next }}">prev →</a>
+                  @else
+                    <a id="" href="#" style="visibility: hidden">prev →</a>
+                  @endif     
+              </nav>
+              @endif
+          </div>
+        </div>
+        <div class="blahlol">
+                  <span class="badge badge-dark">
           <a href="/{{ item.id }}" class="id-link">{{ item.id }}</a>
           @if(session)
           (<a id="a_username" href="/user/{{ user.name.toLowerCase() }}/f0cks@if(tmp.mime)/{{ tmp.mime }}@endif">{{ user.name }}</a>) 
           @endif
         </span>
-        <span class="badge badge-dark">{{ user.network }} / {{ user.channel }}</span>
-        <span class="badge badge-dark image-source">
-          @if(item.src.long.length)
-          <a href="{{ item.src.long }}" target="_blank">{{ item.src.short }}</a>
-          @else
-          hidden
-          @endif
-        </span>
-        <span class="badge badge-dark"><a class="dest-link" href="{{ item.dest }}" target="_blank">{{ item.mime }}</a> / {{ item.size }}</span>
         <span class="badge badge-dark"><time class="timeago" tooltip="{{ item.timestamp.timefull }}">{{ item.timestamp.timeago }}</time></span>
-        <span class="badge badge-dark">{{ phrase }}</span>
         <span class="badge badge-dark" id="tags">
         @if(typeof item.tags !== "undefined")
           @each(item.tags as tag)
@@ -99,8 +112,10 @@
         @endeach
         @endif
         </span>
+        </div>
       </div>
     </div>
+    
   </div>
 </div>
 @include(snippets/footer)

views/login.html

@@ -3,12 +3,12 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <title>f0ck login</title>
+    <title>login</title>
     <link href="/s/css/f0ck.css" rel="stylesheet" />
   </head>
   <body type="login">
     <form class="login-form" method="post" action="/login">
-      <p><a href="/"><img src="/s/img/f0ck_small.png" /></a></p>
+      <img class="login-image" src="/s/img/w0bm_mosh_banner_by_marderchen.gif" alt="">
       <input type="text" name="username" placeholder="username" autocomplete="off" required />
       <input type="password" name="password" placeholder="password" autocomplete="off" required />
       <p><input type="checkbox" id="kmsi" name="kmsi" /> <label for="kmsi">stay signed in</label></p>

views/ranking.html

@@ -1,51 +1,63 @@
 @include(snippets/header)
 <div id="main">
   <div class="topf0ckers">
-    <h3>Top f0ckers of all time <br>- Ranking -</h3>
+    <h3>f0ck Rankings?</h3>
   </div>
-  <div class="ranking">
-    <div class="by-user">
-      <h3>Biggest taggers</h3>
-      <table class="table">
-        <tbody>
-        @for(let i = 0; i < list.length; i++)
+  <div class="theforceofthree">
+    <div class="triin">
+    </div>
+    <div class="ranking">
+      <div class="by-user">
+        <h3>Biggest taggers</h3>
+        <table class="table">
           <tr>
-            <td>{{ i + 1 }}</td>
-            <td><a href="/{{ list[i].avatar }}"><img class="avatar" src="/t/{{ list[i].avatar }}.webp"></a></td>
-            <td>@if(list[i].admin)&#11088;&nbsp;@endif<a href="/user/{!! list[i].user !!}">{!! list[i].user !!}</a></td>
-            <td>{{ list[i].count }}</td>
+            <th>Rank</th>
+            <th>Avatar</th>
+            <th>Username</th>
+            <th>Tagged</th>
           </tr>
-        @endfor
-        </tbody>
-      </table>
-    </div>
-    <div class="by-hoster">
-      <h3>Top {{ hoster.length }} hoster</h3>
-      <table class="table">
-        @each(hoster as host)
-        <tr><td>{{ host.part.length ? host.part : "Telegram" }}</td><td>{{ host.c }}</td></tr>
-        @endeach
-      </table>
-    </div>
-    <div class="by-stats">
-      <h3>Tag stats</h3>
-      <table class="table">
-        <tr><td>total</td><td>{{ stats.total }}</td></tr>
-        <tr><td>tagged</td><td>{{ stats.tagged }}</td></tr>
-        <tr><td>untagged</td><td>{{ stats.untagged }}</td></tr>
-        <tr><td>SFW</td><td>{{ stats.sfw }}</td></tr>
-        <tr><td>NSFW</td><td>{{ stats.nsfw }}</td></tr>
-        <tr><td>deleted</td><td>{{ stats.deleted }}</td></tr>
-        <tr><td>missing ids</td><td>{{ stats.untracked }}</td></tr>
-      </table>
+          <tbody>
+          @for(let i = 0; i < list.length; i++)
+            <tr>
+              <td>{{ i + 1 }}</td>
+              <td><a href="/{{ list[i].avatar }}"><img class="avatar" src="/t/{{ list[i].avatar }}.webp"></a></td>
+              <td>@if(list[i].admin)&#11088;&nbsp;@endif<a href="/user/{!! list[i].user !!}">{!! list[i].user !!}</a></td>
+              <td>{{ list[i].count }}</td>
+            </tr>
+          @endfor
+          </tbody>
+        </table>
+      </div>
+      <div class="by-hoster">
+        <h3>Top {{ hoster.length }} hoster</h3>
+        <table class="table">
+          @each(hoster as host)
+          <tr><td>{{ host.part.length ? host.part : "Telegram" }}</td><td>{{ host.c }}</td></tr>
+          @endeach
+        </table>
+      </div>
+      <div class="by-stats">
+        <h3>Tag stats</h3>
+        <table class="table">
+          <tr><td>total</td><td>{{ stats.total }}</td></tr>
+          <tr><td>tagged</td><td>{{ stats.tagged }}</td></tr>
+          <tr><td>untagged</td><td>{{ stats.untagged }}</td></tr>
+          <tr><td>SFW</td><td>{{ stats.sfw }}</td></tr>
+          <tr><td>NSFW</td><td>{{ stats.nsfw }}</td></tr>
+          <tr><td>deleted</td><td>{{ stats.deleted }}</td></tr>
+          <tr><td>missing ids</td><td>{{ stats.untracked }}</td></tr>
+        </table>
 
-      <h3>Top f0cks</h3>
-      <table class="table">
-        @each(favotop as favo)
-        <tr><td><a href="/{{ favo.item_id }}">{{ favo.item_id }}</a></td><td>{{ favo.favs }}</td></tr>
-        @endeach
-      </table>
+        <h3>Top f0cks</h3>
+        <table class="table">
+          @each(favotop as favo)
+          <tr><td><a href="/{{ favo.item_id }}">{{ favo.item_id }}</a></td><td>{{ favo.favs }}</td></tr>
+          @endeach
+        </table>
+      </div>
     </div>
-  </div>
+    <div class="triout">
+    </div>
+</div>
 </div>
 @include(snippets/footer)

views/search.html

@@ -2,13 +2,7 @@
 <div id="main">
   <div class="f0ckgle">
     <div class="search-title">
-        <span style="color:#4285F4;">f</span>
-        <span style="color:#EA4335;">0</span>
-        <span style="color:#FBBC05;">c</span>
-        <span style="color:#4285F4;">k</span>
-        <span style="color:#34A853;">g</span>
-        <span style="color:#EA4335;">l</span>
-        <span style="color:#4285F4;">e</span>
+      <span>search</span>
     </div>
     <form action="/search" class="admin-search">
       <input type="text" name="tag" value="{!! searchstring || '' !!}" /><button type="submit">🔍</button>

views/snippets/header.html

@@ -1,14 +1,15 @@
 <!doctype html>
 <html lang="en" theme="@if(typeof theme !== "undefined"){{ theme }}@endif" res="@if(typeof fullscreen !== "undefined"){{ fullscreen == 1 ? 'fullscreen' : '' }}@endif">
 <head>
-  <title>f0ck!</title>
-  <meta name="description" content="Welcome to the internet"/>
-  <meta property="og:image" content="/s/img/favicon.gif">
-  <link rel="icon" type="image/gif" href="/s/img/favicon.gif" />
+  <title>f0bm</title>
+  <meta name="description" content=""/>
+  <meta property="og:image" content="/s/img/favicon.png">
+  <link rel="icon" type="image/gif" href="/s/img/favicon.png" />
   <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" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
-  @if(typeof item !== "undefined")<link rel="canonical" href="https://f0ck.me/{{ item.id }}" />@endif
+  @if(typeof item !== "undefined")<link rel="canonical" href="https://w0bm.com/{{ item.id }}" />@endif
 </head>
 <body>
   @include(snippets/navbar)

views/snippets/navbar.html

@@ -1,7 +1,7 @@
-@if(session)
+<!-- @if(session)
 <nav class="navbar navbar-expand-lg">
-    <a class="navbar-brand" href="/"><span class="f0ck" width="" height="">F0CK</span></a>
-    <div class="navigation-links">
+  <a class="navbar-brand" href="/"><img class="image-brand" src="/s/img/w0bm_mosh_banner_by_marderchen.gif" alt="w...?"><span class="f0ck" width="" height=""></span></a>
+  <div class="navigation-links">
       <ul class="navbar-nav">
         <li class="nav-item dropdown">
           <a class="nav-link user" href="#" content="{{ session.user }}" data-toggle="dropdown">
@@ -19,6 +19,12 @@
             <li><a href="/logout">logout</a></li>
           </ul>
         </li>
+  
+        <li class="nav-item">
+          <a id="tags-nav" class="nav-link" href="/tags">
+            <span class="nav-link-identifier">tags</span>
+          </a>
+        </li>
         <li class="nav-item dropdown" id="themes">
           <a class="nav-link ddcontent" href="#" content="{{ theme }}" data-toggle="dropdown">Themes</a>
           <ul class="dropdown-menu">
@@ -27,31 +33,15 @@
             @endeach
           </ul>
         </li>
-        <li class="nav-item dropdown">
-          <a class="nav-link ddcontent" href="#"@if(tmp?.mime) content="{{ tmp?.mime }}" data-toggle="dropdown"@endif>Filter@if(!tmp?.mime)&nbsp;&#9660;@endif</a>
-          <ul class="dropdown-menu">
-            <li><a class="dropdown-item" href="/@if(tmp?.user)user/{{ tmp?.user }}/@endif">All</a></li>
-            <li><a class="dropdown-item" href="/@if(tmp?.user)user/{{ tmp?.user }}/@endifaudio">Audio</a></li>
-            <li><a class="dropdown-item" href="/@if(tmp?.user)user/{{ tmp?.user }}/@endifvideo">Video</a></li>
-            <li><a class="dropdown-item" href="/@if(tmp?.user)user/{{ tmp?.user }}/@endifimage">Image</a></li>
-          </ul>
-        </li>
-        <li class="nav-item @if(session)dropdown@endif">
-          <a class="nav-link ddcontent" href="#"@if(typeof session.mode !== "undefined") content="{{ modes[session.mode] ?? 'sfw' }}" data-toggle="dropdown"@endif>Mode</a>
-          <ul class="dropdown-menu">
-            @for(let i = 0; i < modes.length; i++)
-            <li><a class="dropdown-item" href="/mode/{{ i }}">{{ modes[i] }}</a></li>
-            @endfor
-          </ul>
-        </li>
         <li class="nav-item">
           <a id="random" class="nav-link" href="/random">
             <span class="nav-link-identifier">Random</span>
           </a>
         </li>
       </ul>
-    </div>
-    <div class="collapse navbar-collapse show" id="navbarSupportedContent">
+  </div>
+  <div class="navigation-rechts">
+    <ul class="navbar-nav">
       <div class="pagination-container-fluid">
         <div class="pagination-wrapper">
           @if(typeof pagination !== "undefined")
@@ -71,19 +61,118 @@
           @endif
         </div>
       </div>
-    </div>
+  
+    </ul>
+  </div>
 </nav>
 @else
 <nav class="navbar navbar-expand-lg">
-  <a class="navbar-brand" href="/"><span class="f0ck" width="" height="">F0CK</span></a>
+  <a class="navbar-brand" href="/"><img class="image-brand" src="/s/img/w0bm_mosh_banner_by_marderchen.gif" alt="w...?"><span class="f0ck" width="" height=""></span></a>
+  <div class="navigation-links">
+      <ul class="navbar-nav">
+        <li class="nav-item">
+          <a class="nav-link" href="/about">About</a>
+        </li>
+        <li class="nav-item dropdown" id="themes">
+          <a class="nav-link ddcontent" href="#" content="{{ theme }}" data-toggle="dropdown">Themes</a>
+          <ul class="dropdown-menu">
+            @each(themes as t)
+            <li><a href="/theme/{{ t }}">{{ t }}</a></li>
+            @endeach
+          </ul>
+        </li>
+        <li class="nav-item">
+          <a id="random" class="nav-link" href="/random">
+            <span class="nav-link-identifier">Random</span>
+          </a>
+        </li>
+      </ul>
+  </div>
+
+</nav>
+@endif -->
+
+@if(session)
+<nav class="navbar navbar-expand-lg">
+    <a class="navbar-brand" href="/"><img class="image-brand" src="/s/img/w0bm_mosh_banner_by_marderchen.gif" alt="w...?"><span class="f0ck" width="" height=""></span></a>
+    <div class="navigation-links">
+      <div class="pagination-container-fluid">
+        <ul class="navbar-nav">
+          <li class="nav-item dropdown">
+            <a class="nav-link user" href="#" content="{{ session.user }}" data-toggle="dropdown">
+              <img src="@if(session.avatar)/t/{{ session.avatar }}.webp@else/s/img/ava/default.png@endif" class="avatar"><span>@if(session.admin)&#11088;&nbsp;@endif{{ session.user }}</span>
+            </a>
+            <ul class="dropdown-menu">
+              <li><a href="/user/{{ session.user.toLowerCase() }}">my profile</a></li>
+              <li><a href="/user/{{ session.user.toLowerCase() }}/f0cks">my f0cks</a></li>
+              <li><a href="/user/{{ session.user.toLowerCase() }}/favs">my favs</a></li>
+              <li><a href="/search">search</a></li>
+              @if(session.admin)<li><a href="/admin">Admin</a></li>@endif
+              <li><a href="/about">About</a></li>
+              <li><a href="/ranking">ranking</a></li>
+              <li><a href="/settings">settings</a></li>
+              <li><a href="/logout">logout</a></li>
+            </ul>
+          </li>
+          <li class="nav-item dropdown" id="themes">
+            <a class="nav-link ddcontent" href="#" content="{{ theme }}" data-toggle="dropdown">𐂧</a>
+            <ul class="dropdown-menu shii">
+              @each(themes as t)
+              <li><a href="/theme/{{ t }}">{{ t }}</a></li>
+              @endeach
+            </ul>
+          </li>
+          <li class="nav-item @if(session)dropdown@endif">
+            <a class="nav-link ddcontent" href="#"@if(typeof session.mode !== "undefined") content="{{ modes[session.mode] ?? 'sfw' }}" data-toggle="dropdown"@endif>Mode</a>
+            <ul class="dropdown-menu">
+              @for(let i = 0; i < modes.length; i++)
+              <li><a class="dropdown-item" href="/mode/{{ i }}">{{ modes[i] }}</a></li>
+              @endfor
+            </ul>
+          </li>
+          <li class="nav-item">
+            <a id="explore-tags" class="nav-link" href="/tags">
+              <span class="nav-link-identifier">Tags</span>
+            </a>
+          </li>
+          <li class="nav-item">
+            <a id="random" class="nav-link" href="/random">
+              <span class="nav-link-identifier">Random</span>
+            </a>
+          </li>
+        </ul>
+    </div>
+    </div>
+    <div class="collapse navbar-collapse show" id="navbarSupportedContent">
+      <div class="pagination-wrapper">
+        @if(typeof pagination !== "undefined")
+        <nav class="pagination">
+          <a href="{{ link.main }}{{ link.path }}{{ pagination.start }}" class="page-item-1 btn start@if(!pagination.prev) disabled@endif">&laquo;</a>
+          <a href="{{ link.main }}{{ link.path }}{{ pagination.prev }}" class="page-item-2 btn prev@if(!pagination.prev) disabled@endif">&lsaquo;</a>
+          @each(pagination.cheat as i)
+            @if(i == pagination.page)
+              <span class="btn disabled">{{ i }}</span>
+            @else
+              <a href="{{ link.main }}{{ link.path }}{{ i }}" class="pagination-int-item btn">{{ i }}</a>
+            @endif
+          @endeach
+          <a href="{{ link.main }}{{ link.path }}{{ pagination.next }}" class="page-item-3 btn next@if(!pagination.next) disabled@endif">&rsaquo;</a>
+          <a href="{{ link.main }}{{ link.path }}{{ pagination.end }}" class="page-item-4 btn start@if(!pagination.next) disabled@endif">&raquo;</a>
+        </nav>
+        @endif
+      </div>
+
+    </div>
+  </div>
+</nav>
+@else
+<nav class="navbar navbar-expand-lg">
+  <a class="navbar-brand" href="/"><img class="image-brand" src="/s/img/w0bm_mosh_banner_by_marderchen.gif" alt="w...?"><span class="f0ck" width="" height=""></span></a>
 
   <div class="navigation-links-guest">
     <ul class="navbar-nav-guests">
-      <li class="nav-item dropdown">
-        <a class="nav-link" href="/about" data-toggle="dropdown">About</a>
-        <ul class="dropdown-menu">
-          <li><a href="/login">login</a></li>
-        </ul>
+      <li class="nav-item">
+        <a class="nav-link" href="/about">About</a>
       </li>
       <li class="nav-item dropdown" id="themes">
         <a class="nav-link ddcontent" href="#" content="{{ theme }}" data-toggle="dropdown">Themes</a>
@@ -93,22 +182,9 @@
           @endeach
         </ul>
       </li>
-      <li class="nav-item dropdown">
-        <a class="nav-link ddcontent" href="#"@if(tmp?.mime) content="{{ tmp?.mime }}" data-toggle="dropdown"@endif>Filter@if(!tmp?.mime)&nbsp;&#9660;@endif</a>
-        <ul class="dropdown-menu">
-          <li><a class="dropdown-item" href="/@if(tmp?.user)user/{{ tmp?.user }}/@endif">All</a></li>
-          <li><a class="dropdown-item" href="/@if(tmp?.user)user/{{ tmp?.user }}/@endifaudio">Audio</a></li>
-          <li><a class="dropdown-item" href="/@if(tmp?.user)user/{{ tmp?.user }}/@endifvideo">Video</a></li>
-          <li><a class="dropdown-item" href="/@if(tmp?.user)user/{{ tmp?.user }}/@endifimage">Image</a></li>
-        </ul>
-      </li>
-      <li class="nav-item">
-        <a id="random" class="nav-link" href="/random">
-          <span class="nav-link-identifier">Random</span>
-        </a>
-      </li>
     </ul>
   </div>
+  <!-- rechte seite -->
   <div class="collapse navbar-collapse show" id="navbarSupportedContent">
     <div class="pagination-container-fluid">
       <div class="pagination-wrapper">

views/tags.html

@@ -0,0 +1,18 @@
+@include(snippets/header)
+<div id="main">
+  <div class="container">
+    <h3 style="text-align: center;">☯</h3>
+    <div class="tags">
+      @each(toptags as toptag)
+      <div class="tag badge badge-light mr-2">
+        <!-- <img src="/s/img/tags/{!! toptag.tag !!}.webp" alt=""> -->
+        <div class="tagbox-body">
+          <span class="toptag_id">{!! toptag.tag !!}</span>
+          <span class="toptag_tag"><a href="/tag/{!! toptag.tag !!}">{{ toptag.total_items }}</a></span>
+        </div>
+      </div>
+      @endeach
+    </div>
+  </div>
+</div>
+@include(snippets/footer)

views/terms.html

@@ -0,0 +1,40 @@
+@include(snippets/header)
+<div id="main">
+<div class="tos">
+    <p>Terms of Service</p>
+    <ol>
+        <li>Acceptance of Terms</li>
+        <p>By accessing and using this website, you acknowledge that your access is a privilege, not a right. If you do not agree with these terms, you are free to leave at any time.</p>
+        <li>No Claims</li>
+        <p>Visitors to this website have no claims whatsoever against the website owner or operators. Access to the website and its content is provided as-is, with no guarantees, warranties, or entitlements of any kind.</p>
+        <li>No Liability</li>
+        <p>This website and its operators assume no liability for any errors, omissions, inaccuracies, or any other issues that may arise from the use of this site. Use of this website is entirely at your own risk.</p>
+        <li>No Warranty</li>
+        <p>There is no warranty regarding the completeness, accuracy, reliability, or availability of the content provided on this website. The content may change at any time without notice.</p>
+        <li>Compliance with Requests</li>
+        <p>The website owner reserves the right to remove content, restrict access, or comply with any valid legal or personal requests at their sole discretion.</p>
+        <li>Changes to Terms</li>
+        <p>These terms may be updated at any time without prior notice. It is your responsibility to review them periodically.</p>
+    </ol>
+    <p>Data Privacy</p>
+    <ol>
+        <li>No Data Logging</li>
+        <p>This website does not collect, store, or log any personal data, including IP addresses or other identifying information. No server-side logs are maintained.</p>
+        
+        <li>Use of Cookies</li>
+        <p>Upon changing the theme, a single cookie is set. This cookie solely stores the name of the currently active theme to enhance the visual experience. It does not contain any personal data, tracking information, or other identifiers.</p>
+        
+        <li>Cookie Control</li>
+        <p>The cookie is purely of cosmetic nature and not essential for the website's functionality. Users can disable cookies for this website entirely via their browser settings without affecting their ability to access and use the site.</p>
+        
+        <li>No Third-Party Tracking</li>
+        <p>This website does not use third-party tracking services, analytics tools, or embedded content that collects user data.</p>
+        
+        <li>Changes to This Policy</li>
+        <p>This privacy policy may be updated from time to time. Users are encouraged to review it periodically to stay informed about any changes.</p>
+        
+        <p>By using this website, you acknowledge and accept the terms of service and the data privacy policy.</p>
+    </ol>
+</div>
+</div>
+@include(snippets/footer)

views/top10.html

@@ -4,8 +4,8 @@
 <table class="table">
   @each(f0cks as f0ck)
   <tr>
-    <td><a href="//f0ck.me/{{ f0ck.id }}"><img src="//f0ck.me/t/{{ f0ck.id }}.webp" /></a></td>
-    <td><a href="//f0ck.me/{{ f0ck.id }}">{{ f0ck.id }}</a></td>
+    <td><a href="//w0bm.com/{{ f0ck.id }}"><img src="//w0bm.com/t/{{ f0ck.id }}.webp" /></a></td>
+    <td><a href="//w0bm.com/{{ f0ck.id }}">{{ f0ck.id }}</a></td>
     <td>{{ f0ck.username }}</td>
   </tr>
   @endeach