summaryrefslogtreecommitdiff
path: root/src/routes/projects/ProjectEntry.svelte
blob: 53c69b5cf974e361d39584732e128dad5dde1023 (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
<script lang="ts">
  export let name: string;
  export let description: string;
  export let projType: string;
  export let link: string;
  export let id: string = name.toLowerCase().replaceAll(" ", "_");
</script>

<section id="{id}" class="box">
    <h2>{name}</h2>
    <section id="fsverify-link">
      <p class="subheader">
	{projType} - <a href="{link}">{link}</a>
      </p>
    </section>
    <slot />
    <p class="description">
      {description}
    </p>
</section>


<style lang="scss">
  @use 'sass:color';
  section {
    max-width: 790px;
    width: 100%;
    & h2 {
      margin-bottom: 0px;
    }
    & .description {
      text-align: center;
    }
  }

</style>