Add photoswipe

Signed-off-by: Nikolaos Karaolidis <nick@karaolidis.com>

layouts/partials/head/bots.html

@@ -0,0 +1,2 @@
+<meta name="robots" content="all,follow" />
+<meta name="googlebot" content="index,follow,snippet,archive" />

layouts/partials/head/photoswipe.html

@@ -0,0 +1,17 @@
+{{ with resources.Get "css/photoswipe/photoswipe.css" | minify | fingerprint }}
+  <link
+    rel="stylesheet"
+    href="{{- .RelPermalink -}}"
+    integrity="{{- .Data.Integrity -}}"
+  />
+{{ end }}
+
+{{ $opts := dict "minify" true }}
+{{ with resources.Get "js/photoswipe.js" | js.Build $opts | minify | fingerprint }}
+  <script
+    src="{{ .RelPermalink }}"
+    integrity="{{ .Data.Integrity }}"
+    crossorigin="anonymous"
+    async
+  ></script>
+{{ end }}

layouts/partials/head/rss.html

@@ -0,0 +1,5 @@
+{{ with .OutputFormats.Get "RSS" }}
+  {{ printf `
+    <link href="%s" rel="%s" type="%s" title="%s" />` .Permalink .Rel .MediaType.Type $.Site.Title | safeHTML
+  }}
+{{ end }}

layouts/partials/head/styles.html

@@ -0,0 +1,8 @@
+{{ $opts := dict "targetPath" "css/main.css" }}
+{{ with resources.Get "sass/main.scss" | css.Sass $opts | minify | fingerprint }}
+  <link
+    rel="stylesheet"
+    href="{{- .RelPermalink -}}"
+    integrity="{{- .Data.Integrity -}}"
+  />
+{{ end }}

layouts/partials/head/twitter.html

@@ -1,13 +1,3 @@
-{{ with .Params.image }}
-  {{ $image := $.Resources.GetMatch . }}
-  {{ with $image }}
-    {{ $thumb := .Resize "400x" }}
-    <meta name="twitter:card" content="summary_large_image" />
-    <meta name="twitter:image" content="{{- $thumb.Permalink -}}" />
-  {{ end }}
-{{ end }}
-
-
 <meta name="twitter:title" content="{{- .Title -}}" />
 <meta
   name="twitter:description"
@@ -21,3 +11,12 @@
     {{- end -}}
   {{- end -}}"
 />
+
+{{ with .Params.image }}
+  {{ $image := $.Resources.GetMatch . }}
+  {{ with $image }}
+    {{ $thumb := .Resize "400x" }}
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:image" content="{{- $thumb.Permalink -}}" />
+  {{ end }}
+{{ end }}

layouts/partials/image.html

@@ -2,15 +2,28 @@
 {{- $caption := .caption -}}
 {{- $alt := default .caption .alt -}}
 
-{{ if $path }}
-  <figure class="image">
-    <img
-      src="{{- $path | absURL -}}"
-      {{ with $caption }}title="{{- . -}}"{{ end }}
-      {{ with $alt }}alt="{{- . -}}"{{ end }}
-    />
-    {{ with $caption }}
-      <figcaption>{{ . }}</figcaption>
-    {{ end }}
-  </figure>
-{{ end }}
+{{- if $path -}}
+  {{- $isRemote := strings.HasPrefix $path "http" -}}
+  {{- $image := cond $isRemote (resources.GetRemote $path) (resources.Get $path) -}}
+
+  {{- if $image -}}
+    <figure class="image gallery">
+      <a
+        href="{{- $image.RelPermalink -}}"
+        data-pswp-width="{{- $image.Width -}}"
+        data-pswp-height="{{- $image.Height -}}"
+      >
+        <img
+          src="{{- $image.RelPermalink -}}"
+          width="{{- $image.Width -}}"
+          height="{{- $image.Height -}}"
+          {{ with $caption }}title="{{- . -}}"{{ end }}
+          {{ with $alt }}alt="{{- . -}}"{{ end }}
+        />
+      </a>
+      {{ with $caption }}
+        <figcaption>{{ . }}</figcaption>
+      {{ end }}
+    </figure>
+  {{- end -}}
+{{- end -}}