hugo without theme

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Christian Schulzendorff
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

archetypes/default.md

@@ -0,0 +1,6 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+draft: true
+---
+

archetypes/post.md

@@ -0,0 +1,75 @@
+---
+
+# Set the correct title here 
+title: "2003-11-02"
+
+# Date of the event, will be set via script. Format like "2003-12-31"
+date: 2003-11-02
+
+# Set the correct sports kind here (single value) 
+# It's taxonomy term: look at existing posts, to find the valid values  
+sports: "MTB"
+
+# Set the correct event type here (single value)
+# It's taxonomy term: look at existing posts, to find the valid values  
+eventtypes: "single"
+
+# Set the correct participants here (list values)
+# It's taxonomy term: lLook at existing posts, to find the valid values.
+# For new participants set "FirstName LastName"   
+# Unknown names have to be set as "Gast"
+members: [ 
+  "Peter", 
+  "Gregor",
+  "Edmund",
+  "Gerald",
+  "Christian"
+  ]
+
+# City name of start point
+# It's taxonomy term: look at existing posts, to find the valid values  
+# If it's a new location: Take a simple city name
+locations: "Somewhere"
+
+# false to hide it in production
+draft: false
+
+# If one of the following values are not given, delete the default value  
+# Set the correct value here, Example 78.3
+distance_km: 0.0
+# Set the correct value here, Example 3:58:59
+duration_h: 0:00:00
+# Set the correct value here, Example 23.2
+average_speed_kmh: 0
+# Set the correct value here, Example 1234
+ascent_m: 0
+# Set the correct value here, Example 24.2
+temperature_c: 
+
+# All image paths are relative paths and have to start with "images/" 
+
+# Image for the post's header e.g. header_image: images/img123.jpg. Can be empty.
+header_image:
+
+# Image for the summary list e.g. featured_image: images/img123.jpg. Can be empty.
+featured_image:
+
+# Set captions for specific images (optional)
+# A caption item has two entries: -name: "images/IMAGE_NAME" and -text: "YOUR DESCRIPTION"
+# Caption names will be generated by the script, add text or let it empty.
+captions: 
+
+# Should not be changed
+# Be careful: src value must be unique
+resources:
+  -  src: images/**
+
+# Links to activity on social platforms
+# Example velohero_activity: https://app.velohero.com/activity/364363
+# velohero_activity: 
+# strava_activity: 
+
+---
+
+
+<!--more-->

config.toml

@@ -0,0 +1,62 @@
+title = "Kollegenrunde"
+baseURL = "https://kollegen.uber.space/kollegenrunde"
+languageCode = "de-de"
+theme = "ananke"
+
+DefaultContentLanguage = "de"
+SectionPagesMenu = "main"
+Paginate = 6
+googleAnalytics = ""
+enableRobotsTXT = true
+
+[de]
+  title = "Kollegenrunde"
+
+[taxonomies]
+  category = "categories"
+  tag = "tags"
+  sport = "sports"
+  eventtype = "eventtypes"
+  member = "members"
+  location = "locations"
+
+[sitemap]
+  changefreq = "monthly"
+  priority = 0.5
+  filename = "sitemap.xml"
+
+  
+[params]
+  sectionPagesMenu = "main"
+  favicon = ""
+
+  site_logo = ""
+  title_short = "KR"
+  description = "Der Kollege lädt ein, man trifft sich zum Radeln."
+  facebook = ""
+  twitter = ""
+  instagram = ""
+  youtube = ""
+  github = "https://github.com/chs8691/kollegenrunde"
+  gitlab = ""
+  strava = "https://www.strava.com/clubs/kollegenrunde"
+  linkedin = ""
+  mastodon = ""
+  slack = ""
+  stackoverflow = ""
+  rss = ""
+#   TEST body_classes = "avenir bg-near-white"
+  # choose a background color from any on this page: http://tachyons.io/docs/themes/skins/ and preface it with "bg-"
+  background_color_class = "bg-dark-blue"
+  featured_image = "/images/070830-schatten.jpg"
+  recent_posts_number = 15
+
+[[menu.main]]
+    name = "Über"
+    identifier = "about"
+    url = "/about/"
+
+[[menu.main]]
+    name = "Statistik"
+    identifier = "stats"
+    url = "/stats/"

data/month.yaml

@@ -0,0 +1,13 @@
+1: "Januar"
+2: "Februar"
+3: "März" 
+4: "April"
+5: "Mai"
+6: "Juni"
+7: "Juli"
+8: "August"
+9: "September"
+10: "Oktober"
+11: "November"
+12: "Dezember"
+

data/weekday.yaml

@@ -0,0 +1,8 @@
+0: "Sonntag"
+1: "Montag"
+2: "Dienstag"
+3: "Mittwoch"
+4: "Donnerstag"
+5: "Freitag"
+6: "Samstag"
+7: "Sonntag"

data/weekday_short.yaml

@@ -0,0 +1,8 @@
+0: "So"
+1: "Mo"
+2: "Di"
+3: "Mi"
+4: "Do"
+5: "Fr"
+6: "Sa"
+7: "So"

layouts/eventtypes/term.html

@@ -0,0 +1,34 @@
+{{ define "main" }}
+
+{{ partial "navigation-bar.html"  ( dict "context" . "items"  (slice "eventtypes" ) )}}
+
+<article class="cf pa3 pa4-m pa4-l">
+    <div class="measure-wide-l center f4 lh-copy nested-copy-line-height nested-links nested-img mid-gray">
+      {{ $total_distance := 0 }}
+      {{ $total_ascent := 0 }}
+      {{ $total_nr_of_tours := 0 }}
+      
+      {{ range  .Pages }}
+      {{ $act_ascent:= int .Params.ascent_m }}
+      {{ $total_ascent = add $act_ascent $total_ascent  }}
+      
+      {{ $act_distance:= int .Params.distance_km }}
+      {{ $total_distance = add $act_distance $total_distance  }}
+      
+      {{ $total_nr_of_tours = add 1 $total_nr_of_tours  }}
+      {{ end }}
+      
+      <p>Hier gibt`s alles über "{{ .Title }}" Touren im Überblick!</p>
+      {{ partial "statistic-summary.html" ( dict "total_nr" $total_nr_of_tours "distance" $total_distance "ascent" $total_ascent ) }}
+    </div>
+  </article>
+  <div class="mw8 center">    
+    <section class="flex-ns flex-wrap justify-around mt5">
+      {{ range  .Pages }}
+        <div class="relative w-100  mb4 bg-white">
+          {{ partial "summary.html" . }}
+        </div>
+      {{ end }}
+    </section>
+  </div>
+{{ end }}

layouts/eventtypes/terms.html

@@ -0,0 +1,19 @@
+{{ define "main" }}
+
+{{ partial "navigation-bar.html"  ( dict "context" . "items"  (slice "/" ) )}}
+
+<article class="cf pa3 pa4-m pa4-l">
+    <div class="measure-wide-l center f4 lh-copy nested-copy-line-height nested-links nested-img mid-gray">
+      <p>Events nach ihrem Typ. Navigiere weiter in die Posts eines Eventtyps.</p>
+    </div>
+  </article>
+  <div class="mw8 center">    
+    <section class="flex-ns flex-wrap justify-around mt5">
+      {{ range  .Data.Terms.ByCount  }}
+        <div class="relative w-100  mb4 bg-white">
+          {{ partial "numbered-summary.html" .Page }}
+        </div>
+      {{ end }}
+    </section>
+  </div>
+{{ end }}

layouts/index.html

@@ -0,0 +1,77 @@
+{{ define "main" }}
+{{ partial "navigation-bar.html"  ( dict "context" . "items"  (slice "sports" "eventtypes" "members" "locations") )}}
+  <article class="cf ph3 ph5-l pv3 pv4-l f4 tc-l center measure-wide lh-copy mid-gray">
+
+    Der Kollege lädt ein, man trifft sich zum Radeln.
+
+    {{ .Content }}
+    {{ $total_distance := 0 }}
+    {{ $total_ascent := 0 }}
+    {{ $total_nr_of_tours := 0 }}
+    
+    {{ range  .Pages }}
+    {{ range .Pages}}
+    {{ $act_ascent:= int .Params.ascent_m }}
+    {{ $total_ascent = add $act_ascent $total_ascent  }}
+    
+    {{ $act_distance:= int .Params.distance_km }}
+    {{ $total_distance = add $act_distance $total_distance  }}
+    
+    {{ $total_nr_of_tours = add 1 $total_nr_of_tours  }}
+    {{ end }}
+    {{ end }}
+    
+    <p></p>
+    {{ partial "statistic-summary.html" ( dict "total_nr" $total_nr_of_tours "distance" $total_distance "ascent" $total_ascent ) }}
+</article>
+  {{/* Define a section to pull recent posts from. For Hugo 0.20 this will default to the section with the most number of pages. */}}
+  {{ $mainSections := .Site.Params.mainSections | default (slice "post") }}
+  {{/* Create a variable with that section to use in multiple places. */}}
+  {{ $section := where .Site.RegularPages "Section" "in" $mainSections }}
+  {{/* Check to see if the section is defined for ranging through it */}}
+  {{ $section_count := len $section }}
+  {{ if ge $section_count 1 }}
+    {{/* Derive the section name  */}}
+    {{ $section_name := index (.Site.Params.mainSections) 0 }}
+
+    <div class="pa3 pa4-ns w-100 w-70-ns center">
+      {{/* Use $section_name to get the section title. Use "with" to only show it if it exists */}}
+       {{ with .Site.GetPage "section" $section_name }}
+          <h1 class="flex-none">
+            {{ $.Param "recent_copy" | default (i18n "recentTitle" .) }}
+          </h1>
+        {{ end }}
+
+      {{ $n_posts := $.Param "recent_posts_number" | default 3 }}
+
+      <section class="w-100 mw8">
+        {{/* Range through the first $n_posts items of the section */}}
+        {{ range (first $n_posts $section) }}
+          <div class="relative w-100 mb4">
+            {{ partial "summary-with-image.html" . }}
+          </div>
+        {{ end }}
+      </section>
+
+      {{ if ge $section_count (add $n_posts 1) }}
+      <section class="w-100">
+        <h1 class="f3">{{ i18n "more" }}</h1>
+        {{/* Now, range through the next four after the initial $n_posts items. Nest the requirements, "after" then "first" on the outside */}}
+        {{ range (first 4 (after $n_posts $section))  }}
+          <h2 class="f5 fw4 mb4 dib mr3">
+            <a href="{{ .Permalink }}" class="link black dim">
+              {{ .Title }}
+            </a>
+          </h2>
+        {{ end }}
+
+        {{/* As above, Use $section_name to get the section title, and URL. Use "with" to only show it if it exists */}}
+        {{ with .Site.GetPage "section" $section_name }}
+          <a href="{{ .Permalink }}" class="link db f6 pa2 br3 bg-mid-gray white dim w4 tc">{{ i18n "allTitle" . }}</a>
+        {{ end }}
+        </section>
+      {{ end }}
+
+      </div>
+  {{ end }}
+{{ end }}

