wtf frontend

views/about.html

@@ -1,5 +1,6 @@
 @include(snippets/header)
-<div class="about">
+<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>
@@ -45,5 +46,6 @@
     <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>
 @include(snippets/footer)

views/error.html

@@ -1,5 +1,6 @@
 @include(snippets/header)
-<div class="container">
+<div id="main">
+  <div class="container">
     <div class="_error_wrapper">
       <div class="err">
         <div class="_error_topbar">
@@ -14,5 +15,6 @@
         </div>
       </div>
     </div>
+  </div>
 </div>
 @include(snippets/footer)

views/index.html

@@ -1,5 +1,6 @@
-<div class="pagewrapper">
 @include(snippets/header)
+<div class="pagewrapper">
+  <div id="main">
     <div class="index-container">
       @if(tmp.user)<h2>user: {!! tmp.user.toLowerCase() !!}@if(tmp.mime) ({{ tmp.mime }}s)@else (all)@endif</h2>@endif
       @if(tmp.tag)<h2>tag: @if(session)<a href="/search?tag={!! tmp.tag.toLowerCase() !!}" target="_blank">{!! tmp.tag.toLowerCase() !!}</a>@else{!! tmp.tag.toLowerCase() !!}@endif@if(tmp.mime) ({{ tmp.mime }}s)@else (all)@endif</h2>@endif
@@ -12,5 +13,6 @@
         &#9660;
       </div>
     </div>
+  </div>
 </div>
 @include(snippets/footer)

views/item.html

@@ -1,5 +1,6 @@
-<div class="wrapper">
 @include(snippets/header)
+<div class="wrapper">
+  <div id="main">
     <div class="container">
       <div class="_204863">
         <div class="imageDoor" style="--hover-image: url('/t/{{ item.id }}.webp');">
@@ -101,5 +102,6 @@
         <a href="/random"></a>
       </div>
     </div>
-@include(snippets/footer)
+  </div>
 </div>
+@include(snippets/footer)

views/ranking.html

@@ -1,8 +1,9 @@
 @include(snippets/header)
-<div class="topf0ckers">
+<div id="main">
+  <div class="topf0ckers">
     <h3>Top f0ckers of all time <br>- Ranking -</h3>
-</div>
-<div class="ranking">
+  </div>
+  <div class="ranking">
     <div class="by-user">
       <h3>Biggest taggers</h3>
       <table class="table">
@@ -38,5 +39,6 @@
         <tr><td>missing ids</td><td>{{ stats.untracked }}</td></tr>
       </table>
     </div>
+  </div>
 </div>
 @include(snippets/footer)

views/search.html

@@ -1,5 +1,6 @@
 @include(snippets/header)
-<div class="f0ckgle">
+<div id="main">
+  <div class="f0ckgle">
     <h1 style="text-align: center">f0ckgle</h1>
     <form action="/search" class="admin-search">
       <input type="text" name="tag" value="{!! searchstring || '' !!}" /><button type="submit"><b>f0ck</b></button>
@@ -33,5 +34,6 @@
       </table>
       @endif
     </div>
+  </div>
 </div>
 @include(snippets/footer)

views/settings.html

@@ -1,8 +1,9 @@
 @include(snippets/header)
-<h1>Settings</h1>
-@if(session.avatar)<a href="/{{ session.avatar }}"><img id="img_avatar" src="/t/{{ session.avatar }}.webp" /></a>@endif
-<h2>Account</h2>
-<table class="table">
+<div id="main">
+  <h1>Settings</h1>
+  @if(session.avatar)<a href="/{{ session.avatar }}"><img id="img_avatar" src="/t/{{ session.avatar }}.webp" /></a>@endif
+  <h2>Account</h2>
+  <table class="table">
     <tbody>
       <tr>
         <td>UserID</td>
@@ -21,9 +22,9 @@
         <td><input type="text" class="input" name="i_avatar" value="{{ session.avatar }}" /><input type="submit" id="s_avatar" value="save" /></td>
       </tr>
     </tbody>
-</table>
-<h2>Sessions</h2>
-<table class="table">
+  </table>
+  <h2>Sessions</h2>
+  <table class="table">
     <thead>
       <tr>
         <th>&nbsp;</th>
@@ -48,5 +49,6 @@
       </tr>
       @endeach
     </tbody>
-</table>
+  </table>
+</div>
 @include(snippets/footer)

views/snippets/footer.html

@@ -1,5 +1,4 @@
   @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>

views/snippets/header.html

@@ -12,4 +12,3 @@
 </head>
 <body>
   @include(snippets/navbar)
-  <div id="main">

views/user.html

@@ -1,28 +1,29 @@
 @include(snippets/header)
-<h1>{{ user.user }}</h1>
+<div id="main">
+  <h1>{{ user.user }}</h1>
 
-<h2>f0cks:</h2>
-@if('items' in f0cks)
-<div class="posts">
+  <h2>f0cks:</h2>
+  @if('items' in f0cks)
+  <div class="posts">
     @each(f0cks.items as item)
     <a href="{{ f0cks.link.main }}{{ item.id }}" data-mime="{{ item.mime }}" data-mode="{{ item.tag_id ? ['','sfw','nsfw'][item.tag_id] : 'null' }}" style="background-image: url('/t/{{ item.id }}.webp')"><p></p></a>
     @endeach
-</div>
-<a href="{{ f0cks.link.main }}">show all f0cks</a>
-@else
+  </div>
+  <a href="{{ f0cks.link.main }}">show all f0cks</a>
+  @else
     no f0cks given
-@endif
+  @endif
 
-<h2>favs:</h2>
-@if('items' in favs)
-<div class="posts">
+  <h2>favs:</h2>
+  @if('items' in favs)
+  <div class="posts">
     @each(favs.items as item)
     <a href="{{ favs.link.main }}{{ item.id }}" data-mime="{{ item.mime }}" data-mode="{{ item.tag_id ? ['','sfw','nsfw'][item.tag_id] : 'null' }}" style="background-image: url('/t/{{ item.id }}.webp')"><p></p></a>
     @endeach
-</div>
-<a href="{{ favs.link.main }}">show all favs</a>
-@else
+  </div>
+  <a href="{{ favs.link.main }}">show all favs</a>
+  @else
     no favorites
-@endif
-
+  @endif
+</div>
 @include(snippets/footer)