bas.sh
forked from
pds.ls/pdsls
atmosphere explorer
juliet.paris
1import { A } from "@solidjs/router";
2
3export const CarView = () => {
4 document.title = "Archive tools - PDSls";
5 return (
6 <div class="flex w-full max-w-3xl flex-col gap-y-4 px-2">
7 <div class="flex flex-col gap-y-1">
8 <h1 class="text-lg font-semibold">Archive tools</h1>
9 <p class="text-sm text-neutral-600 dark:text-neutral-400">
10 Tools for working with CAR (Content Addressable aRchive) files.
11 </p>
12 </div>
13
14 <div class="flex flex-col gap-3">
15 <A
16 href="explore"
17 class="dark:bg-dark-300 flex items-start gap-3 rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-4 text-left transition-colors hover:border-neutral-400 hover:bg-neutral-100 dark:border-neutral-600 dark:hover:border-neutral-500 dark:hover:bg-neutral-800"
18 >
19 <span class="iconify lucide--folder-search mt-0.5 shrink-0 text-xl text-neutral-500 dark:text-neutral-400" />
20 <div class="flex flex-col gap-1">
21 <span class="font-medium">Explore archive</span>
22 <span class="text-sm text-neutral-600 dark:text-neutral-400">
23 Browse records inside a repository archive
24 </span>
25 </div>
26 </A>
27
28 <A
29 href="unpack"
30 class="dark:bg-dark-300 flex items-start gap-3 rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-4 text-left transition-colors hover:border-neutral-400 hover:bg-neutral-100 dark:border-neutral-600 dark:hover:border-neutral-500 dark:hover:bg-neutral-800"
31 >
32 <span class="iconify lucide--file-archive mt-0.5 shrink-0 text-xl text-neutral-500 dark:text-neutral-400" />
33 <div class="flex flex-col gap-1">
34 <span class="font-medium">Unpack archive</span>
35 <span class="text-sm text-neutral-600 dark:text-neutral-400">
36 Extract records from an archive into a ZIP file
37 </span>
38 </div>
39 </A>
40 </div>
41 </div>
42 );
43};