layouts/locations/term.html

@@ -0,0 +1,34 @@
+{{ define "main" }}
+
+{{ partial "navigation-bar.html"  ( dict "context" . "items"  (slice "locations" ) )}}
+
+<article class="cf pa3 pa4-m pa4-l">
+    <div class="measure-wide-l center f4 lh-copy nested-copy-line-height nested-links nested-img mid-gray">
+      {{ $total_distance := 0 }}
+      {{ $total_ascent := 0 }}
+      {{ $total_nr_of_tours := 0 }}
+      
+      {{ range  .Pages }}
+      {{ $act_ascent:= int .Params.ascent_m }}
+      {{ $total_ascent = add $act_ascent $total_ascent  }}
+      
+      {{ $act_distance:= int .Params.distance_km }}
+      {{ $total_distance = add $act_distance $total_distance  }}
+      
+      {{ $total_nr_of_tours = add 1 $total_nr_of_tours  }}
+      {{ end }}
+      
+      <p>Hier gibt`s alles über "{{ .Title }}" Touren im Überblick!</p>
+      {{ partial "statistic-summary.html" ( dict "total_nr" $total_nr_of_tours "distance" $total_distance "ascent" $total_ascent ) }}
+    </div>
+  </article>
+  <div class="mw8 center">    
+    <section class="flex-ns flex-wrap justify-around mt5">
+      {{ range  .Pages }}
+        <div class="relative w-100  mb4 bg-white">
+          {{ partial "summary.html" . }}
+        </div>
+      {{ end }}
+    </section>
+  </div>
+{{ end }}

layouts/locations/terms.html

@@ -0,0 +1,19 @@
+{{ define "main" }}
+
+{{ partial "navigation-bar.html"  ( dict "context" . "items"  (slice "/" ) )}}
+
+<article class="cf pa3 pa4-m pa4-l">
+    <div class="measure-wide-l center f4 lh-copy nested-copy-line-height nested-links nested-img mid-gray">
+      <p>Events nach ihrem Startort. Navigiere weiter in die Posts einer Location.</p>
+    </div>
+  </article>
+  <div class="mw8 center">    
+    <section class="flex-ns flex-wrap justify-around mt5">
+      {{ range  .Data.Terms.ByCount }}
+        <div class="relative w-100  mb4 bg-white">
+          {{ partial "numbered-summary.html" .Page }}
+        </div>
+      {{ end }}
+    </section>
+  </div>
+{{ end }}

layouts/members/term.html

@@ -0,0 +1,35 @@
+{{ define "main" }}
+
+{{ partial "navigation-bar.html"  ( dict "context" . "items"  (slice "members" ) )}}
+
+
+<article class="cf pa3 pa4-m pa4-l">
+    <div class="measure-wide-l center f4 lh-copy nested-copy-line-height nested-links nested-img mid-gray">
+      {{ $total_distance := 0 }}
+      {{ $total_ascent := 0 }}
+      {{ $total_nr_of_tours := 0 }}
+      
+      {{ range  .Pages }}
+      {{ $act_ascent:= int .Params.ascent_m }}
+      {{ $total_ascent = add $act_ascent $total_ascent  }}
+      
+      {{ $act_distance:= int .Params.distance_km }}
+      {{ $total_distance = add $act_distance $total_distance  }}
+      
+      {{ $total_nr_of_tours = add 1 $total_nr_of_tours  }}
+      {{ end }}
+      
+      <p>Hier gibt`s alles über Touren mit {{ .Title }} im Überblick!</p>
+      {{ partial "statistic-summary.html" ( dict "total_nr" $total_nr_of_tours "distance" $total_distance "ascent" $total_ascent ) }}
+    </div>
+  </article>
+  <div class="mw8 center">    
+    <section class="flex-ns flex-wrap justify-around mt5">
+      {{ range  .Pages }}
+        <div class="relative w-100  mb4 bg-white">
+          {{ partial "summary.html" . }}
+        </div>
+      {{ end }}
+    </section>
+  </div>
+{{ end }}

