projects.html


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

<div class="min-h-screen flex flex-col">

  {{ include "navbar.html" }}

  <div class="flex flex-grow flex-col">

    <div class="p-16">
      <h1 class="text-5xl">PROJECTS</h1>
      <p class="text-xl">Here's a bunch of things I've done.</p>
    </div>

    <div class="px-16 flex flex-wrap gap-16 items-stretch justify-center">

      {{ eachdo projects }}

        <a href="#">
          <div class="bg-pink-100 py-2 px-4 text-pink-900 hover:bg-zinc-900 hover:text-pink-300 max-w-128 hover:underline selection:bg-zinc-400">
            <div class="flex gap-2 pt-2 items-center">
              <p class="text-2xl font-semibold">{{ put name }}</p>
              <p class="text-xl text-center text-wrap">{{ put description }}</p>
            </div>

            <div class="text-center text-sm border-t-2 mt-3 py-1">{{ put languages }}</div>
          </div>
        </a>

      {{ endeachdo }}

    </div>

  </div>

  {{ include "footer.html" }}

</div>