starting on structure

MuckRock · Feb 27, 2024 · 1f800c4 · 1f800c4
1 parent a5d85b1
commit 1f800c4
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 23 deletions.
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -1,4 +1,6 @@
 <script>
+  import "@/style/kit.css";
+
   export let data;
 
   $: me = data.me;

diff --git a/src/routes/app/+layout.svelte b/src/routes/app/+layout.svelte
@@ -1,5 +1,17 @@
-<script>
+<script lang="ts">
   import "@/style/kit.css";
 </script>
 
-<slot />
+<svelte:head>
+  <title>DocumentCloud</title>
+</svelte:head>
+
+<div class="ui">
+  <section class="navigation"></section>
+
+  <main class="content">
+    <slot />
+  </main>
+
+  <section class="action"></section>
+</div>
diff --git a/src/routes/app/+page.svelte b/src/routes/app/+page.svelte
@@ -3,30 +3,11 @@
 
   $: searchResults = data.searchResults;
 
+  // local utils
+
   function path(url: URL | string) {
     url = new URL(url);
 
     return url.pathname;
   }
 </script>
-
-<svelte:head>
-  <title>DocumentCloud</title>
-</svelte:head>
-
-<div class="container">
-  <h1>Document search results:</h1>
-
-  {#await searchResults}
-    <p>Loading ...</p>
-  {:then results}
-    {#each results?.results as document}
-      <div class="document">
-        <h2>{document.title}</h2>
-        <p><a href={path(document.canonical_url)}>Open</a></p>
-      </div>
-    {:else}
-      <p>No results.</p>
-    {/each}
-  {/await}
-</div>