{{ define "main" }}
<h1>{{ .Title }}</h1>
{{ range .Pages.ByPublishDate.Reverse }}
<p>
  <h3><a class="title" href="{{ .RelPermalink }}">{{ .Title }}</a></h3>
  {{ partial "metadata.html" . }}
  <a class="summary" href="{{ .RelPermalink }}">
    <p>{{ .Summary }}</p>
  </a>
</p>
{{ end }}
{{ end }}


{{ define "sidebar" }}
  <div class="position-sticky" style="top: 2rem;">
    <div class="p-4 mb-3 bg-light rounded">
      <h4 class="py-1 mb-3 fst-italic text-bg-dark text-center">About Me</h4>
      {{ with .Site.Params.Avatar }}
        <div class="py-1 text-center">
          <img class="rounded-circle" src="{{ . }}" alt="Ansprechendes Bild"/>
        </div>
      {{ end }}
      <!-- Über config beschreibbar machen -->
      {{ with .Site.Params.Description }}
        <div class="py-1">
          {{ . }}
        </div>
      {{ end }}

      <h4 class="py-1 mb-3 fst-italic text-bg-dark text-center">Contact Me</h4>
      <div class="py-1 social">
        <ul class="social-links">
          {{ with .Site.Params.Social.Email }}
            <li><a href="mailto:{{ . }}"><i data-feather="mail"></i>&nbsp;{{ . }}</a></li>
          {{ end }}

          {{ with .Site.Params.Social.Phone }}
            <li><a href="tel:{{ . }}"><i class="bi" data-feather="phone"></i>&nbsp;{{ . }}</a></li>
          {{ end }}

          {{ with .Site.Params.Social.VoIP }}
            <li><a href="sip:{{ . }}"><i data-feather="phone"></i>&nbsp;{{ . }}</a></li>
          {{ end }}

          {{ with .Site.Params.Social.Github }}
            <li><a href="https://github.com/{{ . }}" target="_blank"><i data-feather="github"></i>&nbsp;{{ . }}</a></li>
          {{ end }}

          {{ with .Site.Params.Social.Twitter }}
            <li><a href="https://twitter.com/{{ . }}" target="_blank"><i class="bi" data-feather="twitter"></i>&nbsp;{{ . }}</a></li>
          {{ end }}

          {{ with .Site.Params.Social.LinkedIn }}
            <li><a href="https://linkedin.com/in/{{ . }}" target="_blank"><i class="bi" data-feather="linkedin"></i>&nbsp;{{ . }}</a></li>
          {{ end }}

          {{ with .Site.Params.Social.Matrix }}
            <li><a href="https://matrix.to/#/{{ . }}" target="_blank"><img src="/img/matrix-badge.svg" alt="Chat on matrix">&nbsp;{{ . }}</a></li>
          {{ end }}

          {{ with .Site.Params.Social.RSS }}
            <li><a href="{{ . }}"><i class="bi" data-feather="rss"></i>&nbsp;RSS</a></li>
          {{ end }}
        </ul>
      </div>
      <!-- Hier die Links zu Mail usw. vielleicht auch zum SIP Anschluss, vielleicht mit dem Icons aus faether oder Bootstrap -->
    </div>
  </div>
{{ end }}