layouts/members/terms.html

@@ -0,0 +1,45 @@
+{{ define "main" }}
+
+{{ partial "navigation-bar.html"  ( dict "context" . "items"  (slice "/" ) )}}
+
+<article class="measure-wide center pa3 pa4-ns nested-copy-line-height nested-img">
+  <section class="cf   pv3 pv4-l f4 tc-l  measure-wide lh-copy mid-gray">
+    <div class="cf   pv3 pv4-l f4 tc-l  measure-wide lh-copy mid-gray">
+    <p>Events nach Teilnehmenden. Die Grafik zeigt die prozentuale Kilometerleistung pro Jahr. Navigiere weiter in die Posts eines Teilnehmenden.</p>
+  </div>
+  </section>
+
+  <div class="w-100">    
+    {{ range .Data.Terms.ByCount }}
+      <section class="mt1">
+        <div class="flex flex-column bg-white ba b--white bw2 ">
+
+          <div class="flex bg-white">
+  
+            <div class="flex">
+              <div class="f1 w4 tr pr4 pt1  bg-blue white">
+                {{ len .Pages }}
+              </div>    
+            </div>    
+            
+              <div class="flex flex-column pl2">
+                <div class=" pl2 ">
+                  {{ humanize .Page.Section }}
+                </div>
+              
+                <a href="{{ .Page.Permalink }}" class="f3 b near-black link black dim pr4 pt2 pb2">
+                  {{ .Page.Title }}
+                </a>
+              </div>
+            </div>
+            
+            <div class="flex pt1">
+              {{ partial "members-summary.html" .Page }}
+            </div>
+            
+        </div>
+      </section>
+    {{ end }}
+  </div>
+</article>
+{{ end }}

layouts/partials/archive-post-summary.html

@@ -0,0 +1,17 @@
+  <div class="mid-gray overflow-hidden pt2 pb2 pl4 pr4">
+    <a href="{{ .Permalink }}" class="link black dim">
+      <h1 class="f6 ">
+      <div class="flex justify-between">
+        <div class=" w-50 ">
+          {{- partial "formatted-date.html" . -}}
+        </div>  
+        <div class=" w-50 tr">
+          {{ .Params.Sports }} 
+        </div>
+      </div>
+          {{ .Title }} / 
+          {{ .Params.Locations }}
+      </div>
+    </h1>
+  </a>
+</div>

layouts/partials/categories.html

@@ -0,0 +1,9 @@
+<ul class="pa0">
+  {{ range .Params.categories }}
+   <li class="list">
+     <a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}" class="link f5 grow no-underline br-pill ba ph3 pv2 mb2 dib black sans-serif">
+       {{- . -}}
+     </a>
+   </li>
+  {{ end }}
+</ul>

layouts/partials/formatted-date.html

@@ -0,0 +1,5 @@
+<div>
+    {{ index $.Site.Data.weekday_short (printf "%d" .Date.Weekday) }},
+    {{ .Date.Day }}. 
+    {{ index $.Site.Data.month (printf "%d" .Date.Month) }} {{ .Date.Year }}
+</div>

layouts/partials/func/GetNamedImage.html

@@ -0,0 +1,49 @@
+{{/* 
+    GetHeaderImage
+
+    This partial gets the resource for the header image for a given page. 
+    
+    If a header_image was set in the page's front matter, then that will be used.
+
+    If not set, this will search page resources to find an image that contains the word
+    "cover", and if found, returns the path to that resource.
+
+    If no header_image was set, and there's no "cover" image in page resources, then
+    this partial returns an empty string (which evaluates to false).
+
+    @return Resource of header image, or an empty string if not found.
+
+*/}}
+
+{{ $headerImage := "" }}
+
+{{/* Defined as params */}}
+{{ if isset .context.Params .name }}
+{{ $image_name := .context.Param .name }}
+{{ with .context.Resources.GetMatch $image_name }}
+{{ $headerImage = . }}
+{{ end }}
+{{ end }}
+
+
+{{/*  Defined as resource  */}}
+{{ if $headerImage }}
+{{ else }}
+  {{ if .context.Resources.GetMatch .name }}
+      {{ $img := .context.Resources.GetMatch .name }}
+      {{ with $img }}
+          {{ $headerImage = . }}
+  {{ end }}
+
+  {{/* Find the first image with 'cover' in the name in this page bundle. */}}
+  {{ else }}
+      {{ $img := (.context.Resources.ByType "image").GetMatch "*cover*" }}
+      {{ with $img }}
+          {{ $headerImage = . }}
+      {{ end }}
+  {{ end }}
+{{ end }}
+
+{{/* return either a Resource, or an empty string. Note that partials can only have a single
+return statement, so this needs to be at the end of the partial (and not in the if block) */}}
+{{ return $headerImage }}

layouts/partials/func/HeatMeterTile.html

