From f31eb5e15dac3ce3a03f2fc81d595147f5508395 Mon Sep 17 00:00:00 2001
From: Sebastian Schulze <github.com@bascht.com>
Date: Wed, 21 Oct 2020 18:01:59 +0200
Subject: [PATCH] Add pixelfed layouts

---
 assets/css/03_bascht.com.css            |   2 +
 layouts/pixelfed_image/.single.html.swp | Bin 0 -> 12288 bytes
 layouts/pixelfed_image/single.html      |  34 +++++++++++
 layouts/pixelfed_image/summary.html     |   6 ++
 static/images/posts/pixelfed_image.svg  |  74 ++++++++++++++++++++++++
 5 files changed, 116 insertions(+)
 create mode 100644 layouts/pixelfed_image/.single.html.swp
 create mode 100644 layouts/pixelfed_image/single.html
 create mode 100644 layouts/pixelfed_image/summary.html
 create mode 100644 static/images/posts/pixelfed_image.svg
diff --git a/assets/css/03_bascht.com.css b/assets/css/03_bascht.com.css
index 8341348b..85130ee6 100644
--- a/assets/css/03_bascht.com.css
+++ b/assets/css/03_bascht.com.css
@@ -297,6 +297,7 @@ article.summary a.anchor {
 
 .stream .twitter_tweet img,
 .stream .mastodon_toot img,
+.stream .pixelfed_image img,
 .stream .instagram_video img,
 .stream .instagram_image img {
     width: 90%;
@@ -353,6 +354,7 @@ div.social_bar > a {
     background: linear-gradient(to bottom, #f2f2f2 0%,#ffffff 100%);
 }
 
+.social_bar .pixelfed_image img,
 .social_bar .instagram_image img {
     width: 20%;
 }
diff --git a/layouts/pixelfed_image/.single.html.swp b/layouts/pixelfed_image/.single.html.swp
new file mode 100644
index 0000000000000000000000000000000000000000..f01511793cd9616f54816091f063ba0f4dab9f71
GIT binary patch
literal 12288
zcmeI2zi-n(6vwY+szfP*mEr12un=FGMwG!ZDpW{C{OC|%K&X1LFR>-Zw(iaeQB_r9
zW<yL!@CPt6AXwSpFJSA+!otow=a*ZxNQ}U<^wpj3-n}0m+e4Jsu0Ptk$JgB^!|Oa_
zn`gc}ee<2oUrrfogAO8NH-3MCQ8BnhTPmGHAl*=&Y%ltt#9%NG{aBd-5-|!OLY3w2
zXzrFCM3E;Mgi?tFhFM{>h*NE#tDv{rk3*RW9jDzyx{>K6C&!{yB0vNx1ParsU0-Bt
zjn%qcU2&HA#S0HB1~erCM1Tko0U|&IhyW2F0z}|nCt&h9c7R3Bj|;st9_NmY<69bt
z01+SpM1Tko0U|&IhyW2F0z`la5P`pt0ECRaKFipZMNA(5|DXK+KU`w$8|owK6>1OF
zL)}Gfp&F<a)G}%b_4OQMpHNRw_fa=cYp9>-_cQ7P>ILcm)ki%>t)m3W#y-Rx-lN{3
z=pq6{fCvx)B0vO)01+SpMBu+C;0fFA>oZTxX6-B-`i%3vJ)VOyF(lmSWSNnw><xCf
z%m2jqRNGTGPKvm{e=MUMx|M{=ZBK-8-)7D+LD1OLJi6ih$J>|Bxd%K_veR;ekwGLJ
ze+P%!h6<v%FY&;{*o%~y&71xXbT#JM^p6n1)@eQEQHC$$qS<z)jSQzJ+)Xgjy`8BZ
z81CGGv;Z}{%Iggi@kYIV&EezIUL|Er2gwJ?w1P@)HqHYTcjFY2WXSU}95>mlKzwrU
zHehGBcC)eJZlMwk<oKuWRS;N!WmEWsLs^^73KdAMRnT%OZhA6|Vd9^gVJ=(FsH41>
zHyxiXc;y`rvec+7(LTG$7G~!s<=YT;^%k1R)Y#>X1!h+<8+@=lNI>hBW9zM1UucBh
z%k3kuylAzoawj&4L^t>(R;^vtNe|+b4;19NROncO>cr1VZ<xaLtxuufhS^(>8F{0R
OqiPgM+f`qE6@CGb8B2Nq

literal 0
HcmV?d00001

diff --git a/layouts/pixelfed_image/single.html b/layouts/pixelfed_image/single.html
new file mode 100644
index 00000000..900fcd77
--- /dev/null
+++ b/layouts/pixelfed_image/single.html
@@ -0,0 +1,34 @@
+{{ partial "header.html" . }}
+<body>
+    {{ partial "navbar.html" . }}
+    <div class="main wrapper clearfix">
+        <article class="h-entry">
+            <h1 class="p-name"><a class="u-url" href="{{ .Permalink }}">{{ .Title }}</a></h1>
+            <div class="post-content e-content">
+                <a href="{{ .Params.media_url }}"><img src="{{ .Params.media_url }}"></a>
+                Originally posted to <a class="u-syndication syn-link" rel="syndication" href="{{ .Params.original_url }}">{{ .Params.original_url }}</a>
+            </div>
+            <time class="hidden dt-published" datetime="{{ $.Date }}">{{ .Date.Format "02. January 2006" }}</time>
+            <a class="p-author h-card hidden" href="https://bascht.com"><img class="u-photo hidden" src="/images/bascht.jpg"/>Bascht</a>
+            {{ partial "webmentions.html" . }}
+            {{ $related := .Site.RegularPages.Related . | first 5 }}
+            {{ with $related }}
+            <h3>Ähnliche Beiträge</h3>
+            <ul>
+	              {{ range . }}
+	              <li><a href="{{ .RelPermalink }}">{{ .Title }}</a></li>
+	              {{ end }}
+            </ul>
+            {{ end }}
+        </article>
+        <aside>
+            <h4>Posted</h4> <span class="dt-published">{{ .Date.Format "January, 02th 2006" }}</span>
+            <h4>Tags</h4> {{ partial "tags.html" . }}
+            <hr/>
+            <a href="/posts/instagram/">Instagram Archive</a>
+        </aside>
+    </div>
+    {{ partial "pager.html" . }}
+    {{ partial "footer.html" . }}
+</body>
+</html>
diff --git a/layouts/pixelfed_image/summary.html b/layouts/pixelfed_image/summary.html
new file mode 100644
index 00000000..8639a9ce
--- /dev/null
+++ b/layouts/pixelfed_image/summary.html
@@ -0,0 +1,6 @@
+<a href="{{.Permalink}}" class="summary pixelfed_image u-url">
+  <h2 class="p-name"><span class="social_logo">{{ partial "social_logo" . }}</span>{{.Title | default "Untitled" }}</h2>
+  <p><img alt="Pixelfed Photo: {{ .Params.title }}"  srcset="https://img.bascht.com/proxy/300,webp/{{ .Params.media_url }} 300w, https://img.bascht.com/proxy/850,webp/{{ .Params.media_url }} 850w" sizes=" (min-width: 400px) 300vw, 800vw" src="https://img.bascht.com/proxy/300,webp/{{ .Params.media_url }}" ></p>
+  <small>{{ .Date.Format "January, 02th 2006" }}</small>
+</a>
+<a class="hidden u-syndication syn-link" rel="syndication" href="{{ .Params.original_url }}">{{ .Params.original_url }}</a>
diff --git a/static/images/posts/pixelfed_image.svg b/static/images/posts/pixelfed_image.svg
new file mode 100644
index 00000000..16bad959
--- /dev/null
+++ b/static/images/posts/pixelfed_image.svg
@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="24"
+   viewBox="0 0 24 24"
+   version="1.1"
+   id="svg955"
+   sodipodi:docname="pixelfed_image.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+  <metadata
+     id="metadata959">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>icon/black/svg/pixelfed-icon-black</dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1313"
+     inkscape:window-height="1255"
+     id="namedview957"
+     showgrid="false"
+     inkscape:zoom="12.82"
+     inkscape:cx="25"
+     inkscape:cy="25"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg955" />
+  <!-- Generator: Sketch 51.3 (57544) - http://www.bohemiancoding.com/sketch -->
+  <title
+     id="title945">icon/black/svg/pixelfed-icon-black</title>
+  <desc
+     id="desc947">Created with Sketch.</desc>
+  <defs
+     id="defs949" />
+  <g
+     id="Page-1"
+     stroke="none"
+     stroke-width="1"
+     fill="none"
+     fill-rule="evenodd"
+     transform="matrix(0.26251097,0,0,0.26251097,5.3813012,5.3813012)">
+    <g
+       id="icon-copy-11"
+       fill="#000000">
+      <g
+         id="Group-12">
+        <path
+           d="M 25,50 C 11.192881,50 0,38.807119 0,25 0,11.192881 11.192881,0 25,0 38.807119,0 50,11.192881 50,25 50,38.807119 38.807119,50 25,50 Z M 23.015316,30.458015 h 4.586148 c 4.320335,0 7.822658,-3.409518 7.822658,-7.615371 0,-4.205853 -3.502323,-7.615371 -7.822658,-7.615371 h -6.619172 c -2.492501,0 -4.513072,1.967029 -4.513072,4.393483 v 17.100022 z"
+           id="Combined-Shape" />
+      </g>
+    </g>
+  </g>
+</svg>
