layouts/index.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

{{ define "main" }}
<div
  style="height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;"
>
  {{ partial "intro.html" . }}
  <div
    style="display: flex; flex-direction: column; align-items: center; justify-content: center; width: 80vw; height: 80vw; min-width: 250px; min-height: 250px; max-width: 400px; max-height: 400px;"
  >
    <div
      style="position: absolute; display: none; opacity: 0; transition: all 0.8s ease-in-out 0s; padding: 5px; max-width: 400px; max-height: 400px; box-sizing: border-box;"
      class="more-info"
    >
      <p style="margin: 0 0 0.25em 0; font-size: 0.9em; text-align: center;">
        {{ .Site.Params.about }}
      </p>
      {{ partial "social.html" . }}
    </div>
    <div class="profile-image" style="background-color: inherit; display: block; opacity: 1; visibility: visible; transition: all 0.8s ease-in-out 0s;">
      <img
        src="{{ .Site.Params.image | relURL }}"
        style="width: 100%; height: 100%; border-radius: 100%;"
      />
    </div>
  </div>
</div>
{{ end }}