@@ -0,0 +1,26 @@
+{{/* 
+    HeatMeterTile
+
+    This partial visualizes a value to it's max value in a small tile. Inputs are following items:
+    two number values "value" and "max" and integer "precision" and "unit" for printing the value, "color". 
+    
+    @return -
+
+*/}}
+ {{ $x := 0 }}
+{{ if gt .max 0 }}
+    {{ $x = mul ( div 100.0 (float .max ) ) (float .value ) }}
+{{ else }}
+    {{ $x = 0 }}
+{{ end }}
+
+{{ $output := partial "func/NumberFormatter.html" ( dict "number" .value "precision" .precision ) }}
+
+
+<svg width="98" height="50" xmlns="http://www.w3.org/2000/svg">
+    <!-- Created with Method Draw - http://github.com/duopixel/Method-Draw/ -->
+    <rect height="100%" width="100%" opacity="0.4" fill="{{ .color }}"/>
+    <rect height="100%" width="{{ $x }}"  fill="{{ .color }}"/>
+    <text xml:space="preserve" text-anchor="middle" font-family="Helvetica, Arial, sans-serif" 
+    class="f5 b" opacity="0.9" y="90%" x="40%" fill="#ffffff">{{ $output }}{{ .unit }}</text>
+</svg>

layouts/partials/func/NumberFormatter.html

@@ -0,0 +1,20 @@
+{{/* 
+    NumberFormatter
+
+    This partial exchanges the characters for thousends and decimals for the give integer,
+    used in Germany. 
+    Use this for intergers and floats instead of Hugo's lang.NumFmt and float which are 
+    not language specific.
+
+    Example
+    {{ partial "func/NumberFormatter.html" ( dict "number" 123456789.1234 "precision" 1 }} 
+            will return 123.456.789,1
+
+    @return String with integer
+
+*/}}
+{{ $ret := strings.Replace ( lang.NumFmt .precision .number "- . ," ) "," "t" }}
+{{ $ret = strings.Replace $ret "." "d" }}
+{{ $ret = strings.Replace $ret "d" "," }}
+{{ strings.Replace $ret "t" "." }}
+

layouts/partials/members-summary.html

@@ -0,0 +1,59 @@
+{{ $key := .Title }}
+{{ $pages := where .Site.RegularPages "Type" "in" (slice "posts") }}
+{{ $count := len $pages }}
+
+{{ $totalWidth := 100.0 }}
+{{ $totalHeight := 50.0 }}
+{{/*  {{ $width := div $totalWidth  ( len ( $pages.GroupByDate "2006" ) ) }}  */}}
+{{ $width := div $totalWidth  ( len ( $pages.GroupByDate "2006" ) ) }}
+
+{{ $color := "#357edd" }}
+
+<svg width="{{ $totalWidth }}%" height="{{ $totalHeight }}" 
+xmlns="http://www.w3.org/2000/svg">
+  <rect height="100%" width="100%" opacity="0.1" fill="{{ $color }}"/>
+
+  {{ $x := 0 }}
+  {{ range sort ( $pages.GroupByDate "2006" ) "Key" }}
+
+    {{ $maxDist := 0.00 }}
+    {{ $maxCount := 0 }}
+    {{ $dist := 0.00 }}
+    {{ $count := 0 }}
+
+    {{ range .Pages }}
+      {{ $maxCount = add 1 $maxCount }}
+
+      {{ $isMember := false }}
+
+      {{ range .Params.members }}
+        {{ if eq . $key }}
+          {{ $isMember = true }}
+          {{ $count = add 1 $count }}
+        {{ end }}
+      {{ end }}
+    
+      {{ with .Params.distance_km }}
+        {{ $maxDist = add . $maxDist }}
+        {{ if $isMember }}
+          {{ $dist = add . $dist }}
+        {{ end }}
+      {{ end }}
+    {{ end }}
+    
+    {{ $height := 0 }}
+    {{ if gt $maxDist 0 }}
+      {{ $height = mul (float $totalHeight ) ( div (float $dist ) ( float $maxDist ) )  }}
+      {{ else }}
+      {{ $height = mul (float $totalHeight ) ( div (float $count ) ( float $maxCount ) )  }}
+    {{ end }}
+    {{/*  {{ $maxDist }}  */}}
+    {{/*  {{ $dist }}  */}}
+    {{/*  {{ $x }}  */}}
+    {{/*  {{ $height }}  */}}
+    <rect opacity="0.2" height="{{ $height }}" y="{{ sub $totalHeight $height }}" x="{{ $x }}%" 
+      width="{{ $width }}%"  fill="{{ $color }}" stroke-width="1.5" stroke="{{$color}}"/>
+
+    {{ $x = add $x $width }}
+  {{ end }}
+</svg>  

layouts/partials/navigation-bar.html

@@ -0,0 +1,20 @@
+<div class="{{ .context.Site.Params.background_color_class | default "bg-black" }} flex flex-wrap justify-left  pt1 pb1 pl5">
+  
+  {{ range $index, $element := .items }}
+  {{ $url := $element }}
+  {{ $text := ""}}
+
+  {{ if eq $element "/"}}
+    {{ $text = "Home"}}
+  {{ else }}
+    {{ $text = $element}}
+  {{ end }}
+
+  <div class="mr5" > 
+      <a href="{{ $element | relLangURL }}" class="ttu link f5 grow no-underline  dib hover-white no-underline white-80 pa2">
+        {{ $text }}
+      </a>
+  </div>  
+  {{ end}} 
+</div>
+  

layouts/partials/numbered-summary.html

@@ -0,0 +1,20 @@
+
+<div class="relative w-100  bg-white nested-copy-line-height">
+  <div class="bg-white gray overflow-hidden">
+  <div class="flex">
+    <div class="f1 pl2 pr2 pt4 pb4 bg-blue white">
+      {{ len .Data.Pages }}
+    </div>
+    <div class="flex flex-column mt3 ml3 ">
+      <div class="f6 pl2 db">{{ humanize .Section }}</div>
+      <div class="nested-links f5 lh-copy nested-copy-line-height">
+        <h1 class="f3 near-black ">
+          <a href="{{ .Permalink }}" class="link black dim pa2">
+            {{ .Title }}
+          </a>
+        </h1>
+      </div>
+    </div>
+  </div>
+  </div>
+</div>

layouts/partials/page-header.html

