progress

.gitignore

@@ -1,3 +1,4 @@
 public
 /resources/
-/public/
+/public/
+.hugo_build.lock

content/bunteshaus/cafe/index.de.md

@@ -3,6 +3,5 @@ title: "Offenes Café"
 date: "2021-10-20T17:00:00+02:00"
 when: "Mittwochs 16.00-19.00Uhr und Sonntags 14.00-17.00Uhr"
 recurrent: true
-categories: ["Buha"]
 ---
 Seit August gibt es im Bunten Haus das "Offene Café" immer Mittwochs 16.00 - 19.00 Uhr und Sonntags 14.00 - 17.00 Uhr: Wir haben leckeren Kaffee, Espresso, Tee und weitere Getränke und manchmal auch Kuchen. Wir freuen uns, wenn ihr vorbeischaut. Wir sehen uns dort!

content/bunteshaus/finanzen/index.de.md

@@ -1,7 +1,6 @@
 ---
 title: "Finanzen"
 date: "1993-09-04T19:00:00+02:00"
-categories: ["Buha"]
 ---
 Immer eine Gratwanderung... Trotz unserer eigentlich konkurrenzlosen Eintritts- und Getränkepreisen gibt's leider kaum eine Veranstaltung, bei der nicht an der Kasse diskutiert wird. Wir sind es leid. Aber gäbe es einen Weg die Preise auf Dauer zu halten, oder sogar zu senken: Kommt einfach in Massen! Denn unser Prinzip ist, Veranstaltung nach Möglichkeit kostendeckend durchzuführen.  
 Und Kosten haben wir immer. Feind Nr. 1 ist die "Gesellschaft für musikalische Aufführungs- und mechanische Vervielfältigungsrechte" (Gema), die sobald ein Ton erklingt die Hand aufhält. Bei Parties ist es nicht nur die Gema, es muss auch eine PA- und Lichtanlage geliehen werden. Und auch die Gagen für DJ's werden halt über den Eintritt finanziert. Und diese Kosten verteilen wir nach Möglichkeit auf die BesucherInnen. Doch schon der Alltag produziert Kosten, auch wenn die Räumlichkeiten von der Betriebsführungs - GmbH mietfrei zur Verfügung gestellt werden und selbst Mietnebenkosten bis zu einer monatlichen Obergrenze von 400€ frei sind. Aber: Wir zahlen Versicherung für den Fall, dass jemanden eine Box auf den Fuss fällt, zahlen die Abfallgebühr für den unvermeidlichen Müll, halten Internet und Telefon vor und müssen - auch wenn es manchmal nicht so scheint - permanent Reinigungsmittel und Toilettenpapier kaufen. Diese ganzen Kosten holen wir über den Getränke "Gewinn" rein. Unser wichtigster Partner in allen Ausbau und Anschaffungsfragen ist die Landesarbeitsgemeinschaft Soziokultur. Das Versammlungsstättenrecht nötigt selbst kleinen Zentren wie dem Bunten HAus zur Einhaltung einer Menge Vorschriften. Das fängt bei der Anzahl der Toiletten an, geht weiter über Feuerlöscher und Fluchtwegbeschilderung, und endet nicht bei der Lüftungsanlage, die jetzt in der Halle eingebaut wurde. Diese Investitionen wären ohne die Unterstützung der LAGS nicht möglich gewesen. Das Bunte Haus hatte zu allen diesen Investitionen einen Eigenanteil von 5 - 10% aufzubringen. Aus dem laufenden Betrieb wäre dies nicht zu erwirtschaften gewesen; allein zum Teil nicht unerhebliche Spenden machten es möglich, den jeweiligen Eigenanteil zu finanzieren. Wie immer, wenn es um Finanzen geht, hier der obligatorische SPENDENAUFRUF. Das Bunte Haus e.V. ist gemeinnützig. Jede Spende kann also bei der Steuererklärung geltend gemacht werden. Wer im doppelten Sinne für uns etwas über hat.

content/bunteshaus/foodsaving/index.de.md

