design update

.gitignore

@@ -5,3 +5,4 @@ _site
 Gemfile.lock
 web
 /.idea/
+/.jekyll-cache/

2024/style.css

@@ -12,7 +12,7 @@
 
 body {
   background-color: #30befe;
-  overflow:auto;
+  overflow:hidden;
   position:absolute;
   left:0;
   right:0;
@@ -318,33 +318,40 @@ main > section > figure::before {
   padding: 0.5rem 2rem 0.5rem 0.5rem;
   z-index:1;
 }
-main > section > figure > img {
-  width: 100%;
+main > section > figure > img,
+article > section img {
+  max-width: 100%;
+  min-width: 70%;
   border-style: solid;
   background-color: #000;
 }
-main > section > figure:nth-of-type(4n+0) > img {
+main > section > figure:nth-of-type(4n+0) > img,
+article > section img:nth-of-type(4n+0) {
   border-width: 0.3em;
   border-radius: 95% 5% 87% 5%/5% 87% 5% 95%;
   transform: rotate(-1deg);
 }
-main > section > figure:nth-of-type(4n+1) > img {
+main > section > figure:nth-of-type(4n+1) > img,
+article > section img:nth-of-type(4n+1) {
   border-width: 0.2em 0.3em 0.2em 0.3em;;
   border-radius:95% 4% 92% 5%/4% 95% 6% 95%;
   transform: rotate(2deg);
 }
-main > section > figure:nth-of-type(4n+2) > img {
+main > section > figure:nth-of-type(4n+2) > img,
+article > section img:nth-of-type(4n+2) {
   width:350px;
   border-width: 0.2em 0.2em 0.3em 0.3em;;
   border-radius:4% 95% 6% 95%/95% 4% 92% 5%;
   transform: rotate(-2deg);
 }
-main > section > figure:nth-of-type(4n+3) > img {
+main > section > figure:nth-of-type(4n+3) > img,
+article > section img:nth-of-type(4n+3) {
   border-width:0.3em 0.2em 0.2em 0.3em;;
   border-radius:95% 4% 97% 5%/4% 94% 3% 95%;
   transform: rotate(2deg);
 }
 
+
 main > section {
   display: none;
 }
@@ -357,7 +364,7 @@ body > h1 {
     display:none;
 }
 main > p {
-    display:block;
+    display:none;
 }
 a {
   text-decoration: none;
@@ -366,4 +373,30 @@ a {
 main > p {
   opacity: 0.3;
   margin-top: -4em;
+}
+
+/* footer */
+
+ul.social img {
+  height: 1.5em;
+}
+ul.social a {
+  opacity: 0.8;
+}
+ul.social a:after {
+  content: attr(alt);
+  display: inline-block;
+  padding: 0 1em 0 0.3em;
+  vertical-align: middle;
+  height: 100%;
+}
+ul.social a:hover {
+  opacity 1;
+}
+ul.social, ul.social > li {
+  display: inline-block;
+  margin: 0;
+  padding: 0;
+  height: 100%;
+  line-height: 100%;
 }

_comic_topics/about.md

@@ -0,0 +1,6 @@
+---
+slag: about
+name: About
+description: About Wolf
+priority: 2
+---

_comic_topics/contact.md

@@ -0,0 +1,6 @@
+---
+slag: contact
+name: contact
+description: Meet Wolf
+priority: 7
+---

_comic_topics/gallery.md

@@ -0,0 +1,6 @@
+---
+slag: gallery
+name: gallery
+description: Deaf Pics
+priority: 5
+---

_comic_topics/news.md

@@ -0,0 +1,6 @@
+---
+slag: news
+name: News
+description: Deaf News
+priority: 1
+---

_comic_topics/releases.md

@@ -0,0 +1,6 @@
+---
+slag: release
+name: releases
+description: Deaf Records
+priority: 4
+---

_comic_topics/shop.md

@@ -0,0 +1,6 @@
+---
+slag: shop
+name: shop
+description: Deaf Merch
+priority: 6
+---

_comic_topics/shows.md

@@ -0,0 +1,6 @@
+---
+slag: show
+name: Shows
+description: Deaf Shows
+priority: 3
+---

_config.yml

@@ -1,6 +1,7 @@
 # Location of collections
 collections:
   - meta_chapters
+  - comic_topics
 
 exclude:
   - Gemfile
@@ -13,14 +14,33 @@ header:
     - zwischen heavy und catchy!
   social:
     - name: Facebook
-      url: https://www.facebook.com/deafflow/
+      url: https://www.facebook.com/deafwolfrocks/
       icon: 2020/images/facebook.png
+      priority: 1
     - name: bandcamp
       url: https://deafwolf.bandcamp.com/
       icon: 2020/images/bandcamp-button-bc-circle-black-128.png
+      priority: 1
     - name: laut.de
       url: http://www.laut.de/Deaf-Flow
       icon: 2020/images/laut_logo_400x400.png
+      priority: 1
+    - name: Songick
+      url: https://www.songkick.com/artists/10322687-deaf-wolf
+      icon: 2024/images/songkick.svg
+    - name: Instagram
+      url: https://www.instagram.com/deafwolf_rocks/
+      icon: 2024/images/instagram.png
+    - name: Linktree
+      url: https://linktr.ee/deafwolf
+      icon: 2024/images/linktree.svg
+    - name: YouTube
+      url: https://www.youtube.com/@MrDeafWolf
+      icon: 2024/images/youtube.png
+    - name: Spotify
+      url: https://open.spotify.com/artist/6cp45mlXkzgtor8bGozNOB
+      icon: 2024/images/spotify.png
+
 
 # gems:
 #  - jekyll-sitemap

_includes/gojira-intro.html

@@ -1,7 +1,11 @@
 <div class="titlescreen">
     <ul class="social">
         {% for social in site.header.social %}
+
+        {% if social.priority %}
         <li><a href="{{ social.url }}"><img src="{{ social.icon }}" alt="{{ social.name }}" /></a></li>
+        {% endif %}
+
         {% endfor %}
     </ul>
 

_includes/html-comic-nav.html

@@ -1,7 +1,7 @@
 <ul id="navi">
-{% assign chapterByPriority = site.meta_chapters | sort:"priority" %}
+{% assign chapterByPriority = site.comic_topics | sort:"priority" %}
 {% for cat in chapterByPriority %}
   {% assign postsInChapter = site.posts | where_exp:"post","post.chapter == cat.slag" | sort: "section" %}
-  <li><a href="#{{cat.slag}}">{{cat.name[0].generic | upcase}}</a></li>
+  <li><a href="#{{cat.slag}}">{{cat.name | upcase}}</a></li>
 {% endfor %}
 </ul>

_includes/html-comic-social.html

@@ -1,7 +1,7 @@
 <div class="footer">
     <ul class="social">
         {% for social in site.header.social %}
-        <li><a href="{{ social.url }}"><img src="{{ social.icon }}" alt="{{ social.name }}" /></a></li>
+        <li><a href="{{ social.url }}" alt="{{ social.name }}"><img src="{{ social.icon }}" alt="{{ social.name }}" /></a></li>
         {% endfor %}
     </ul>
 </div>

_posts/2016-09-01-Record-Release-Concert.md

@@ -5,6 +5,8 @@ chapter: news
 gig: 2016-12-10 21:00:00 +0100
 section: 2
 priority: 1
+tags:
+  - show
 box:
   size:
   image:

_posts/2016-12-06-Goetterdaemmerung.md

@@ -2,7 +2,9 @@
 title:  "Götterdämmerung"
 date:   2016-12-06 07:00:00 +0000
 chapter: sound
-tags: media
+tags:
+  - media
+  - release
 section: 1
 priority: 3
 box:

_posts/2016-12-08-Band-Story.md

@@ -4,6 +4,8 @@ date:   2016-12-08 07:00:00 +0000
 chapter: band
 section: 1
 priority: 1
+tags:
+  - about
 box:
   size:
   image:

_posts/2016-12-08-Pressestimmen.md

@@ -4,6 +4,8 @@ date:   2016-12-08 08:00:00 +0000
 chapter: band
 section: 1
 priority: 2
+tags:
+  - about
 box:
   size: 6
   image:

_posts/2016-12-08-Songs-From-The-Dark-Side.md

@@ -2,7 +2,9 @@
 title:  "Songs From The Dark Side"
 date:   2016-12-08 07:00:00 +0000
 chapter: sound
-tags: media
+tags:
+  - release
+  - media
 section: 1
 priority: 1
 box:

_posts/2016-12-08-The-Tesla-Complex.md

@@ -2,7 +2,9 @@
 title:  "The Tesla Complex"
 date:   2016-12-08 07:00:00 +0000
 chapter: sound
-tags: media
+tags:
+  - show
+  - media
 section: 1
 priority: 2
 box:

_posts/2016-12-08-Vergangene-Konzerte.md

@@ -4,6 +4,8 @@ date:   2016-12-08 07:00:00 +0000
 chapter: news
 section: 1
 priority: 1
+tags:
+  - about
 box:
   size:
   image:

_posts/2017-07-13-Sasquatsch-gesichtet.md

@@ -5,6 +5,8 @@ chapter: news
 gig: 2017-07-15 22:00:00 +0100
 section: 2
 priority: 2
+tags:
+  - show
 box:
   size: 4
   image:

_posts/2018-10-09-Break-Out-sehr-laut.md

@@ -5,6 +5,8 @@ chapter: news
 gig: 2018-10-27 20:00:00 +0200
 section: 3
 priority: 2
+tags:
+  - show
 box:
   size: 4
   image:

_posts/2018-10-10-red-beard.md

@@ -5,6 +5,8 @@ chapter: news
 gig: 2018-12-22 20:00:00 +0200
 section: 3
 priority: 1
+tags:
+  - show
 box:
   size:
   image:

_posts/2019-04-21-mojo-rising.md

@@ -5,6 +5,8 @@ chapter: news
 gig: 2019-04-21 18:00:00 +0200
 section: 4
 priority: 1
+tags:
+  - show
 box:
   size:
   image:

_posts/2019-05-04-flowerpower.md

@@ -5,6 +5,8 @@ chapter: news
 gig: 2019-05-04 18:00:00 +0200
 section: 4
 priority: 2
+tags:
+  - show
 box:
   size: 6
   image:

_posts/2019-05-18-metal-stone.md

@@ -5,6 +5,8 @@ chapter: news
 gig: 2019-05-18 20:00:00 +0200
 section: 5
 priority: 1
+tags:
+  - show
 box:
   size:
   image:

_posts/2019-08-30-deaf-fest.md

@@ -5,6 +5,8 @@ chapter: news
 gig: 2019-08-30 20:00:00 +0200
 section: 5
 priority: 2
+tags:
+  - news
 box:
   size: 2
   image:

_posts/2019-10-30-tease-disco-doom.md

@@ -4,6 +4,8 @@ date: 2019-10-30 07:00:00 +0000
 chapter: news
 section: 6
 priority: 1
+tags:
+  - news
 box:
   size:
   image:

_posts/2019-10-31-Disco-Doom.md

@@ -2,7 +2,9 @@
 title:  "Disco Doom"
 date:   2019-10-31 07:00:00 +0000
 chapter: sound
-tags: media
+tags:
+  - release
+  - media
 section: 1
 priority: 4
 box: