{{ define "head"}}
  {{ partial "css.html" "res/css/home.css" }}
  {{ partial "css.html" "res/css/article.css" }}
{{ end }}

{{ define "friend" }}
  {{ $gh_url := printf "https://github.com/%s" .github}}
  <div class="friend">
    <a rel="noopener noreferrer" href="{{ or .url $gh_url }}">
      <img class="friend-avatar" alt="Friend {{.name}}'s avatar" src="{{.avatar}}" width="80"
        height="80" /><br />{{.name}}</a>
    <a rel="noopener noreferrer" href="{{ $gh_url }}">
      {{- with resources.Get "res/img/gh.png" -}}
        <img class="friend-github" src="{{ .RelPermalink }}" />
      {{- end -}}
    </a><br />
    {{ if .tag }}
      <span class="friend-tag">{{ .tag }}</span>
    {{ end }}
  </div>
{{ end }}

{{ define "content"}}
  <img id="avatar" src="/avatar.png" alt="My avatar" width="80" height="80" />
  <h1 id="title">Hello! This is <span id="title-name">crupest</span> !</h1>
  <hr />
  <section>
    <p>Welcome to my home page! Nice to meet you here! 🥰</p>
    <p>If you have something interesting to share with me, feel free to email me at
      <a rel="noopener noreferrer" href="mailto:crupest@crupest.life">crupest@crupest.life</a>.
      You can also create an issue in any of my repos on GitHub to talk anything to me.
    </p>
    <div id="links" class="mono-link">
      links:
      <ul>
        <li><a href="{{ .RelPermalink }}">home</a></li>
        <li><a href="{{ absURL "/git/" }}">git</a></li>
        {{ with .GetPage "/hurd" }}
          <li><a href="{{ .RelPermalink }}">hurd</a></li>
        {{ end }}
        {{ with .GetPage "/todos" }}
          <li><a href="{{ .RelPermalink }}">todos</a></li>
        {{ end }}
          <li><a rel="noopener noreferrer" href="https://github.com/crupest">github</a></li>
        </ul>
    </div>
  </section>
  <hr>
  {{ with .GetPage "/posts" }}
    <section id="recent-posts">
      <h2>Recent Posts <a class="mono-link" href="{{ .RelPermalink }}">(all)</a></h2>
        {{ partial "preview/posts.html" (dict
          "h" "h3"
          "pages" (.RegularPages.ByDate.Reverse.Limit 3))
        }}
    </section>
  {{ end }}
  <hr>
  <section>
    <h2 id="friends">My Friends <small>(more links are being collected ...)</small></h2>
    <div id="friends-container">
      {{ block "friend" dict
        "name" "wsm"
        "avatar" "https://avatars.githubusercontent.com/u/74699943?v=4"
        "github" "wushuming666"
      }}
      {{ end }}
      {{ block "friend" dict
        "name" "hsz"
        "url" "https://www.hszsoft.com"
        "avatar" "https://avatars.githubusercontent.com/u/63097618?v=4"
        "github" "hszSoft"
        "tag" "随性の程序员"
      }}
      {{ end }}
    </div>
  </section>
  <hr>
  <section>
    <h2>Always Remember</h2>
    <figure class="citation">
      <blockquote>
        <p>Die Philosophen haben die Welt nur verschieden interpretiert, es kömmt aber darauf an, sie zu verändern.</p>
        <p><small>Translated from German:</small>
          The philosophers have only interpreted the world in various ways, the point is to change it.</p>
      </blockquote>
      <figcaption>
        <cite>Karl Marx, Theses on Feuerbach (1845)</cite>
      </figcaption>
    </figure>
  </section>
{{ end }}