portfolio/themes/naej-ananke/layouts/index.html
2020-07-08 00:23:48 +02:00

79 lines
2.3 KiB
HTML

{{/*the homepage */}}
{{ define "main" }}
<article class="cf ph3 ph5-l pv3 pv4-l f4 tc-l center measure-wide lh-copy light-gray">
{{ .Content }}
</article>
{{/* Define a section to pull recent posts from. For Hugo 0.20 this will default to the section with the most number of pages. */}}
{{ $mainSections := .Site.Params.mainSections | default (slice "post") }}
{{/* Create a variable with that section to use in multiple places. */}}
{{ $section := where .Site.RegularPages "Section" "in" $mainSections }}
{{/* Check to see if the section is defined for ranging through it */}}
{{ $section_count := len $section }}
{{ if ge $section_count 1 }}
{{/* Derive the section name */}}
{{ $section_name := index (.Site.Params.mainSections) 0 }}
<div class="flex flex-direction:column flex-wrap pa3 pa4-ns w-100 center light-gray">
{{/* Use $section_name to get the section title. Use "with" to only show it if it exists */}}
{{ with .Site.GetPage "section" $section_name }}
<h1 class="center">
{{ $.Param "recent_copy" | default (i18n "recentTitle" .) }}
</h1>
{{ end }}
{{/* $n_posts := $.Param "recent_posts_number" | default 3 */}}
{{/*list of the projects*/}}
<section class="w-100 flex flex-ns flex-wrap justify-around">
{{/* Range through the first $n_posts items of the section */}}
{{/* range (first $n_posts $section) */}}
{{ range $section }}
<div class="relative w-100 w-30-l mb4">
{{ .Render "summary" }}
</div>
{{ end }}
</section>
{{/*
used to display the more content part in the orginal layout
{{ if ge $section_count (add $n_posts 1) }}
<section class="w-100">
<h1 class="f3">{{ i18n "more" }}</h1>
{{ range (first 4 (after $n_posts $section)) }}
<h2 class="f5 fw4 mb4 dib mr3">
<a href="{{ .Permalink }}" class="link black dim">
{{ .Title }}
</a>
</h2>
{{ end }}
{{ with .Site.GetPage "section" $section_name }}
<a href="{{ .Permalink }}" class="link db f6 pa2 br3 bg-mid-gray white dim w4 tc">{{ i18n "allTitle" . }}</a>
{{ end }}
</section>
{{ end }}
*/}}
</div>
{{ end }}
{{ end }}