@@ -3,7 +3,6 @@ title: "Food Saving"
 date: "2021-02-04T19:00:00+02:00"
 when: "Jeden Mittwoch 18:30-19:00Uhr & Samstags 15:00-15:30Uhr"
 recurrent: true
-categories: ["Buha"]
 ---
 Die kostenfreie Verteilung von gespendeten und geretteten Lebensmitteln geht auch nach der Wiedereröffnung der Tafel weiter. Wann? Immer Mittwochs von 18.30 bis 19 Uhr und Samstags von 15 bis 15.30 Uhr. Spenden?  Mitmachen? Wer mitmachen oder uns unterstützen möchte, kann sich per Mail an foodsavingcelle@riseup.net wenden, sodass wir bei Bedarf nachfragen können.
 <!--more-->

content/bunteshaus/geschichte/index.de.md

@@ -1,7 +1,6 @@
 ---
 title: "Aus der Geschichte des Bunten Hauses"
 date: "1993-09-04T19:00:00+02:00"
-categories: ["Buha"]
 ---
 Als Zeugungsdatum des Bunten Hauses können wir im Nachhinein den 4. September 1993 angeben, als ein Dutzend junger Leute das seit Jahren leerstehende ehemalige Naafi-Gebäude am Neumarkt besetzten und an einem "Tag der offenen Tür" einluden, sich ein Bild vom Zustand des Hauses und seiner Eignung als Kulturzentrum zu machen. Doch wie bei Zeugungsakten üblich, war es ein vergleichsweise kurzes Vergnügen. Und doch hatte sich schon ein Name für das Kind ergeben: "Ein Buntes Haus in einer toten Stadt" stand auf den aus den Fenstern gehängten Transparenten wie auch: "Kultur für alle".
 

content/bunteshaus/homepage/index.de.md

@@ -1,7 +1,6 @@
 ---
 title: "Homepage"
 date: "1993-09-04T19:00:00+02:00"
