[meta] Remove social bar in favour of something smaller, Add pixelfed

assets/css/03_bascht.com.css

@@ -323,37 +323,19 @@ h2 span.social_logo {
     display: inline-block;
 }
 
-div.social_bar {
-    clear: both;
-    padding-left: 1em;
-    height: 230px;
+ul.social_bar {
+    list-style-type: none;
 }
 
-div.social_bar > a {
-    margin-left: 2em;
+.social_bar span.social_logo {
+    color: #f2f2f2;
+    width: 1.2em;
+    height: 1.2em;
+    margin-right: 0.4em;
+    margin-left: 0.2em;
+    vertical-align: left;
     display: inline-block;
-    /* height: 4em; */
-
-    padding: 1em;
-    box-sizing: border-box;
-    margin: 1em;
-    width: 25%;
-    /* height: 10em; */
-    flex: 1 auto;
-    float: center;
-    height: 100%;
-    border: 1px solid #cdcdcd;
-    border-radius: 5px;
-
-    overflow: hidden;
-    text-decoration: none;
-    color: inherit;
-
-    background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%);
-    background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 100%);
-    background: linear-gradient(to bottom, #f2f2f2 0%,#ffffff 100%);
 }
-
 .social_bar .pixelfed_image img,
 .social_bar .instagram_image img {
     width: 20%;

content/posts/_index.md

@@ -5,8 +5,9 @@ layout: list
 Dieser Content wird aggregiert aus 
 
 - [Twitter @bascht](twitter)
-- [Instagram @bascht](instagram)
 - [Mastodon @bascht@social.yakshed.org](mastodon)
+- [Pixelfed @bascht@pixel.bascht.space](pixelfed)
 - [Spotify @bascht](spotify/like)
 - [Foursquare @bascht](foursquare/checkin)
 - [Pinboard @bascht](pinboard)
+- [Instagram @bascht](instagram)

content/posts/pixelfed/_index.md

@@ -0,0 +1,5 @@
+---
+title: "Pixelfed"
+layout: account-list
+types: ["pixelfed_image"]
+---

layouts/index.html

@@ -16,15 +16,16 @@
             Musikalisch fühle ich mich irgendwo zwischen Hardcore und Jazz zu Hause, spiele Gitarre und ein
             KORG nanoKEY (letzteres noch mehr schlecht als recht).
             Viel Spaß beim stöbern!
-            <p class="noborder"><img alt="Baschts Unterschrift" src="/images/bascht_unterschrift.gif"></p>
-            <div class="social_bar">
-                {{ $array := slice "foursquare_checkin" "pixelfed_image" "twitter_tweet" }}
+            <h5>Hier die aktuellsten Updates aus <a href="/posts">/posts</a>:</h5>
+            <ul class="social_bar">
+                {{ $array := slice "twitter_tweet" "pixelfed_image" "foursquare_checkin" }}
                 {{ range $type := $array }}
                 {{ range first 1 (where site.Pages "Params.type" $type).ByDate.Reverse }}
-                {{ .Render "summary" }}
+                <li><a href="{{.Permalink}}">{{partial "social_logo" . }}{{ .Title }}</a> <small>{{.Date.Format "2006-01-01" }}</small></li>
                 {{ end }}
                 {{ end }}
-            </div>
+            </ul>
+            <p class="noborder"><img alt="Baschts Unterschrift" src="/images/bascht_unterschrift.gif"></p>
 
         </div>
     </div>

layouts/partials/social_logo.html

@@ -1,5 +1,3 @@
 {{ if .Params.type }}
-<span class="social_logo">
-    {{ readFile (printf "static/images/posts/%s.svg" .Params.type) | safeHTML }}
-</span>
-{{ end }}
+<span class="social_logo">{{ readFile (printf "static/images/posts/%s.svg" .Params.type) | safeHTML }}</span>
+{{- end -}}