fosscat-site/layouts/index.html

84 lines
2.6 KiB
HTML

{{ define "main" }}
<section class="home-about">
<div class="avatar">
{{ if isset .Site.Params "avatarurl" }}
<img class={{ .Site.Params.AvatarSize | default "size-m" }} src='{{ .Scratch.Get "avatarImgSrc" }}'
alt="{{ .Site.Params.AvatarAltText|default " avatar" }}">
{{ end }}
</div>
<h1>{{ .Site.Title }}</h1>
{{ if isset .Site.Params "description" }}
<h2>{{ .Site.Params.Description }}</h2>
{{ end }}
</section>
<div class="flex-break"></div>
{{ if isset .Site.Params "socialicons" }}
<div class="gk-social-icons">
<ul class="gk-social-icons-list">
{{ range .Site.Params.SocialIcons }}
<li class="gk-social-icon">
<a href="{{ .url }}" {{ if .rel }}rel="{{ .rel }}" {{ end }} aria-label="Learn more on {{ .name }}">
<img class="svg-inject" src="{{ relURL " svg/icons/" }}{{ .name | lower }}.svg" alt="">
</a>
</li>
{{ end }}
</ul>
</div>
{{ end }}
{{ if os.FileExists "index-about.md" }}
<div class="markdown-content">
{{ readFile "index-about.md" | markdownify }}
</div>
{{ end }}
{{ if isset .Site.Params "showpostsonhomepage" }}
<div class="home-grid">
<div class="home-posts-column home-posts list-posts">
<h2>Recent Posts</h2>
{{ $posts := where .Site.Pages "Params.type" "post" }}
{{ if eq .Site.Params.ShowPostsOnHomePage "popular" }}
{{ range $posts.ByWeight | first (or .Site.Params.NumberPostsOnHomePage 4) }}
{{- partial "list-posts.html" . -}}
{{ end }}
{{ else if eq .Site.Params.ShowPostsOnHomePage "recent" }}
{{ range $posts.ByDate.Reverse | first (or .Site.Params.NumberPostsOnHomePage 4) }}
{{- partial "list-posts.html" . -}}
{{ end }}
{{ end }}
</div>
{{ $projects := where .Site.RegularPages "Params.type" "projects" }}
{{ if gt (len $projects) 0 }}
<div class="home-projects-card">
<h2>Project Updates</h2>
{{ range $projects.ByLastmod.Reverse | first (or $.Site.Params.NumberProjectsOnHomePage 3) }}
{{ $project := . }}
<div class="home-project-entry">
<a href="{{ .Permalink }}">{{ .Title }}</a>
<div class="home-project-meta">
{{ with .Params.status }}
{{ $color := $project.Params.statusColor | default "#9e9e9e" }}
<span class="home-project-status" style="color: {{ $color }}; border: 1px solid {{ $color }}; background-color: {{ $color }}20;">{{ . }}</span>
&middot;
{{ end }}
Updated {{ $project.Lastmod.Format "Jan 2, 2006" }}
</div>
</div>
{{ end }}
<a class="view-all" href="/projects/">View all projects &rarr;</a>
</div>
{{ end }}
</div>
{{ end }}
{{ end }}