@@ -0,0 +1,30 @@
+{{ $header_image := partial "func/GetNamedImage.html" (dict "context" . "name" "header_image") }}
+
+{{$image_resource := $header_image }}
+{{ if $image_resource }}
+{{ $header_img := $image_resource.Resize "1200x" }}
+  {{ $image_url := $header_img.Permalink }}
+  {{/* Trimming the slash and adding absURL make sure the image works no matter where our site lives */}}
+  {{ $image_url := (trim $image_url "/") | absURL }}
+  <header class="cover bg-top bg-black-80" style="background-image: url('{{ $image_url }}');">
+    <div class=" pb1-ns bg-black-60">
+      {{ partial "site-navigation.html" . }}
+      <div class="tc-l pv6 ph3 ph4-ns">
+        {{ if not .Params.omit_header_text }}
+          <h1 class="f2 f1-l fw2 white-90 mb0 lh-title">{{ .Title | default .Site.Title }}</h1>
+          {{ with .Params.description  }}
+            <h2 class="fw1 f5 f3-l white-80 measure-wide-l center lh-copy mt3 mb4">
+              {{ . }}
+            </h2>
+          {{ end }}
+        {{ end }}
+      </div>
+    </div>
+  </header>
+{{ else }}
+  <header>
+    <div class="{{ .Site.Params.background_color_class | default "bg-black" }}">
+      {{ partial "site-navigation.html" . }}
+    </div>
+  </header>
+{{ end }}

layouts/partials/social-activity.html

@@ -0,0 +1,14 @@
+{{ $icon_size := "32px" }}
+
+{{ with .Param "strava_activity" }}
+<a href="{{ . }}" target="_blank" class="link-transition  gitlab link dib z-999 pt3 pt0-l mr1 pr3" title="Strava-Aktivität" rel="noopener" aria-label="Our Strava Club——Opens in a new window">
+  {{ partial "svg/strava.svg" (dict "size" $icon_size) }}
+</a>
+{{ end }}
+
+{{ with .Param "velohero_activity" }}
+  <a href="{{ . }}" target="_blank" class="link-transition facebook link dib z-999 pt3 pt0-l mr1" title="Velohero-Aktivität" rel="noopener" aria-label="Track on Velohero——Opens in a new window">
+    {{ partial "svg/velohero.svg" (dict "size" $icon_size) }}
+  </a>
+{{ end }}
+

layouts/partials/social-follow.html

@@ -0,0 +1,86 @@
+<!-- TODO: Add follow intents where available TODO: Revisit color and hover color -->
+{{ $icon_size := "32px" }}
+{{ with .Param "strava" }}
+<a href="{{ . }}" target="_blank" class="link-transition  gitlab link dib z-999 pt3 pt0-l mr1" title="Strava link" rel="noopener" aria-label="Our Strava Club——Opens in a new window">
+  {{ partial "svg/strava.svg" (dict "size" $icon_size) }}
+  {{- partial "new-window-icon.html" . -}}
+</a>
+{{ end }}
+{{ with .Param "stackoverflow" }}
+<a href="{{ . }}" target="_blank" class="link-transition stackoverflow link dib z-999 pt3 pt0-l mr1" title="Stack Overflow link" rel="noopener" aria-label="follow on Stack Overflow——Opens in a new window">
+  {{ partial "svg/stackoverflow.svg" (dict "size" $icon_size) }}
+  {{- partial "new-window-icon.html" . -}}
+</a>
+{{ end }}
+{{ with .Param "facebook" }}
+<a href="{{ . }}" target="_blank" class="link-transition facebook link dib z-999 pt3 pt0-l mr1" title="Facebook link" rel="noopener" aria-label="follow on Facebook——Opens in a new window">
+  {{ partial "svg/facebook.svg" (dict "size" $icon_size) }}
+  {{- partial "new-window-icon.html" . -}}
+</a>
+{{ end }}
+{{ with .Param "twitter" }}
+<a href="{{ . }}" target="_blank" class="link-transition twitter link dib z-999 pt3 pt0-l mr1" title="Twitter link" rel="noopener" aria-label="follow on Twitter——Opens in a new window">
+  {{ partial "svg/twitter.svg" (dict "size" $icon_size) }}
+  {{- partial "new-window-icon.html" . -}}
+</a>
+{{ end }}
+{{ with .Param "instagram" }}
+<a href="{{ . }}" target="_blank" class="link-transition instagram link dib z-999 pt3 pt0-l mr1" title="Instagram link" rel="noopener" aria-label="follow on Instagram——Opens in a new window">
+  {{ partial "svg/instagram.svg" (dict "size" $icon_size) }}
+  {{- partial "new-window-icon.html" . -}}
+</a>
+{{ end }}
+{{ with .Param "youtube" }}
+<a href="{{ . }}" target="_blank" class="link-transition youtube link dib z-999 pt3 pt0-l mr1" title="Youtube link" rel="noopener" aria-label="follow on Youtube——Opens in a new window">
+  {{ partial "svg/youtube.svg" (dict "size" $icon_size) }}
+  {{- partial "new-window-icon.html" . -}}
+</a>
+{{ end }}
+{{ with .Param "linkedin" }}
+<a href="{{ . }}" target="_blank" class="link-transition linkedin link dib z-999 pt3 pt0-l mr1" title="LinkedIn link" rel="noopener" aria-label="follow on LinkedIn——Opens in a new window">
+  {{ partial "svg/linkedin.svg" (dict "size" $icon_size) }}
+  {{- partial "new-window-icon.html" . -}}
+</a>
+{{ end }}
+{{ with .Param "github" }}
+<a href="{{ . }}" target="_blank" class="link-transition github link dib z-999 pt3 pt0-l mr1" title="Github link" rel="noopener" aria-label="follow on Github——Opens in a new window">
+  {{ partial "svg/github.svg" (dict "size" $icon_size) }}
+  {{- partial "new-window-icon.html" . -}}
+</a>
+{{ end }}
+{{ with .Param "gitlab" }}
+<a href="{{ . }}" target="_blank" class="link-transition gitlab link dib z-999 pt3 pt0-l mr1" title="Gitlab link" rel="noopener" aria-label="follow on Gitlab——Opens in a new window">
+  {{ partial "svg/gitlab.svg" (dict "size" $icon_size) }}
+  {{- partial "new-window-icon.html" . -}}
+</a>
+{{ end }}
+{{ with .Param "keybase" }}
+<a href="{{ . }}" target="_blank" class="link-transition keybase link dib z-999 pt3 pt0-l mr1" title="Keybase link" rel="noopener" aria-label="follow on Keybase——Opens in a new window">
+  {{ partial "svg/keybase.svg" (dict "size" $icon_size) }}
+  {{- partial "new-window-icon.html" . -}}
+</a>
+{{ end }}
+{{ with .Param "medium" }}
+<a href="{{ . }}" target="_blank" class="link-transition medium link dib z-999 pt3 pt0-l mr1" title="Medium link" rel="noopener" aria-label="follow on Medium——Opens in a new window">
+  {{ partial "svg/medium.svg" (dict "size" $icon_size) }}
+  {{- partial "new-window-icon.html" . -}}
+</a>
+{{ end }}
+{{ with .Param "mastodon" }}
+<a href="{{ . }}" target="_blank" class="link-transition mastodon link dib z-999 pt3 pt0-l mr1" title="Mastodon link" rel="noopener" aria-label="follow on Mastodon——Opens in a new window">
+  {{ partial "svg/mastodon.svg" (dict "size" $icon_size) }}
+  {{- partial "new-window-icon.html" . -}}
+</a>
+{{ end }}
+{{ with .Param "slack" }}
+<a href="{{ . }}" target="_blank" class="link-transition slack link dib z-999 pt3 pt0-l mr1" title="Slack link" rel="noopener" aria-label="follow on Slack——Opens in a new window">
+  {{ partial "svg/slack.svg" (dict "size" $icon_size) }}
+  {{- partial "new-window-icon.html" . -}}
+</a>
+{{ end }}
+{{ with .Param "rss" }}
+<a href="{{ . }}" target="_blank" class="link-transition rss link dib z-999 pt3 pt0-l mr1" title="RSS link" rel="noopener" aria-label="RSS——Opens in a new window">
+  {{ partial "svg/rss.svg" (dict "size" $icon_size) }}
+  {{- partial "new-window-icon.html" . -}}
+</a>
+{{ end }}

