kollegenrunde
/
kollegen-hugo
2
0
Fork 0
Code Issues Pull Requests Releases Activity
Browse Source

Added pulsbar to term list pages

master
Chris 6 years ago
parent
48c7322ad8
commit
be2981c72b
5 changed files with 162 additions and 37 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 50
      layouts/eventtypes/terms.html
  2. 51
      layouts/locations/terms.html
  3. 2
      layouts/members/terms.html
  4. 44
      layouts/partials/term-summary.html
  5. 52
      layouts/sports/terms.html

50
layouts/eventtypes/terms.html
Unescape View File

@ -2,18 +2,44 @@
{{ 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 }}
<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 ihrem Typ. Die Pulsbar zeigt die relative Anzahl pro Jahr. Navigiere weiter in die Posts eines Eventtyps.</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 "term-summary.html" (dict "page" .Page "param_name" "eventtypes" ) }}
</div>
</div>
{{ end }}
</section>
</section>
{{ end }}
</div>
</article>
{{ end }}

51
layouts/locations/terms.html
Unescape View File

@ -2,18 +2,45 @@
{{ 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 }}
<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 ihrem Startort. Die Pulsbar zeigt die relative Anzahl Starts pro Jahr.
Navigiere weiter in die Posts einer Location.</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 "term-summary.html" (dict "page" .Page "param_name" "locations" ) }}
</div>
</div>
{{ end }}
</section>
</section>
{{ end }}
</div>
</article>
{{ end }}

2
layouts/members/terms.html
Unescape View File

@ -5,7 +5,7 @@
<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>
<p>Events nach Teilnehmenden. Die Pulsbar zeigt die prozentuale Kilometerleistung pro Jahr. Navigiere weiter in die Posts eines Teilnehmenden.</p>
</div>
</section>

44
layouts/partials/term-summary.html
Unescape View File

@ -0,0 +1,44 @@
{{ $key := .page.Title }}
{{ $pages := where .page.Site.RegularPages "Type" "in" (slice "posts") }}
{{ $count := len $pages }}
{{ $param_name := .param_name }}
{{ $totalWidth := 100.0 }}
{{ $totalHeight := 50.0 }}
{{ $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" }}
{{ $maxCount := 0 }}
{{ $count := 0 }}
{{ range .Pages }}
{{ $maxCount = add 1 $maxCount }}
{{ $isMember := false }}
{{ if eq (.Param $param_name ) $key }}
{{ $isMember = true }}
{{ $count = add 1 $count }}
{{ end }}
{{ end }}
{{ $height := 0 }}
{{ $height = mul (float $totalHeight ) ( div (float $count ) ( float $maxCount ) ) }}
{{/* {{ $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>

52
layouts/sports/terms.html
Unescape View File

@ -1,19 +1,47 @@
{{ 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 }}
<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 Sportarten. Die Pulsbar zeigt die relative Anzahl pro Jahr. Navigiere weiter in die Posts einer Sportart.</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 "term-summary.html" (dict "page" .Page "param_name" "sports" ) }}
</div>
</div>
{{ end }}
</section>
</section>
{{ end }}
</div>
</article>
{{ end }}

Write Preview
Loading…
Cancel
Save