layouts/articles/list.html

   1 {{ define "blog-list" }}
   2 <section id="one">
   3         <article>
   4                 <div class="inner">
   5                         {{ .Content }}
   6                 </div>
   7         </article>
   8         <article>
   9                 <div class="inner">
  10                         {{ partial "pagination.html" . }}
  11                 </div>
  12         </article>
  13 </section>
  14 <section id="two" class="spotlights">
  15         <!-- Ranges through content/articles/*.md -->
  16         {{ range .Paginator.Pages }}
  17         <section>
  18                 <a class="image" href="{{.Permalink}}">
  19                         <img src="{{ .Params.featured_image | absURL}}" alt=".Title">
  20                 </a>
  21                 <div class="content">
  22                         <div class="inner">
  23                                 <header class="major">
  24                                         <h3>
  25                                         {{ if gt (len .Title) 40 }}
  26                                                 {{ $first50 := ( substr .Title 0 40 ) }}
  27                                                 {{ $lastChars := ( substr .Title 40 ) }}
  28                                                 {{ $newLine := "<br>" }}
  29                                                 {{ $newTitle := ( printf "%s" $lastChars | printf "%s%s" $newLine | printf "%s%s" $first50  ) }}
  30                                                 {{ $newTitle | safeHTML }}
  31                                         {{ else }}
  32                                                 {{ .Title }}
  33                                         {{ end }}
  34                                         </h3>
  35                                 </header>
  36                                 <p>{{ .Params.excerpt }}</p>
  37                                 <ul class="actions">
  38                                         <li><a href="{{.Permalink}}" class="button">Read More</a></li>
  39                                 </ul>
  40                         </div>
  41                 </div>
  42         </section>
  43         {{ end }}
  44 </section>
  45 <section id="three">
  46         <div class="inner">
  47                 {{ partial "pagination.html" . }}
  48         </div>
  49 </section>
  50 {{ end }}