-categories: ["Buha"]
 ---
 Als Gruppe überlegen wir uns, welche Hardware nötig ist und welche Software wir benutzen um diese Homepage zu betreiben.  
 Wir haben uns für [hugo](https://de.wikipedia.org/wiki/Hugo_(Software)) entschieden, da wir so die Sicherheitslücken von PHP und JOOMLA oder ähnliche CMS umgehen und liefern nur statische Webseiten aus.  

content/bunteshaus/plenum/index.de.md

@@ -3,8 +3,9 @@ title: "Plenum"
 date: "1993-09-04T19:00:00+02:00"
 when: "jeden Monat am ersten und dritten Donnerstag, 19:00Uhr"
 recurrent: true
-categories: ["Buha"]
 tags: [ "Plenum" ]
+covid: "3g"
+price: "free"
 ---
 Das Plenum des Bunten Hauses findet jeden Donnerstag um 19.00 Uhr statt. Das Plenum ist offen für alle, die sich im Bunten Haus einbringen möchten.<!--more-->
 

content/bunteshaus/revista/index.de.md

@@ -1,7 +1,6 @@
 ---
 title: "Zeitungsprojekt Revista"
 date: "1993-09-04T19:00:00+02:00"
-categories: ["Buha"]
 ---
 Was ist Revista? Revista ist spanisch und heißt Zeitung, und genau das sind wir, eine Zeitung. Die revista ist ein relativ neues Projekt, die erste Ausgabe erschien um Oktober 1999.  
 

content/bunteshaus/selbstbestimmung-selbstverwaltung/index.de.md

@@ -1,7 +1,6 @@
 ---
 title: "Selbstbestimmung / Selbstverwaltung"
 date: "1993-09-04T19:00:00+02:00"
-categories: ["Buha"]
 ---
 Wenn es im Bunten Haus so etwas wie einen utopischen Gehalt gibt, ist's schlicht die Selbstverwaltung. Dabei geht's nur am Rande um die Form - denn in diesem Sinne hat ja jeder Kleingartenverein seine Selbstverwaltungsorgane - es geht um Selbstverwaltung als sozialem Kern des Ganzen. Selbstverwaltung meint dabei das Offensein für das Mögliche. Und: Selbstverwaltung macht nur im Einklang mit Selbstbestimmung einen Sinn. Die Entscheidung darüber, was im Zentrum läuft oder nicht, liegt bei denen, die das Zentrum betreiben - aber: JedeR kann dazu gehören und jede Stimme sollte ein gleiches Gewicht haben.
 

content/bunteshaus/soziokultur/index.de.md

@@ -1,7 +1,6 @@
 ---
 title: "Soziokultur"
 date: "1993-09-04T19:00:00+02:00"
-categories: ["Buha"]
 ---
 In größeren Städten gehören soziokulturelle Zentren seit Ende der 1970er Jahre zur Lebensqualität. Der "Pavillon" in Hannover oder die "Lagerhalle" in Osnabrück sind heute überregional bekannt. In den 1990er Jahren hat sich Soziokultur vermehrt auch in der Provinz Räumen erobert.
 

content/bunteshaus/umsonstladen/index.de.md

@@ -3,7 +3,8 @@ title: "Umsonstladen"
 date: "1993-09-04T19:00:00+02:00"
 when: "Jeden Dienstag von 16.00 bis 18.00 Uhr"
 recurrent: true
-categories: ["Buha"]
+price: "free"
+covid: "3g"
 ---
 Mit einer kleinen Feier hat der erste Umsonst-Laden in Celle eröffnet. In den vom Hof zugänglichen Raum ist der U-Laden eingezogen.  
 

content/events/31.7.2021-kabarett/index.de.md

@@ -5,6 +5,7 @@ categories: ["Kabarett"]
 when: "Samstag, 31.07.2021, 20:00Uhr"
 tags: ["Sunna Huygen"]
 price: "free"
+featured: true
 ---
 Braucht es heute dickes Fell oder dünne Haut, um zu retten, was noch zu retten ist? Rechtsruck stumpft ab, Patriarchat scheuert wund. Trotz der Hornhaut müssen wir weiter berührbar bleiben…und etwas tun! Mit Poesie und Pragmatismus.<!--more-->
 Welche Häute braucht es für morgen?

content/news/neue-seite/index.de.md

@@ -1,7 +1,6 @@
 ---
 title: "Neue Homepage"
 date: "2021-10-23T14:00:00+02:00"
-categories: ["Buha"]
 ---
 Wir präsentieren nun unsere neue Homepage.
 

themes/buha/assets/css/color.css

@@ -5,13 +5,14 @@
  */
 
 :root {
-  --background-body: #fff;
-  --background: #efefef;
-  --background-alt: #f7f7f7;
+  --background-body: #5d5d5d;
+  --background: #c8c3be;
+  --background-alt: #959595;
   --selection: #9e9e9e;
   --text-main: #363636;
   --text-bright: #000;
-  --text-muted: #70777f;
+  --text-muted: #4e5459;
+  --text-header: #dbdbdb;
   --links: #363636;
   --focus: #0096bfab;
   --border: #dbdbdb;
@@ -37,6 +38,7 @@
   --text-main: #dbdbdb;
   --text-bright: #fff;
   --text-muted: #a9b1ba;
+  --text-header: #dbdbdb;
   --links: #dbdbdb;
   --focus: #0096bfab;
   --border: #526980;
@@ -122,8 +124,7 @@ body {
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Segoe UI Emoji', 'Apple Color Emoji', 'Noto Color Emoji', sans-serif;
   line-height: 1.4;
   max-width: 1024px;
-  margin: 20px auto;
-  padding: 0 10px;
+  margin: auto;
   word-wrap: break-word;
   color: #363636;
   color: var(--text-main);

themes/buha/assets/css/layout.css

@@ -2,47 +2,60 @@
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
+	flex-direction: row;
+	flex-wrap: wrap;
+	background: url(/images/logo_back_full.svg);
+}
+
+main h1 {
+	margin-top: .2rem;
+	margin-bottom: .2rem;
 }
 
 .right-sidebar {
 	display: flex;
-	align-items: center;
-	flex-direction: column;
+	flex-direction: row;
+}
+
+.right-sidebar a {
+	color: var(--text-muted);
 }
 
 #pagination {
 	display: flex;
 	justify-content: flex-start;
-	margin: 1em;
+	margin: 1rem;
 }
 
 #pagination a {
-	padding-right: 1em;
-}
-#headerinner {
-	display: flex;
-	flex-direction: row;
-	flex-wrap: wrap;
+	padding-right: 1rem;
 }
