src/routes/+page.svelte


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

<script lang="ts">
  import '../app.scss'
  import wave1 from '$lib/assets/wave1.svg'
  import wave2 from '$lib/assets/wave2.svg'

  import { socials } from '$lib/socials.json'

  type Social = {
    link: string,
    icon: string
  }

  const socialsList: Social[] = socials
</script>

<svelte:head>
  <title>pml68</title>
</svelte:head>

<img src={wave1} alt="Wave 1" class="wave wave1">
<img src={wave2} alt="Wave 2" class="wave wave2">
<div class="container">
  <div class="main">
    <h1>pml68</h1>
    <p>Just your average IT student</p>
    <div class="socials">
      {#each socialsList as {link, icon}}
        <a href={link} target="_blank">
          <div class={'social-icon fa-brands ' + icon}></div>
        </a>
      {/each}
    </div>
  </div>
</div>