jk_na/themes/nipponalba/layouts/index.html

{{ define "main" }}
<div class="about h-feed">
  <div class="profile title h-card p-author">
      <div class="profile-left"><img class="u-photo" src="/images/profile.jpg" alt="profile picture">

      </div>
      <div class="profile-right">
      <a rel="author" class="title p-name u-url u-uid" rel="me" href="https://jk.nipponalba.scot">{{ .Site.Params.Title }}</a><br/>
        <ul class="social-links">
          {{ range $item := .Site.Params.socialIcons }}
          <a href="{{ $item.url | safeURL }}" rel="me" >
            <i class="fa {{ $item.icon }}" aria-hidden="true" title="{{ $item.title }}"></i>
          </a>
          {{ end }}
      </ul>
      <div class="description">
        <p class="p-note">{{ .Site.Params.description }}</p>
      </div>
      </div>
</div>

    <h1>Latest post</h1>
    {{ range (first 1 (where .Site.RegularPages "Type" "!=" "response")) }}
    <article class="post h-entry entry">
    <div class="{{.Type}}" data-post-type="{{.Type }}">
      <div class="author" style="display:none;">
        <a rel="author" class="u-author h-card" rel="me" href="https://jk.nipponalba.scot">{{ .Site.Params.Title }}<img src="/images/profile.jpg"/></a>
      </div>
        <div class="post-content">{{ with .Page.Params.Image }}{{ partial "taxonomy/image.html" . }}{{ end }}<h3 class="post-title p-name entry-title">{{ .Title }}</h3>
          <aside>
            <div class="index_info">
            <i class="fa fa-sun"></i><a class="u-url" href="{{ .RelPermalink }}"><span class="date"><time class="dt-published" datetime="{{ .Date.Format "2 Jan 2006 15:04 GMT" }}">{{ .Date.Format "Mon, Jan 2, 2006" }}</time></span></a>
              <i class="fa fa-clock"></i><span class="reading-time">{{ .ReadingTime }}-minute read</span>
            </div>

    <div class="e-content">{{ .Content }}
      {{ if eq .Type "photo"}}
        <div class="photos">
        {{ range .Page.Params.Photo }}
          <a class="u-url" href="{{ . }}"><img class="u-photo thumb" src="{{ replace . "800." "300."}}"/></a>
        {{end}}
        </div>
        {{end}}
    </div>

        <div class="index-post-footer">
          <div class="info">
            {{ with .Page.Params.Blog }}{{ partial "taxonomy/blog.html" . }}{{ end }}
            {{ with .Page.Params.Categories }}{{ partial "taxonomy/categories.html" . }}{{ end }}
            {{ with .Page.Params.Tags }}{{ partial "taxonomy/tags.html" . }}{{ end }}
          </div>
        </div>
        </aside></div>
    </div>
<a href="https://brid.gy/publish/mastodon"></a>
</article>
    {{ end }}
</div>
{{ end }}