add blog templates #24

weru

13.27.2022 804f0119e0b0d416578572a06fca13c3ee67a711

add blog templates #24

Signed-off-by: weru <fromweru@gmail.com>

 layouts/_default/baseof.html

@@ -7,6 +7,9 @@
  <header class="nav_header">
    {{- partial "nav" . }}
  </header>
  {{ if or (eq .Section site.Params.blogDir) (eq .Type "search" ) }}
    {{- block "main" . }}{{ end }}
  {{ else }}
  <div class="main wrap pt-4">
    {{ $docSections := site.Params.docSections }}
    {{- with $docSections }}{{- else }}
@@ -28,6 +31,7 @@
      </div>
    {{- end -}}
  </div>
  {{ end }}
  {{- partialCached "footer" . -}}
  {{- partialCached "sprites" . -}}
  {{- partialCached "scripts/bundle" . -}}

 layouts/blog/list.html

New file
@@ -0,0 +1,41 @@
{{ define "main" }}
{{- $pages := where site.RegularPages "Section" site.Params.blogDir  }}
<div class = 'wrap pt-2 mt-2'>
  {{- $paginator := .Paginate $pages -}}
  {{- $size := $paginator.PageSize }}
  {{- $scratch := newScratch }}
  {{- range $index, $value := $paginator.Pages }}
    {{ if isset .Params "image" }}
      {{ $scratch.Set "image" .Params.image }}
    {{ else }}
      {{ $scratch.Set "image" "thumbnail.svg" }}
    {{ end }}
    {{ $image := $scratch.Get "image" }}
    {{ $bg := (absURL (printf "images/%s" $image)) }}
    {{- if in $image "https://" }}
      {{- $bg = $image }}
    {{- end }}
  <article class = 'article mb-2'>
    <a href = '{{ $value.Permalink }}' {{ if eq $index 0 }} class = 'grid-reverse' {{ end }}>
      <div class = 'article_thumb' style='background-image: url({{ $bg }})'></div>
      <div class = 'article_meta {{ if eq $index 0 }} center_y {{ end }}'>
        <time class = 'post_date'>{{ dateFormat "January 02, 2006" $value.Date }}</time>
        <h3 class = 'article_title'>{{ $value.Title }}</h3>
        <div class = 'article_excerpt {{ if eq $index 0 }} visible {{ end }}'>
        <p>{{ $value.Summary | truncate 100 }}</p>
        </div>
      </div>
    </a>
  </article>
  {{- if and (eq $index 0) (gt $size 1)  }}<div class = 'grid-2 article_showcase'>{{ end }}
  {{- if and (eq $index (add $size -1)) (gt $size 1) }}</div>{{ end }}
  {{- end }}
</div>
<!-- <a href = '{{ absURL (printf "post/%s" "") }}' class = 'post_nav'>
  <span class = 'post_next'>View Archive
  <svg class="icon icon_scale">
    <use xlink:href="#double-arrow"></use>
  </svg>
  </span>
</a> -->
{{ end }}

 layouts/blog/single.html

New file
@@ -0,0 +1,34 @@
{{ define "main" }}
  <div class="wrap mt post">
    <div>
      {{- $date := (dateFormat "02. January 2006" .Date) -}}
      <p class="post_date">{{ $date }}</p>
      <h1 class="post_title">{{ .Title }}</h1>
      <div class="post_body">
        <div class="post_inner">
        {{ with .Params.image }}
          {{- $image := absURL (printf "images/%s" .) }}
          {{ if in . "https://" }}
            {{- $image = . }}
          {{ end }}
          <img src="{{ $image }}" alt="{{ . }}" class="post_thumbnail">
        {{ end }}
          {{ .Content }}
        </div>
        <div class="post_extra mb-2">
          {{ partialCached "share" . }}
        </div>
        <div>
        {{ template "_internal/disqus.html" . }}
        </div>
      </div>
    </div>
    <!-- <a href="{{ $.Site.BaseURL }}" class="post_nav">
      <span class="post_next">The Latest 
        <svg class="icon icon_scale">
          <use xlink:href="#double-arrow"></use>
        </svg>
      </span>
    </a> -->
  </div>
{{ end }}

 layouts/partials/share.html

New file
@@ -0,0 +1,7 @@
{{- $s := T "share_story" }}
{{- $lc := T "link_copied" }}
<div class="copy" data-before="{{ $s }}" data-after="{{ $lc }}">
  <svg class="icon">
    <use xlink:href="#copy"></use>
  </svg>
</div>