layouts/partials/statistic-summary.html

@@ -0,0 +1,5 @@
+
+
+    <div>Anzahl Touren: {{ .total_nr }}</div>
+    <div>Entfernung: {{ partial "func/NumberFormatter.html" ( dict  "number" .distance "precision" 0 ) }} km </div>
+    <div>Aufstieg:  {{ partial "func/NumberFormatter.html" ( dict "number" .ascent "precision" 0 ) }} m </div>

layouts/partials/summary-with-image.html

@@ -0,0 +1,41 @@
+{{ $image := partial "func/GetNamedImage.html" (dict "context" . "name" "featured_image")  }}
+{{ $image_link := ""}}
+{{ with $image }}
+  {{ $image_link = $image.Permalink }}
+{{ end }}
+
+<article class="bb b--.black-10">
+  <div class="db pv4 ph3 ph0-l no-underline dark-gray">
+    <div class="f6 small-caps b pa1 mv1 gray bg-light-gray">
+      <div class="flex  justify-between">
+        <div>
+            {{- .Params.Sports -}}
+        </div>
+        {{ partial "formatted-date.html" . }}
+      </div>
+    </div>
+    <div class="flex flex-column flex-row-ns">
+      {{ if $image_link }}
+        <div class="pr3-ns mb4 mb0-ns w-100 w-40-ns">
+          <a href="{{.Permalink}}" class="db grow">
+            <img src="{{ $image_link }}" class="img" alt="image from {{ .Title }}">
+          </a>
+        </div>
+      {{ end }}
+      
+      <div class="blah w-100{{ if $image_link }} w-60-ns pl3-ns{{ end }}">
+        <h1 class="f3 fw1 athelas mt0 lh-title">
+          <a href="{{.Permalink}}" class="color-inherit dim link">
+            {{ .Title }}
+            </a>
+        </h1>
+        <div class="f6 f5-l lh-copy nested-copy-line-height nested-links">
+          {{ .Summary }}
+        </div>        
+          <a href="{{.Permalink}}" class="ba b--moon-gray bg-light-gray br2 color-inherit dib f7 hover-bg-moon-gray link mt2 ph2 pv1">{{ $.Param "read_more_copy" | default (i18n "readMore") }}</a>
+        {{/* TODO: add author
+        <p class="f6 lh-copy mv0">By {{ .Author }}</p> */}}
+      </div>
+    </div>
+  </div>
+</article>

layouts/partials/summary.html

@@ -0,0 +1,23 @@
+  <div class="mb3 pa4 mid-gray overflow-hidden">
+    {{ if .Date }}
+      <div class="f6">
+        <div class="flex justify-between">
+          <div class=" w-50 ">
+            {{- .Params.Sports -}}
+          </div>
+          <div class=" w-50 tr ">
+            {{- .Params.Location -}}, 
+            {{ partial "formatted-date.html" . }}
+          </div>                  
+        </div>
+      </div>
+    {{ end }}
+    <h1 class="f3 near-black">
+      <a href="{{ .Permalink }}" class="link black dim">
+        {{ .Title }}
+      </a>
+    </h1>
+    <div class="nested-links f5 lh-copy nested-copy-line-height">
+      {{ .Summary  }}
+    </div>
+  </div>

layouts/partials/svg/strava.svg

@@ -0,0 +1,19 @@
+<svg{{ with .size }} 
+height="{{ . }}" {{ end }} 
+style="enable-background:new 0 0 100 100;" 
+version="1.1" 
+viewBox="0 0 100 100" 
+width="{{ .size }}" 
+xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+
+    <path
+       style="fill-rule:evenodd;clip-rule:evenodd;"
+       d="M 43.034178,0.19789991 15.493163,56.12954 H 32.86621 L 43.034178,33.03579 53.2041,56.12954 h 17.373047 z"
+        />
+    <path
+       d="M 61.439189,99.143912 83.740512,56.12954 H 69.672697 L 61.439189,73.889851 53.2041,56.12954 H 39.136284 Z"
+       style="fill-rule:evenodd;clip-rule:evenodd;"
+        />
+
+
+</svg>

layouts/partials/svg/velohero.svg

@@ -0,0 +1,30 @@
+<svg{{ with .size }} 
+height="{{ . }}" {{ end }} 
+style="enable-background:new 0 0 100 100;" 
+version="1.1" 
+viewBox="0 0 512 512" 
+width="{{ .size }}" 
+xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+
+	<path fill="#418AC9" d="M496.262,58.5c-27.346-21.826-109.516-26.801-177.253-19.826c-66.118,6.812-106.564,23.399-162.844,64.305
+		c-12.462,9.069-2.103,27.05,12.065,20.644c54.933-24.761,116.668-36.11,176.575-35.83c34.142,0.164,67.924,5.231,101.256,12.275
+		c15.241,3.23,30.443,7.637,46.082,5.48C519.98,101.726,515.885,74.155,496.262,58.5z"/>
+	<path d="M120.973,200.133c-4.164-15.958-2.327-29.432,4.04-40.704c-11.816-8.336-30.155-11.045-48.845-5.784
+		c-28,7.847-46.129,30.506-40.486,50.566c5.637,20.098,32.896,30,60.903,22.13c12.3-3.472,22.698-9.784,30.001-17.491
+		C124.125,207.154,122.094,204.43,120.973,200.133z"/>
+	<path d="M107.569,261.129C48.153,261.129,0,309.273,0,368.698c0,59.408,48.152,107.568,107.568,107.568
+		c59.4,0,107.568-48.16,107.568-107.568C215.137,309.273,166.969,261.129,107.569,261.129z M116.014,442.514
+		c-35.619,0-64.482-28.863-64.482-64.483s28.863-64.491,64.482-64.491c35.621,0,64.5,28.871,64.5,64.491
+		C180.514,413.643,151.635,442.514,116.014,442.514z"/>
+	<path d="M450.973,142.055c-60.101-30.965-333.246-46.697-302.957,55.197c4.896,16.502,26.598,7.2,30.271,6.056
+		c42.797-13.311,52.512-23.376,84.162-28.389c41.528-6.578,102.953-7.683,118.023,9.963c-43.133,9.878-95.885,11.178-129.871,39.738
+		c-31.198,26.255-26.029,67.465-15.537,103.513c1.962,6.733,11.988,6.967,13.84,0c6.664-25.143,12.377-38.625,33.783-60.094
+		c16.854-16.891,47.461-24.652,70.393-29.867c39.349-8.959,67.316-3.518,103.085-12.945c19.079-5.021,29.347-19.865,30.382-35.363
+		C488.049,167.448,481.479,157.772,450.973,142.055z"/>
+	<path d="M388.334,261.129c-59.416,0-107.568,48.145-107.568,107.569c0,59.408,48.152,107.568,107.568,107.568
+		c59.408,0,107.577-48.16,107.577-107.568C495.911,309.273,447.742,261.129,388.334,261.129z M396.781,442.514
+		c-35.612,0-64.476-28.863-64.476-64.483s28.863-64.491,64.476-64.491c35.62,0,64.491,28.871,64.491,64.491
+		C461.272,413.643,432.401,442.514,396.781,442.514z"/>
+
+
+</svg>

