b frorgorot to commit this

src/style/app/pulldown.scss

@@ -35,4 +35,12 @@
     }
 
     z-index: 1001;
+}
+
+.pulldown_display {
+    position:absolute;
+    left:0px;
+    top:0px;
+    width:100%;
+    height:100%;
 }

src/svelte/elem/PulldownManager.svelte

@@ -1,6 +1,17 @@
 <script context="module">
     import { writable } from "svelte/store";
-    import { allPulldowns } from "./pulldowns/Pulldown.svelte";
+
+    // can't find a better way to do this
+    import Files from "./pulldowns/Files.svelte";
+    import Accounts from "./pulldowns/Accounts.svelte";
+    import FAQ from "./pulldowns/FAQ.svelte";
+
+    export let allPulldowns = new Map()
+
+    allPulldowns
+        .set("account",Accounts)
+        .set("faq",FAQ)
+        .set("files",Files)
 
     export const pulldownOpen = writable(false); 
 </script>
@@ -8,7 +19,7 @@
 <script>
     import { onMount } from "svelte";
     import { fade, scale } from "svelte/transition";
-    
+
     export function isOpen() {
         return $pulldownOpen
     }
@@ -27,9 +38,7 @@
 </script>
 {#if $pulldownOpen}
     <div class="pulldown" transition:fade={{duration:200}}>
-        <!-- I'm not sure how I could do this any better, so... yeah -->
-
-
+        <svelte:component this={allPulldowns.get($pulldownOpen)} />
     </div>
 
     <button 

src/svelte/elem/Topbar.svelte

@@ -18,9 +18,12 @@
             transition:_void={{duration:200,prop:"width",easingFunc:circOut}}
         >close</button>
     {/if}
-    <button class="menuBtn" on:click={pulldown.openPulldown}>what's new</button>
-    <button class="menuBtn">files</button>
-    <button class="menuBtn">account</button>
+    
+    <!-- too lazy to make this better -->
+
+    <button class="menuBtn" on:click={() => pulldown.openPulldown("files")}>files</button>
+    <button class="menuBtn" on:click={() => pulldown.openPulldown("account")}>account</button>
+    <button class="menuBtn" on:click={() => pulldown.openPulldown("faq")}>faq</button>
 
     <div /> <!-- not sure what's offcenter but something is
                  so this div is here to ""fix"" that        -->

src/svelte/elem/pulldowns/Accounts.svelte

@@ -1,7 +1,7 @@
 <script>
-    import { Pulldown } from "./Pulldown.svelte"
+    import Pulldown from "./Pulldown.svelte"
 </script>
 
-<Pulldown name="accounts">
-    
+<Pulldown>
+    <p>accs</p>
 </Pulldown>

src/svelte/elem/pulldowns/FAQ.svelte

@@ -0,0 +1,7 @@
+<script>
+    import Pulldown from "./Pulldown.svelte"
+</script>
+
+<Pulldown>
+    <p>faq: how do i kms</p>
+</Pulldown>

src/svelte/elem/pulldowns/Files.svelte

@@ -0,0 +1,7 @@
+<script>
+    import Pulldown from "./Pulldown.svelte"
+</script>
+
+<Pulldown>
+    <p>no</p>
+</Pulldown>

src/svelte/elem/pulldowns/Pulldown.svelte

@@ -1,20 +1,11 @@
-<script context="module">
-    import { writable } from "svelte/store";
-
-    export const allPulldowns = writable(new Map());
-</script>
 <script>
-    import { pulldownOpen } from "../PulldownManager.svelte";
 
-    export let name;
+    import { fade } from "svelte/transition";
 
-    allPulldowns
-        .set(name,this)
 </script>
-
 <div 
-    class="pulldown_display" 
-    style:display={$pulldownOpen == name ? "block" : "none"}
+    class="pulldown_display"
+    transition:fade={{duration:200}} 
 >
     <slot />
 </div>