xcvcvxfxvbf

README.md

@@ -23,8 +23,7 @@ TOKEN=KILL-YOURSELF.NOW
 - [X] 1.2.3 bugfixes
 - [ ] 1.3.0 new ui; accounts
 - [ ] 1.3.1 add utility endpoints: `/embed/:fileId` for discord, `/:fileId` for quick access
-- [ ] 1.3.2 support multiple uploads
-- [ ] 1.3.3 disable cloning of local ips
+- [ ] 1.3.2 disable cloning of local ips
 - [ ] 1.4.0 admin panel
 - [ ] 2.0.0 rewrite using theUnfunny's code as a base/rewrite using monofile-core
 

src/server/lib/errors.ts

@@ -12,8 +12,8 @@ export default async function ServeError(
     if (!errorPage) {
         errorPage = 
             (
-                await readFile(`${process.cwd()}/src/pages/error.html`)
-                      .catch(() => {res.header("Content-Type","text/plain")})
+                await readFile(`${process.cwd()}/pages/error.html`)
+                      .catch((err) => console.error(err))
                 || "<pre>$code $text</pre>"
             )
             .toString()

src/style/_base.scss

@@ -46,5 +46,11 @@ $darkish: rgb(54, 62, 70);
 */
 
 body {
+    background-color: rgb(30, 33, 36); // this is here so that
+                                         // pulling down to refresh
+                                         // on mobile looks good
+}
+
+#appContent {
     background-color: $Background
 }

src/style/app.scss

@@ -1,5 +1,6 @@
 @use "base";
 @use "app/topbar";
+@use "app/pulldown";
 
 .menuBtn {
     text-decoration:none;
@@ -19,4 +20,12 @@
         color:slategray;
         transition-duration: 100ms;
     }
-}    
+}
+
+#appContent {
+    position:absolute;
+    left:0px;
+    top:40px;
+    width:100%;
+    height: calc( 100% - 40px );
+}

src/style/app/pulldown.scss

@@ -0,0 +1,31 @@
+@use "../base";
+
+#overlay {
+    position:absolute;
+    left:0px;
+    height: 100%;
+    display:none;
+    opacity:0.5;
+    background-color:#AAAAAA;
+
+    z-index: 1000;
+}
+
+.pulldown {
+    position: absolute;
+    width: 250px;
+    height: 400px;
+    background-color: #191919;
+
+    top:0px;
+    left:50%;
+    transform:translateX(-50%);
+
+    @media screen and (max-width: 400px) {
+        width: 100%;
+        height: 100%;
+        height: 100%;
+    }
+
+    z-index: 1001;
+}

src/style/app/topbar.scss

@@ -18,17 +18,4 @@
 
     column-gap:5px;
 
-    .monofile_ico {
-        width:26px;
-        height:26px;
-        border:2px solid base.$darkish;
-        border-radius:100%;
-        transition-duration: 100ms;
-
-        &:hover {
-            border:2px solid #999999;
-            transition-duration: 100ms;
-        }
-    }
-
 }

src/svelte/App.svelte

@@ -1,22 +1,28 @@
-<!--
-    I know this code is pretty bad,
-    but this is my first time using svelte lol
--->
-
 <script>
     import { onMount } from "svelte";
     import Topbar from "./elem/Topbar.svelte";
+    
     /**
      * @type Topbar
      */
     let topbar;
     
+    /**
+     * @type HTMLButtonElement
+    */
+    let overlay;
+
     onMount(() => {
-        
+        overlay.addEventListener("click", () => {
+            overlay.style.display = ""
+        })
     })
 </script>
 
 <Topbar bind:this={topbar} />
 <div id="appContent">
-    
+    <button id="overlay" bind:this={overlay} />
+    <div class="pulldown">
+        
+    </div>
 </div>

src/svelte/elem/Topbar.svelte

@@ -3,14 +3,10 @@
 </script>
 
 <div id="topbar">
-    <button on:click={() => {}} class="menuBtn">files</button>
-    <button on:click={() => {}} class="menuBtn">account</button>
-    
-    <!-- divider -->
-    <div style="height:calc( 100% - 10px ); top:5px; width:2px; background-color:#333333; margin:0 5px 0 5px;" />
-    
-    <button on:click={() => {}} class="menuBtn">upload</button>
-    <button on:click={() => {}} class="menuBtn">clone</button>
+    <button class="menuBtn">what's new</button>
+    <button class="menuBtn">files</button>
+    <button class="menuBtn">account</button>
 
-    <div /> 
+    <div /> <!-- not sure what's offcenter but something is
+                 so this div is here to ""fix"" that        -->
 </div>