From a3a195b26b94ce8b6b501609ce6593fa04466000 Mon Sep 17 00:00:00 2001
From: Flummi <flummi@f0ck.space>
Date: Tue, 7 May 2019 20:24:06 +0000
Subject: [PATCH] Frontend x)

---
 views/index.hbs | 42 ++++++++++++++++++++++++++++--------------
 1 file changed, 28 insertions(+), 14 deletions(-)
diff --git a/views/index.hbs b/views/index.hbs
index 87b4adc..495c87e 100644
--- a/views/index.hbs
+++ b/views/index.hbs
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
     <meta name="description" content="f0ck you">
     <meta name="author" content="Abu Ottermann, Flummi Mc Doggerstein">
     <title>f0ck!</title>
@@ -10,21 +10,35 @@
     <link rel="stylesheet" type="text/css" href="/css/f0ck.css">
   </head>
   <body>
-    <div class="nav">
-      <img class="logo" src="/img/f0ck_logo.png"></img>
-      <button class="help">Help</button>
-      <button class="random">Random</button>
-      <button class="contact">Contact</button>
+    <div id="header">
+      <h1 id="logoHead"><a href="/"><img id="logo" src="/img/f0ck_logo.png"></a></h1>
+      <div id="pagePosition"></div>
+      <div id="itemPosition"></div>
+      <div id="itemInfo">
+        <div class="infoText">
+          <span id="itemTitle">blah</span> //
+          <a id="itemSource" href=""></a>
+        </div>
+        <div class="infoText">
+          <span id="itemTime" time=""></span> by
+          <span id="itemNick">blah</span> on
+          <a id="itemChannel">#f0ck</a>
+        </div>
+      </div>
+    </div>
+    <div id="wrapper" class="content">
+      <div class="pscroll" id="up"></div>
+      <div id="posts_1" class="posts"></div>
+      <div id="posts" class="posts"></div>
+      <div id="posts_2" class="posts"></div>
+      <div class="pscroll" id="down"></div>
+    </div>
+    <div id="itemview" class="content">
+      
     </div>
-    <main class="f0ckgrid" id="posts">
-      <!--#each items}}
-      <a href="/{{id}}" title="{{mime}}"><img class="thumb" src="//f0ck.me/t/{{id}}.png" /></a>
-      /each}}-->
-    </main>
     <footer>
-      <section class="credits">Made with 666 souls in mind, 2 liters of fresh virgin blood and a dozen cans of dog food</section>
+      <section class="credits">Made with 666 souls in mind and 2 liters of fresh virgin blood</section>
     </footer>
-    <div style="background-color: #fff; color: #000; white-space: pre; position: fixed; bottom: 0; right: 0">{{debug}}</div>
-    <script src="/js/f0ck.js" defer></script>
+    <script src="/js/f0ck.js" type="module" defer></script>
   </body>
 </html>