layouts/posts/list.html

@@ -0,0 +1,33 @@
+{{ define "main" }}
+
+  <article class="measure-wide center pa3 pa4-ns nested-copy-line-height nested-img">
+    <section class="cf   pv3 pv4-l f4 tc-l  measure-wide lh-copy mid-gray">
+      {{- .Content -}}
+      <p id="top">Touren-Archiv</p>
+    </section>
+
+    <div class="w-100">
+      <!-- Groups content by month according to the "date" field in front matter -->
+      {{ range .Pages.GroupByDate "2006" }}
+        <section class="mt5">
+        <div>
+          <h3 id="{{ .Key }}">{{ .Key }} </h3>
+        </div>
+
+            <div class="center">    
+              <section class=" mt1">
+                {{ range  .Pages }}
+                  <div class="relative mb1 bg-white">
+                    {{ partial "archive-post-summary.html" . }}
+                  </div>
+                {{ end }}
+              </section>
+            </div>
+          </section>
+      {{ end }}
+      <div class="mt4 flex flexbox justify-center">    
+        <a href=#top>top</a>
+    </div>
+    </div>
+  </article>
+{{ end }}

layouts/posts/single.html.html

@@ -0,0 +1,106 @@
+{{ define "header" }}{{ partial "page-header.html" . }}{{ end }}
+
+{{ define "main" }}
+
+{{ partial "navigation-bar.html"  ( dict "context" . "items"  (slice "/" ) )}}
+
+<div class="flex-l mt2 mw8 center">
+    <article class="center cf pv5 ph3 ph4-ns mw7">
+      <header>
+        <div class="flex justify-between">
+          <div class=" w-50 ">
+            {{- .Params.Sports -}}
+          </div>
+          <div class=" w-50 tr ">
+            {{- .Params.Locations -}}
+            {{ partial "formatted-date.html" . }}
+          </div>                  
+        </div>
+        </header>
+
+      {{/* Show facts, if available   */}}
+      <div class="nested-copy-line-height lh-copy f4 nested-links nested-img mid-gray">
+        {{ if isset .Params "distance_km" }}
+        <h1 class="f2">
+            Fakten 
+        </h1>
+        <ul>
+            {{ with .Params.distance_km}}
+            <li>
+              Distanz   : {{ partial "func/NumberFormatter.html" ( dict "number" . "precision" 1 )}} KM
+            </li>
+            {{ end }}
+            {{ with .Params.average_speed_kmh }}
+            <li>
+                Schnitt   : {{ partial "func/NumberFormatter.html" ( dict "number" . "precision" 1 ) }}   km/h
+            </li>
+            {{ end }}
+            {{ with .Params.ascent_m }}
+            <li>
+                Aufstieg: {{ partial "func/NumberFormatter.html" ( dict "number" . "precision" 0) }} HM
+            </li>
+            {{ end }}
+            {{ with .Params.avarage_speed }}
+            <li>
+                Schnitt : {{ printf "%.f" . }} km/h
+            </li>
+            {{ end }}
+            {{ with .Params.temperature_c }}
+            <li>
+                Temperatur: {{ partial "func/NumberFormatter.html" ( dict "number" . "precision" 1 ) }} °C
+            </li>
+            {{ end }}
+        </ul>
+        {{ end }}
+
+        {{ if isset .Params "members" }}
+          <h1 class="f2">
+            Teilnehmer 
+          </h1>
+          <div class="nested-copy-line-height lh-copy f4 nested-links nested-img mid-gray">
+            {{ $max := add -1 (len .Params.members) }}
+            {{ range $index, $member := .Params.members }}
+              {{ $member }}{{if lt $index $max }}, {{ end }}
+            {{ end}}
+          </div>
+        {{ end }}
+
+        <h1 class="f2">
+          Story 
+        </h1>
+        <div class="nested-copy-line-height lh-copy f4 nested-links nested-img mid-gray">
+          {{ .Content }}
+        </div>
+
+
+        <h1 class="f2">
+          Bilder des Tages  
+        </h1>
+        {{ $page := .}}
+        {{ with .Resources.Match "images/*"  }}
+          {{ range . }}
+            {{ $gallary_img := .Resize "600x" }}
+            <div class="pv4  b--black-10 ph3 ph0-l">
+              <a href="{{.Permalink}}" class="db ">
+              <img style="max-width: 100%; width: auto; height: auto;" src="{{ $gallary_img.RelPermalink }}" 
+                width="{{ .Width }}" height="{{ .Height }}" alt="{{ .Title }}" >
+                </a>
+            {{ if isset $page.Params "captions" }}
+              {{ range first 1 (where $page.Params.captions "name" .Name) }}
+                {{ .text }}
+              {{ end }}
+            {{ end }}
+          </div>
+          {{ end }}
+        {{ end }}
+
+
+      </div>
+      <hr>
+      {{ partial "social-activity.html" . }}
+
+    </article>
+  </div>
+
+
+  {{ end }}

layouts/sports/MTB/_index.md

@@ -0,0 +1,4 @@
+---
+title: "Bruce Willis"
+wikipedia: "https://en.wikipedia.org/wiki/Bruce_Willis"
+---

layouts/sports/term.html

