Update the grid-side theme
This commit is contained in:
@@ -0,0 +1,25 @@
|
||||
{{ $sp := .Site.Params }}
|
||||
{{ if and (isset $sp "Project") (isset $sp.Project "infinite_scroll") }}
|
||||
{{ with $sp.Project.infinite_scroll }}
|
||||
{{ $.Scratch.Set "infinite_scroll" (eq . true) }}
|
||||
{{ end }}
|
||||
{{ else }}
|
||||
{{ $.Scratch.Set "infinite_scroll" false }}
|
||||
{{ end }}
|
||||
|
||||
{{ if eq ($.Scratch.Get "infinite_scroll") false }}
|
||||
{{ with $sp.infinite_scroll }}
|
||||
{{ $.Scratch.Set "infinite_scroll" (eq . true) }}
|
||||
{{ else }}
|
||||
{{ $.Scratch.Set "infinite_scroll" false }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
||||
{{ $infinite_scroll := $.Scratch.Get "infinite_scroll" }}
|
||||
|
||||
<div class="masonry-flex-container {{ if $infinite_scroll }}infinite-scroll{{ end }}">
|
||||
{{ range .Paginator.Pages }}
|
||||
{{ partial "project/item.html" . }}
|
||||
{{ end }}
|
||||
</div>
|
||||
|
37
themes/grid-side-old/layouts/partials/project/item.html
Normal file
37
themes/grid-side-old/layouts/partials/project/item.html
Normal file
@@ -0,0 +1,37 @@
|
||||
|
||||
{{ $baseUrl := $.Site.BaseURL }}
|
||||
{{ if isset .Params "image" }}
|
||||
{{ $.Scratch.Set "image" .Params.image }}
|
||||
{{ else }}
|
||||
{{ $.Scratch.Set "image" "/img/placeholder.jpg" }}
|
||||
{{ end }}
|
||||
{{ $image := $.Scratch.Get "image" | urlize }}
|
||||
{{ $title := .Title }}
|
||||
{{ $summary := .Summary }}
|
||||
{{ $link := .Permalink }}
|
||||
<!-- TODO: Figure out why line height causes issues here -->
|
||||
<div class="flex-item flex-item-spacing no-line-height">
|
||||
<div class="relative lazyload" data-noscript="">
|
||||
<noscript>
|
||||
<a href="{{ $link }}">
|
||||
<div class="project-container rounded-corners z-depth-1">
|
||||
<div class="project-container-image rounded-corners-top">
|
||||
{{ if or (or (isset .Params "video_mp4") (isset .Params "video_ogv")) (or (isset .Params "video_webm") (isset .Params "video_3gp")) }}
|
||||
{{ .Scratch.Set "class" "rounded-corners-top fill-container-width" }}
|
||||
{{ partial "extra/video.html" . }}
|
||||
{{ else }}
|
||||
<img src="{{ $baseUrl }}{{ $image }}" class="fill-container-width rounded-corners-top" />
|
||||
{{ end }}
|
||||
</div>
|
||||
<div class="rounded-corners-bottom center-text project-container-title">
|
||||
<h4 class="white-text">{{ $title }}</h4>
|
||||
{{ partial "extra/categories.html" . }}
|
||||
<span class="separator">|</span>
|
||||
{{ partial "extra/tags.html" . }}
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</noscript>
|
||||
</div>
|
||||
</div>
|
||||
|
16
themes/grid-side-old/layouts/partials/project/list.html
Normal file
16
themes/grid-side-old/layouts/partials/project/list.html
Normal file
@@ -0,0 +1,16 @@
|
||||
{{ partial "core/html-start.html" . }}
|
||||
{{ partial "core/head.html" . }}
|
||||
|
||||
<body class="page-colors minimum-viewport-height">
|
||||
{{ partial "core/main-menu.html" . }}
|
||||
|
||||
<section class="main-content">
|
||||
{{ partial "project/collection.html" . }}
|
||||
{{ partial "extra/pagination.html" . }}
|
||||
</section>
|
||||
|
||||
{{ partial "core/js.html" . }}
|
||||
</body>
|
||||
|
||||
{{ partial "core/html-end.html" . }}
|
||||
|
44
themes/grid-side-old/layouts/partials/project/single.html
Normal file
44
themes/grid-side-old/layouts/partials/project/single.html
Normal file
@@ -0,0 +1,44 @@
|
||||
{{ partial "core/html-start.html" . }}
|
||||
|
||||
{{ partial "core/head.html" . }}
|
||||
|
||||
<body class="page-colors minimum-viewport-height">
|
||||
{{ partial "core/main-menu.html" . }}
|
||||
|
||||
<div class="main-content">
|
||||
<div class="center-space">
|
||||
<div class="article-colors">
|
||||
{{ with .Params.image }}
|
||||
<img src="{{ . }}" class="fill-container-width"></img>
|
||||
{{ end }}
|
||||
<article>
|
||||
<header>
|
||||
<h1 class="article-title">{{ .Title }}</h1>
|
||||
{{ partial "extra/categories.html" . }}
|
||||
<span class="separator">|</span>
|
||||
{{ partial "extra/tags.html" . }}
|
||||
</header>
|
||||
|
||||
<hr>
|
||||
|
||||
<section>
|
||||
{{ with .Params.redirect }}
|
||||
<p>If you are not redirected automatically, follow the <a href="{{ . }}">link</a>.</p>
|
||||
{{ else }}
|
||||
{{ .Content }}
|
||||
{{ end }}
|
||||
</section>
|
||||
|
||||
<footer class="right-align">
|
||||
<p><small>{{ .Site.Copyright | markdownify }}</small></p>
|
||||
</footer>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{ partial "core/js.html" . }}
|
||||
</body>
|
||||
|
||||
{{ partial "core/html-end.html" . }}
|
||||
|
Reference in New Issue
Block a user