@@ -0,0 +1,59 @@
|
||||
{{ define "main" }}
|
||||
<section class="home-about">
|
||||
<div class="avatar">
|
||||
{{ if isset .Site.Params "avatarurl" }}
|
||||
<img class="{{ .Site.Params.AvatarSize | default "size-m" }} theme-aware-avatar"
|
||||
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 }}" target="_blank" rel="{{ if .rel }}{{ .rel }} {{ end }}noopener noreferrer" 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 (or
|
||||
(and (fileExists "content/_index.md") .Content)
|
||||
(fileExists "content/index-about.md")) }}
|
||||
<section class="home-content">
|
||||
{{ or .Content (readFile "index-about.md" | markdownify) }}
|
||||
</section>
|
||||
{{ end }}
|
||||
|
||||
{{ if isset .Site.Params "showpostsonhomepage" }}
|
||||
<div class="home-posts list-posts">
|
||||
<h2>{{ i18n (.Site.Params.ShowPostsOnHomePage | humanize) }}</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>
|
||||
{{ end }}
|
||||
|
||||
{{ end }}
|
||||
@@ -0,0 +1,59 @@
|
||||
<header class="header">
|
||||
<nav class="header-nav">
|
||||
|
||||
{{ if isset .Site.Params "avatarurl" }}
|
||||
<div class="avatar">
|
||||
<a href="{{ .Site.BaseURL }}">
|
||||
<img src='{{ .Scratch.Get "avatarImgSrc" }}' alt="{{ .Site.Params.AvatarAltText|default "avatar" }}" class="theme-aware-avatar">
|
||||
</a>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
<div class="nav-title">
|
||||
<a class="nav-brand" href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
|
||||
</div>
|
||||
|
||||
<div class="nav-links">
|
||||
{{ range .Site.Menus.main }}
|
||||
<div class="nav-link">
|
||||
<a href="{{ .URL | absURL }}" aria-label="{{ .Identifier }}" {{ if .Params.NewPage -}}target="_blank" {{- end -}}>
|
||||
{{- .Pre | safeHTML }} {{ .Name }} {{ .Post | safeHTML -}}
|
||||
</a>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
<span class="nav-icons-divider"></span>
|
||||
<div class="nav-link dark-theme-toggle">
|
||||
<span class="sr-only dark-theme-toggle-screen-reader-target">theme</span>
|
||||
<a aria-hidden="true" role="switch">
|
||||
<span class="theme-toggle-icon" data-feather="moon"></span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="nav-link" id="hamburger-menu-toggle">
|
||||
<span class="sr-only hamburger-menu-toggle-screen-reader-target">menu</span>
|
||||
<a aria-checked="false" aria-labelledby="hamburger-menu-toggle" id="hamburger-menu-toggle-target" role="switch">
|
||||
<span data-feather="menu"></span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- For mobile -->
|
||||
<ul class="nav-hamburger-list visibility-hidden">
|
||||
{{ range .Site.Menus.main }}
|
||||
<li class="nav-item">
|
||||
<a href="{{ .URL | absURL }}" {{ if .Params.NewPage -}} target="_blank"{{- end -}}>
|
||||
{{- .Pre | safeHTML }} {{ .Name }} {{ .Post | safeHTML -}}
|
||||
</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
<li class="nav-item dark-theme-toggle">
|
||||
<span class="sr-only dark-theme-toggle-screen-reader-target">theme</span>
|
||||
<a role="switch">
|
||||
<span class="theme-toggle-icon" data-feather="moon"></span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
@@ -0,0 +1,29 @@
|
||||
{{ define "main" }}
|
||||
<div class="container">
|
||||
<h1 class="list-title">{{ .Title }}</h1>
|
||||
<div class="projects-list">
|
||||
{{ range .Pages.ByWeight }}
|
||||
{{ $url := .Permalink }}
|
||||
{{ if .Params.externalUrl }}{{ $url = .Params.externalUrl }}{{ end }}
|
||||
<a class="project-card"
|
||||
href="{{ $url }}"
|
||||
{{ if .Params.externalUrl }}target="_blank" rel="noopener noreferrer"{{ end }}>
|
||||
<div class="project-card-header">
|
||||
<span class="project-title">{{ .Title }}</span>
|
||||
<span data-feather="arrow-up-right" class="project-arrow"></span>
|
||||
</div>
|
||||
{{ if .Params.description }}
|
||||
<p class="project-description">{{ .Params.description }}</p>
|
||||
{{ end }}
|
||||
{{ if .Params.tags }}
|
||||
<div class="project-tags">
|
||||
{{ range .Params.tags }}
|
||||
<span class="project-tag">{{ . }}</span>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ end }}
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
Reference in New Issue
Block a user