summaryrefslogtreecommitdiff
path: root/src/lib/components/Attributions.svelte
blob: 7cdc5ccda67026872ea19ea684c45b39c91ed14d (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<script lang="ts">
  import Link from "./Link.svelte";
  import SectionTitle from "./SectionTitle.svelte";
</script>

<SectionTitle title="attributions"
  >credits and sources for the content in this page</SectionTitle
>

<div
  class="grid grid-cols-1 md:grid-cols-3 w-full gap-4
  place-items-stretch place-content-stretch"
>
  <fieldset
    class="fieldset bg-base-200 border-neutral
	rounded-box border-2 p-4"
  >
    <legend class="text-xl md:text-2xl">stack</legend>
    <ul class="text-md md:text-lg">
      <li><Link href="https://svelte.dev">Svelte</Link></li>
      <li>
        <Link href="https://daisyui.com">daisyUI</Link>
      </li>
      <li><Link href="https://tailwindcss.com">tailwindcss</Link></li>
    </ul>
  </fieldset>
  <fieldset
    class="fieldset bg-base-200 border-neutral
	rounded-box border-2 p-4"
  >
    <legend class="text-xl md:text-2xl">fonts</legend>
    <ul class="text-md md:text-lg">
      <li><Link href="https://www.departuremono.com">DEPARTURE MONO</Link></li>
      <li>
        <Link href="https://www.jetbrains.com/lp/mono">JetBrains Mono</Link>
      </li>
      <li><Link href="https://github.com/IBM/plex">IBM Plex Mono</Link></li>
    </ul>
  </fieldset>
  <fieldset
    class="fieldset bg-base-200 border-neutral
	rounded-box border-2 p-4"
  >
    <legend class="text-xl md:text-2xl">assets</legend>
    <ul class="text-md md:text-lg">
      <li>
        <Link href="https://www.emoji.family/api/emojis/1f431/noto/svg"
          >Noto cat emoji</Link
        >
      </li>
      <li>
        <Link href="https://iconify.design">iconify</Link>
      </li>
    </ul>
  </fieldset>
</div>