Skip to content

Commit

Permalink
run fmt + add G235A/NatCert tabs
Browse files Browse the repository at this point in the history
  • Loading branch information
@mnyrop
mnyrop committed Dec 9, 2024
1 parent 5e60ad4 commit fcfccb5
Show file tree
Hide file tree
Showing 11 changed files with 455 additions and 330 deletions.
37 changes: 19 additions & 18 deletions src/lib/components/Header.svelte
View file
Original file line number Diff line number Diff line change
@@ -1,23 +1,24 @@
<script>
import { base } from '$app/paths';
import {
Link,
OutboundLink
} from 'carbon-components-svelte';
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="mb-20 bg-slate-900 px-12 py-2">
<nav class="flex flex-row flex-wrap gap-4 md:gap-8">
<Link class="text-xs !text-white" 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>
<div class="px-12">
<h1>M/S Corpus UI (v1-Sample)</h1>
</div>
</header>
97 changes: 48 additions & 49 deletions src/lib/components/InfoPane.svelte
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<script>
import {
import {
StructuredList,
StructuredListHead,
StructuredListRow,
Expand All @@ -15,54 +15,53 @@
</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>
<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><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><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>
<StructuredListRow>
<StructuredListCell noWrap
><NatCertIcon class="inline" /> Naturalization Certificates*</StructuredListCell
>
<StructuredListCell>0</StructuredListCell>
<StructuredListCell>0</StructuredListCell>
</StructuredListRow>
</StructuredListBody>
</StructuredList>
</div>
</div>
</div>
Loading

0 comments on commit fcfccb5

Please sign in to comment.