summaryrefslogtreecommitdiff
path: root/layouts/index.html
blob: 45510d6f8bc60f69a176abf50b77127cbb904555 (plain)
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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<!DOCTYPE html>
<html lang="{{ .Site.LanguageCode }}">
{{ partial "head.html" . }}

<body>
  {{ partial "header.html" . }}
  <main id="main">
    <section class="about-me-home">
      <div class="about-me-home-left">
        <span>{{ i18n "my-name-is"}}</span>
        <h1 class="about-me-home-name">Leonardo.</h1>
        <p>{{ i18n "home-introduction"}}</p>
        <div id="about-me-home-icons">
          <a href="https://git.leomurca.xyz/" target="_blank">
            <img style="width: 30px; height: 30px; padding: 0; margin: 0;" width="30" height="30" src="/icons/git.svg"
              alt="Git icon" />
          </a>
          <a href="https://gitlab.com/leomurca" target="_blank">
            <img style="width: 30px; height: 30px; padding: 0; margin: 0;" width="30" height="30"
              src="/icons/gitlab.svg" alt="Gitlab icon" />
          </a>
          <a href="https://github.com/leomurca" target="_blank">
            <img style="width: 30px; height: 30px; padding: 0; margin: 0;" width="30" height="30"
              src="/icons/github.svg" alt="Github icon" />
          </a>
          <a href="https://www.linkedin.com/in/leonardoamurca/" target="_blank">
            <img style="width: 30px; height: 30px; padding: 0; margin: 0;" width="30" height="30"
              src="/icons/linkedin.svg" alt="Linkedin icon" />
          </a>
          <a href="{{ .Site.Home.RelPermalink }}posts/index.xml" target="_blank">
            <img style="width: 30px; height: 30px; padding: 0; margin: 0;" width="30" height="30" src="/icons/rss.svg"
              alt="RSS Feed icon" />
          </a>
        </div>
      </div>
      <img width="250" height="250" src="/img/avatar.webp" srcset="/img/avatar-mobile.webp 600w, /img/avatar.webp 1080w"
        sizes="50vw"
        alt="A picture of me smiling, wearing a blue t-shirt and a stone collar with some coconut trees behind me." />
    </section>
    <section id="my-projects-section">
      <h2>{{ i18n "my-projects"}}</h2>
      <p>{{i18n "my-projects-description" }}</p>
      <div id="card-list">
        <a href="https://embroideryviewer.xyz" target="_blank" rel="noreferrer">
          <img src="/img/embroidery-viewer-screenshot.webp" alt="Embroidery viewer screenshot." width="400">
          <h3>{{
            i18n "embroidery-viewer-title" }}
          </h3>
          <p tabindex="0">{{ i18n "embroidery-viewer-description" }}</p>
        </a>
        <a href="https://vumborastartups.com.br" target="_blank" rel="noreferrer">
          <img src="/img/vumbora-startups-screenshot.webp" alt="Vumbora Startups screenshot." width="400">
          <h3>{{
            i18n "vumbora-startups-title" }}
          </h3>
          <p tabindex="0">{{ i18n "vumbora-startups-description" }}</p>
        </a>
        <a href="https://programatir.com.br" target="_blank" rel="noreferrer">
          <img src="/img/programa-tir-screenshot.webp" alt="Programa TIR screenshot." width="400">
          <h3>{{
            i18n "programa-tir-title" }}
          </h3>
          <p tabindex="0">{{ i18n "programa-tir-description" }}</p>
        </a>
      </div>
    </section>
  </main>
  {{ partial "footer.html" . }}
</body>

</html>