@@ -0,0 +1,34 @@
+{{ define "main" }}
+
+{{ partial "navigation-bar.html"  ( dict "context" . "items"  (slice "sports" ) )}}
+
+<article class="cf pa3 pa4-m pa4-l">
+    <div class="measure-wide-l center f4 lh-copy nested-copy-line-height nested-links nested-img mid-gray">
+      {{ $total_distance := 0 }}
+      {{ $total_ascent := 0 }}
+      {{ $total_nr_of_tours := 0 }}
+      
+      {{ range  .Pages }}
+      {{ $act_ascent:= int .Params.ascent_m }}
+      {{ $total_ascent = add $act_ascent $total_ascent  }}
+      
+      {{ $act_distance:= int .Params.distance_km }}
+      {{ $total_distance = add $act_distance $total_distance  }}
+      
+      {{ $total_nr_of_tours = add 1 $total_nr_of_tours  }}
+      {{ end }}
+      
+      <p>Hier gibt`s alles über "{{ .Title }}" Touren im Überblick!</p>
+      {{ partial "statistic-summary.html" ( dict "total_nr" $total_nr_of_tours "distance" $total_distance "ascent" $total_ascent ) }}
+    </div>
+  </article>
+  <div class="mw8 center">    
+    <section class="flex-ns flex-wrap justify-around mt5">
+      {{ range  .Pages }}
+        <div class="relative w-100  mb4 bg-white">
+          {{ partial "summary.html" . }}
+        </div>
+      {{ end }}
+    </section>
+  </div>
+{{ end }}

layouts/sports/terms.html

@@ -0,0 +1,19 @@
+{{ define "main" }}
+
+{{ partial "navigation-bar.html"  ( dict "context" . "items"  (slice "/" ) )}}
+
+  <article class="cf pa3 pa4-m pa4-l">
+    <div class="measure-wide-l center f4 lh-copy nested-copy-line-height nested-links nested-img mid-gray">
+      <p>Events nach Sportarten. Navigiere weiter in die Posts einer Sportart.</p>
+    </div>
+  </article>
+  <div class="mw8 center">   
+    <section class="flex-ns flex-wrap justify-around mt5">
+      {{ range .Data.Terms.ByCount }}
+        <div class="relative w-100  mb4 bg-white">
+          {{ partial "numbered-summary.html" .Page }}
+        </div>
+      {{ end }}
+    </section>
+  </div>
+{{ end }}

layouts/stats/list.html

@@ -0,0 +1,127 @@
+{{ define "main" }}
+
+<article class="measure-wide center pa3 pa4-ns nested-copy-line-height nested-img">
+    <section class="cf   pv3 pv4-l f4 tc-l  measure-wide lh-copy mid-gray">
+        {{- .Content -}}
+        <p id="top">Etwas Statistik</p>
+        <p >Jahresweise sind folgende Werte summiert: Touren, Teilnehmer, Distanz und Höhenmeter.</p>
+    </section>
+
+    <div class=" w-100">
+        {{ $pages := where .Site.RegularPages "Type" "in" (slice "posts") }}
+        
+        {{ $maxDist := 0.0 }}
+        {{ $maxDistYear := "" }}
+        
+        {{ $maxAscent := 0.0 }}
+        {{ $maxAscentYear := "" }}
+        
+        {{ $maxMembers := 0 }}
+        {{ $maxMembersYear := "" }}
+        
+        {{ $maxTours := 0 }}
+        {{ $maxToursYear := "" }}
+            
+        <!-- Groups content by month according to the "date" field in front matter -->
+        {{ range $pages.GroupByDate "2006" }}
+            {{ $dist := 0 }}
+            {{ $ascent := 0 }}
+            {{ $members := 0 }}
+            {{ $tours := 0 }}
+
+            {{ range .Pages }}
+
+                {{ with .Params.distance_km }}
+                    {{ $dist = add . $dist }}
+                {{ end }}
+
+                {{ with .Params.ascent_m }}
+                    {{ $ascent = add . $ascent }}
+                {{ end }}
+
+                {{ with .Params.members }}
+                    {{ $members = add ( len . ) $members }}
+                {{ end }}
+
+                {{ $tours = add 1 $tours }}
+
+            {{ end }}
+
+            {{ if gt $dist $maxDist }}
+                {{ $maxDist = $dist }}
+                {{ $maxDistYear = .Key }}
+            {{ end }}
+
+            {{ if gt $ascent $maxAscent }}
+                {{ $maxAscent = $ascent }}
+                {{ $maxAscentYear = .Key }}
+            {{ end }}
+
+            {{ if gt $members $maxMembers }}
+                {{ $maxMembers = $members }}
+                {{ $maxMembersYear = .Key }}
+            {{ end }}
+
+            {{ if gt $tours $maxTours }}
+                {{ $maxTours = $tours }}
+                {{ $maxToursYear = .Key }}
+            {{ end }}
+
+
+        {{ end }}
+
+        {{ range $pages.GroupByDate "2006" }}
+            {{ $dist := 0 }}
+            {{ $ascent := 0 }}
+            {{ $members := 0 }}
+            {{ $tours := 0 }}
+            
+            {{ range .Pages }}
+
+                {{ with .Params.distance_km }}
+                    {{ $dist = add . $dist }}
+                {{ end }}
+
+                {{ with .Params.Ascent_m }}
+                    {{ $ascent = add . $ascent }}
+                {{ end }}
+
+                {{ with .Params.members }}
+                    {{ $members = add ( len . ) $members }}
+                {{ end }}
+
+                {{ $tours = add 1 $tours }}
+
+            {{ end }}
+            
+
+            <section class="mt1">
+                <div class="center flex flex-wrap  bg-white">    
+                    <div class="flex ">    
+                        <div class="f3 pt3 blue b">
+                            <a href="../posts/#{{ .Key }}" class="link black dim">
+                            {{ .Key }}
+                            </a>
+                        </div>
+                    </div>
+                    <div class="flex flex-wrap">
+                        <div class="pt1 pl1">
+                            {{ partial "func/HeatMeterTile.html" (dict "color" "#009999" "value" $tours "max" $maxTours "precision" 0 "unit" "") }}
+                        </div>
+                        <div class="pt1 pl1">
+                            {{ partial "func/HeatMeterTile.html" (dict "color" "#0099cc" "value" $members "max" $maxMembers "precision" 0 "unit" "") }}
+                        </div>
+                        <div class="pt1 pl1">
+                            {{ partial "func/HeatMeterTile.html" (dict "color" "#3e7474" "value" $dist "max" $maxDist "precision" 0 "unit" "km") }}
+                        </div>
+                        <div class="pt1 pl1">
+                            {{ partial "func/HeatMeterTile.html" (dict "color" "#007f00" "value" $ascent "max" $maxAscent "precision" 0 "unit" "HM") }}
+                        </div>
+                    </div>
+                </div>
+            </section>
+
+        {{ end }}
+    </div>
+</article>
+{{ end }}