+
 #menu {
 	display: flex;
 	justify-content: flex-end;
 	flex-wrap: wrap;
+	padding-right: .5rem;
 }
 
 #menu a {
-	margin-left: .5em;
+	margin-left: .5rem;
+	color: var(--text-header);
+}
+
+article h2 {
+	margin-top: 0;
 }
 
 footer {
 	display: flex;
 	justify-content: space-between;
 	flex-wrap: wrap;
-	margin-top: 1em;
+	margin-top: 1rem;
 }
 
 footer div {
-	margin-top: 1em;
+	margin-top: 1rem;
 }
 
 p a {
@@ -52,7 +65,11 @@ p a {
 article {
 	display: flex;
 	flex-direction: column;
-	margin-bottom: 1em;
+	margin-bottom: 1rem;
+	background-color: var(--background);
+	padding: 1rem;
+	border-radius: 18px;
+	/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
 }
 
 article a:hover {
@@ -65,11 +82,20 @@ article p:first-child {
 
 article img {
 	width: 100%;
-	margin-bottom: 1em;
+	margin-bottom: 1rem;
 }
 
+/*.button {
+	background-color: var(--background);
+	margin-top: 0.1rem;
+	margin-bottom: 0.1rem;
+	padding-left: 0.6rem;
+	padding-right: 0.6rem;
+	border-radius: 25px;
+}
+*/
 #readmore {
-	margin-top: 1em;
+	margin-top: 1rem;
 }
 
 #nav-posts {
@@ -79,39 +105,56 @@ article img {
 
 .post_tag {
 	text-transform: capitalize;
-	margin-left: .5em;
-	display: inline-block;
+	margin-left: .5rem;
 }
 
  /* Extra small devices (phones, 600px and down) */
+}
 @media only screen and (max-width: 600px) {...}
 
 /* Small devices (portrait tablets and large phones, 600px and up) */
 @media only screen and (min-width: 600px) {
-	.container {
-		height: 100vh;
+	#headerinner {
+		padding: 10px;
 	}
+
+	.container {
+		background-color: var(--background-alt);
+		min-height: 100vh;
+	}
+
 	.content {
+		padding-left: 10px;
+		padding-right: 10px;
 		display: flex;
 		justify-content: space-between;
+		min-height: 60vh;
 	}
+
 	.right-sidebar {
-		display: flex;
 		flex-shrink: 0;
 		flex-grow: 0;
-		margin-left: 2em;
-		width: 30ch;
+		margin-left: 2rem;
 		text-align: right;
+		flex-direction: column;
+		min-width: 15%;
 	}
+
+	footer {
+		padding-left: 10px;
+		padding-right: 10px;		
+	}
+
 	#articledata {
 		display: flex;
 		flex-direction: row;
+		margin-top: 1rem;
 	}
 
 	#articleimage {
 		flex-shrink: 0;
-		margin-right: 1em;
-		margin-top: .4em;
+		margin-right: 1rem;
+		margin-top: .4rem;
 		width: 30%;
 	}
 	article img {

themes/buha/layouts/_default/list.html

@@ -163,6 +163,3 @@
 			{{ end }}
 		</div>
 {{- end -}}
-
-
-

themes/buha/layouts/index.html

@@ -3,5 +3,161 @@
 {{ end }}
 
 {{ define "main" }}
+<article>
 	{{ .Content }}
-{{ end }}
+
+</article>
+
+	{{ $s := .Site.Params }}
+    {{- $posts := where (where .Site.RegularPages "Permalink" "!=" .Permalink) "Type" "in" $s.mainSections }}
+	{{- $paginator := slice -}}
+    {{- $paginator = .Paginate $posts.ByLastmod.Reverse -}}
+	{{- range first 5 $paginator.Pages -}}
+			<article>
+				<a href="{{- .Permalink -}}">
+					<h2>{{ if and (isset .Params "categories") (eq .Section "events") }}{{ index .Params.categories 0 }}: {{ end }}{{- .Title -}}</h2>
+					{{ if .Params.when }}
+						<div style="margin-bottom: .4em;"><b>{{ .Params.when }}</b></div>
+					{{ end }}
+			                {{ if ne .Params.price nil }}
+						{{ if eq .Params.price "free" }}
+						        <div style="margin-bottom: .4em;">Der Eintritt ist frei.</div>
+						{{ else }}
+						        <div style="margin-bottom: .4em;">Eintritt: {{ .Params.price }}</div>
+						{{ end }}
+				        {{ end }}
+				        {{ if ne .Params.register nil }}
+				                <div>Anmeldung unter {{ .Params.register }} erwünscht</div>
+				        {{ end }}
+				        {{ if ne .Params.covid nil }}
+				                <div>Es gilt die {{ .Params.covid }} Regel</div>
+				        {{ end }}
+					<div id="articledata">
+					{{- if ne .Section .Site.Params.hiddenfolder -}}
+						{{- if .Resources.ByType "image" -}}
+							<div id="articleimage">
+								{{- $pic := index (.Resources.ByType "image") 0 -}}
+								{{- $thumb := $pic.Resize "1024x" }}
+								<img src="{{- $thumb.Permalink -}}"/>
+							</div>
+						{{- end }}
+						<div id="articletext">
+						    {{- if .Params.description -}}
+						    {{- .Params.description | plainify -}}
+						    {{- else -}}
+						    {{- .Summary | plainify -}}
+						    {{- end }}
+						    {{ if .Truncated }}
+								<div id="readmore">{{- i18n "readmore" -}}..</div>
+							{{ end }}
+						</div>
+					</div>
+					{{- end -}}
+				</a>
+			</article>
+		{{- end }}
+		<div id="pagination">
+			<!-- Number of links either side of the current page. -->
+			{{ $adjacent_links := 2 }}
+
+			<!-- $max_links = ($adjacent_links * 2) + 1 -->
+			{{ $max_links := (add (mul $adjacent_links 2) 1) }}
+
+			<!-- $lower_limit = $adjacent_links + 1 -->
+			{{ $lower_limit := (add $adjacent_links 1) }}
+
+			<!-- $upper_limit = $paginator.TotalPages - $adjacent_links -->
+			{{ $upper_limit := (sub $paginator.TotalPages $adjacent_links) }}
+
+			<!-- If there's more than one page. -->
+			{{ if gt $paginator.TotalPages 1 }}
+
+			    
+			    <!-- First page. -->
+			    {{ if ne $paginator.PageNumber 1 }}
+			      <a class="pagination__link pagination__link--first" href="{{ $paginator.First.URL }}">
+			        ««
+			      </a>
+			    {{ end }}
+
+			    <!-- Previous page. -->
+			    {{ if $paginator.HasPrev }}
+			      <a href="{{ $paginator.Prev.URL }}" class="pagination__link pagination__link--previous">
+			        «
+			      </a>
+			    {{ end }}
+			  
+			    <!-- Page numbers. -->
+			    {{ range $paginator.Pagers }}
+			    
+			      {{ $.Scratch.Set "page_number_flag" false }}
+
+			      
+			      <!-- Advanced page numbers. -->
+			      {{ if gt $paginator.TotalPages $max_links }}
+
+
+			        <!-- Lower limit pages. -->
+			        <!-- If the user is on a page which is in the lower limit.  -->
+			        {{ if le $paginator.PageNumber $lower_limit }}
+
+			          <!-- If the current loop page is less than max_links. -->
+			          {{ if le .PageNumber $max_links }}
+			            {{ $.Scratch.Set "page_number_flag" true }}
+			          {{ end }}
+
+
+			        <!-- Upper limit pages. -->
+			        <!-- If the user is on a page which is in the upper limit. -->
+			        {{ else if ge $paginator.PageNumber $upper_limit }}
+
+			          <!-- If the current loop page is greater than total pages minus $max_links -->
+			          {{ if gt .PageNumber (sub $paginator.TotalPages $max_links) }}
+			            {{ $.Scratch.Set "page_number_flag" true }}
+			          {{ end }}
+
+
+			        <!-- Middle pages. -->
+			        {{ else }}
+			          
+			          {{ if and ( ge .PageNumber (sub $paginator.PageNumber $adjacent_links) ) ( le .PageNumber (add $paginator.PageNumber $adjacent_links) ) }}
+			            {{ $.Scratch.Set "page_number_flag" true }}
+			          {{ end }}
+
+			        {{ end }}
+
+			      
+			      <!-- Simple page numbers. -->
+			      {{ else }}
+
+			        {{ $.Scratch.Set "page_number_flag" true }}
+
+			      {{ end }}
+
+			      <!-- Output page numbers. -->
+			      {{ if eq ($.Scratch.Get "page_number_flag") true }}
+			          <a href="{{ .URL }}" class="pagination__link">
+			            {{ .PageNumber }}
+			          </a>
+			      {{ end }}
+
+			    {{ end }}
+
+			    <!-- Next page. -->
+			    {{ if $paginator.HasNext }}
+			      <a href="{{ $paginator.Next.URL }}" class="pagination__link pagination__link--next">
+			        »
+			      </a>
+			    {{ end }}
+
+			    <!-- Last page. -->
+			    {{ if ne $paginator.PageNumber $paginator.TotalPages }}
+			      <a class="pagination__link pagination__link--last" href="{{ $paginator.Last.URL }}">
+			        »»
+			      </a>
+			    {{ end }}
+
+			{{ end }}
+		</div>
+
+{{ end }}

themes/buha/layouts/partials/sidebar.html

@@ -1,32 +1,7 @@
-  {{ $s := .Site.Params }}
+{{ $s := .Site.Params }}
   <section class="sidebar_inner">
-    {{- if $s.IntroDescription }}
-      {{- $author := $s.Author  }}
-      {{- $showAuthorPhoto := false }}
-      {{- $fullAuthor := reflect.IsMap $author }}
-      {{- if $fullAuthor }}
-        {{-  if $author.photo }}
-          {{- $showAuthorPhoto = true }}
-        {{- end }}
-      {{- end }}
-      {{- if $showAuthorPhoto }}
-        <div class="author_header">
-          <img src="{{ absURL $author.photo }}" alt="{{ $author.name }} photo">
-          <h3>{{  $author.name }}</h3>
-        </div>
-      {{- else }}
-        <h3>{{  if $fullAuthor }}{{ $author.name }}{{ else }}{{ $author }}{{ end }}</h3>
-      {{- end }}
-      <div class="author_bio">
-        {{ markdownify $s.IntroDescription }}
-      </div>
-      {{- if ( ne $s.introURL false ) }}
-      {{- $r := T "read_more" }}
-      <a href='{{ absLangURL (default "about/" $s.introURL) }}' class="button mt-1" role="button" title='{{ $r }}'>{{ $r }}</a>
-      {{- end }}
-    {{- end }}
     <div id="nav-posts">
-    {{- $posts := where (where .Site.RegularPages "Permalink" "!=" .Permalink) "Type" "in" $s.mainSections }}
+    {{- $posts := where .Site.RegularPages "Type" "in" $s.mainSections }}
     {{- $featured := default 8 $s.numberOfFeaturedPosts }}
     {{- with first $featured (where $posts "Params.featured" true)}}
     <h3 class="mt-4">{{ T "featured_posts" }}</h3>
@@ -34,62 +9,34 @@
         <a href="{{ .Permalink }}" class="nav-link" title="{{ .Title }}">{{ .Title }}</a>
       {{- end }}
     {{- end }}
-        <h3 class="mt-4">{{ T "recent_posts" }}</h3>
-      {{- $recent := default 8 $s.numberOfRecentPosts }}
-      {{- range first $recent $posts.ByLastmod.Reverse }}
-        <a href="{{ .Permalink }}" class="nav-link" title="{{ .Title }}">{{ .Title }}</a>
-      {{- end }}
 
+    {{ if or (or (eq .Section "events") (eq .Params.recurrent true)) (.IsHome) }}
       <h3 class="mt-4">{{ T "recurrent" }}</h3>
 
       {{- $posts := where .Site.RegularPages "Params.recurrent" true }}
       {{ range $posts }}
-      	<a href="{{ .Permalink }}" class="nav-link" title="{{ .Title }}">{{ .Title }}</a>
+        <a href="{{ .Permalink }}" class="nav-link" title="{{ .Title }}">{{ .Title }}</a>
       {{ end }}
+    {{ end }}
 
     </div>
-    {{- $tagsLimit := (default 100 $s.numberOfTagsShown) }}
-    {{- range $key, $value := .Site.Taxonomies }}
-    {{- if gt $value 0 }}
-    <div>
-      <h3 class="mt-4 taxonomy" id="{{ $key }}-section">{{ T $key }}</h3>
-      <nav class="tags_nav">
-        {{- $onPageTags := $.Page.Params.tags }}
-        {{- $slicedTags := ($value.ByCount | first $tagsLimit) }}
-        {{- range $slicedTags }}
-        <a href='{{ absLangURL $key }}/{{ (replace .Name "#" "%23") | urlize }}/' class="post_tag button button_translucent" title="{{ .Name }}">
-          {{ $translated := .Name | T }}
-          {{ if $translated }}
-          	{{ $translated }}
-          {{ else}}
-          	{{ .Name | humanize }}
+
+    {{ if .IsSection }}
+        {{ $true := false }}
+        {{ range $taxonomyname, $taxonomy := where .Site.Taxonomies.categories ".Page.Section" .Section }}
+          {{ if ne $taxonomyname nil }}
+            {{ $true = true }}
           {{ end }}
-          <span class="button_tally">{{ .Count }}</span>
-        </a>
         {{ end }}
-        {{ if gt (len $value.ByCount) $tagsLimit }}
-        <br>
-        <div class="post_tags_toggle button">{{ T (printf "all_%s" (lower $key)) }}</div>
-        {{- $tagsInfo := newScratch }}
-        <div class="post_tags">
-          <div class="tags_list">
-            {{- range $value.Alphabetical }}
-            {{ $tagsInfo.Add "tagsInfo" (slice .Name .Count)}}
-            <a href='{{ absLangURL $key }}/{{ (replace .Name "#" "%23") | urlize }}/' class=" post_tag button button_translucent" data-position={{ .Count }} title="{{ .Name }}">
-              {{- .Name | humanize -}}
-              <span class="button_tally">{{ .Count }}</span>
-            </a>
-            {{ end }}
-            <div class="tags_sort"><span title="sort alphabetically">[A~Z]</span><span title="sort by count">[0~9]</span>
-            </div>
-            <span class="tags_hide"><svg class="icon">
-            <use xlink:href="#closeme"></use>
-          </svg></span>
-          </div>
-        </div>
-        {{- end }}
-      </nav>
-    </div>
-    {{- end }}
-    {{- end }}
-  </section>
+        {{ if $true }}
+        <h3 class="mt-4 taxonomy" id="categories-section">{{ T "categories" }}</h3>
+        {{ range $taxonomyname, $taxonomy := where .Site.Taxonomies.categories ".Page.Section" .Section }}
+            <li style="list-style: none;"><a href="{{ "categories/" | relLangURL}}{{ $taxonomyname | urlize }}">{{ $taxonomyname | humanize }}</a></li>
+        {{ end }}
+        {{ end }}
+        {{ end }}
+  
+
+
+  </section>
+