diff options
Diffstat (limited to 'layouts/_partials/photo-article.html')
| -rw-r--r-- | layouts/_partials/photo-article.html | 32 |
1 files changed, 32 insertions, 0 deletions
diff --git a/layouts/_partials/photo-article.html b/layouts/_partials/photo-article.html new file mode 100644 index 0000000..1040c9b --- /dev/null +++ b/layouts/_partials/photo-article.html @@ -0,0 +1,32 @@ +<article class="article-single"> + <!-- Photo Hero --> + {{ if .Params.image }} + <div class="article-hero" style="background-image: url('{{ .Params.image }}')"> + <div class="article-hero-overlay"></div> + <div class="article-hero-content"> + <h1>{{ .Title }}</h1> + </div> + </div> + {{ end }} + + <!-- Article Meta Bar --> + <div class="article-meta-bar"> + <div class="article-meta"> + <span class="article-type-badge type-{{ .Params.type }}">{{ .Params.type }}</span> + <span class="article-date">{{ .Date.Format "Jan 02, 2006" }}</span> + </div> + </div> + + <!-- Photo Grid --> + <div class="article-body container-narrow"> + <div class="photo-grid" data-lightbox="true"> + {{ .Content }} + </div> + </div> + + <!-- Load photo utilities --> + {{ $photoUtils := resources.Get "js/photo-utils.js" }} + {{ $lightbox := resources.Get "js/lightbox.js" | fingerprint }} + <script src="{{ $photoUtils.RelPermalink }}"></script> + <script src="{{ $lightbox.RelPermalink }}"></script> +</article> |