reorg, add nav, favicon

migrants-and-the-state · Dec 6, 2024 · de0c37b · de0c37b
1 parent c6db96a
commit de0c37b
Show file tree

Hide file tree

Showing 10 changed files with 440 additions and 397 deletions.
diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte
@@ -0,0 +1,23 @@
+<script>
+  import { base } from '$app/paths';
+  import {
+    Link,
+    OutboundLink 
+  } from 'carbon-components-svelte';
+</script>
+
+<header>
+  <div class="mb-20 px-12 py-2 bg-slate-900">
+    <nav class="flex flex-row flex-wrap gap-4 md:gap-8">
+      <Link class="!text-white text-xs" href="{base}">Home</Link>
+      <Link class="!text-white" href="{base}/about">About + Credits</Link>
+      <Link class="!text-white" href="{base}/data-guide">Data Guide</Link>
+      <OutboundLink class="!text-white" href="https://migrants-and-the-state.github.io/">M/S Project</OutboundLink>
+      <OutboundLink class="!text-white" href="https://github.com/migrants-and-the-state">GitHub</OutboundLink>
+    </nav>
+  </div>
+
+  <div class="px-12">
+    <h1>M/S Corpus UI (v1-Sample)</h1>
+  </div>
+</header>
diff --git a/src/lib/components/InfoPane.svelte b/src/lib/components/InfoPane.svelte
@@ -0,0 +1,68 @@
+<script>
+  import {
+		StructuredList,
+		StructuredListHead,
+		StructuredListRow,
+		StructuredListCell,
+		StructuredListBody
+	} from 'carbon-components-svelte';
+	import {
+		FolderShared as AFileIcon,
+		Document as PageIcon,
+		Identification as G325AIcon,
+		Policy as NatCertIcon
+	} from 'carbon-icons-svelte';
+</script>
+
+<div class="flex w-full flex-wrap md:flex-nowrap md:gap-10">
+  <div class="basis-full md:basis-1/2">
+    <p class="py-6">
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sit amet malesuada odio.
+      Sed laoreet tortor eu orci ornare, condimentum commodo metus egestas. Donec vitae felis
+      purus. Nulla ullamcorper venenatis varius. Vivamus varius in diam ut iaculis. Curabitur
+      elementum risus non accumsan tincidunt.
+    </p>
+  </div>
+  <div class="basis-full md:basis-1/2">
+    <div class="max-w-prose">
+      <StructuredList condensed>
+        <StructuredListHead>
+          <StructuredListRow head>
+            <StructuredListCell head>Statistics</StructuredListCell>
+            <StructuredListCell head>This v1-Sample</StructuredListCell>
+            <StructuredListCell head>Full Corpus (Ongoing)</StructuredListCell>
+          </StructuredListRow>
+        </StructuredListHead>
+        <StructuredListBody>
+          <StructuredListRow>
+            <StructuredListCell noWrap><AFileIcon class="inline" /> A-Files</StructuredListCell>
+            <StructuredListCell>0</StructuredListCell>
+            <StructuredListCell>0</StructuredListCell>
+          </StructuredListRow>
+
+          <StructuredListRow>
+            <StructuredListCell noWrap><PageIcon class="inline" /> Pages</StructuredListCell>
+            <StructuredListCell>0</StructuredListCell>
+            <StructuredListCell>0</StructuredListCell>
+          </StructuredListRow>
+
+          <StructuredListRow>
+            <StructuredListCell noWrap
+              ><G325AIcon class="inline" /> G325A Forms*</StructuredListCell
+            >
+            <StructuredListCell>0</StructuredListCell>
+            <StructuredListCell>0</StructuredListCell>
+          </StructuredListRow>
+
+          <StructuredListRow>
+            <StructuredListCell noWrap
+              ><NatCertIcon class="inline" /> Naturalization Certificates*</StructuredListCell
+            >
+            <StructuredListCell>0</StructuredListCell>
+            <StructuredListCell>0</StructuredListCell>
+          </StructuredListRow>
+        </StructuredListBody>
+      </StructuredList>
+    </div>
+  </div>
+</div>