6 changed files with 163 additions and 2 deletions
@ -0,0 +1,70 @@
|
||||
{{ $key := .page.Title }} |
||||
{{ $pages := .pages }} |
||||
{{ $count := len $pages }} |
||||
{{ $param_name := .param_name }} |
||||
{{ $param_title := .param_title }} |
||||
{{ $totalWidth := 100.0 }} |
||||
{{ $totalHeight := 50.0 }} |
||||
{{ $width := div $totalWidth 12 }} |
||||
|
||||
{{ $color := "#a8c7f0" }} |
||||
{{ $strokecolor := "#d3e3f8" }} |
||||
|
||||
<script> |
||||
function onyearover(year, key, count){ |
||||
// alert( year + key + "!") |
||||
document.getElementById( key ).innerHTML = year + ": " + count; |
||||
} |
||||
|
||||
function onyearout(key){ |
||||
// alert( year + key + "!") |
||||
document.getElementById( key ).innerHTML = "<div style='color: transparent'>:</div>"; |
||||
} |
||||
</script> |
||||
|
||||
<svg width="{{ $totalWidth }}%" height="{{ $totalHeight }}" |
||||
xmlns="http://www.w3.org/2000/svg"> |
||||
<rect height="100%" width="100%" opacity="0.1" fill="{{ $color }}"/> |
||||
{{ $month := 0 }} |
||||
{{ $actMonth := 0 }} |
||||
{{ $maxCount := 0 }} |
||||
{{ $actCount := 0 }} |
||||
{{ range $pages }} |
||||
{{ $month = dateFormat "2006-01" .Date }} |
||||
{{ if ne $month $actMonth }} |
||||
{{ $actMonth = $month }} |
||||
{{ $actCount = 0 }} |
||||
{{ end }} |
||||
|
||||
{{ $actCount = add 1 $actCount }} |
||||
|
||||
{{ $maxCount = add 1 $maxCount }} |
||||
{{ $month = dateFormat "2006-01" .Date }} |
||||
|
||||
{{ if gt $actCount $maxCount }} |
||||
{{ $maxCount = $actCount }} |
||||
{{ end }} |
||||
{{ end }} |
||||
|
||||
{{ $x := 0 }} |
||||
{{ $month := 0 }} |
||||
{{ range sort ( $pages.GroupByDate "2006-01" ) "Key" }} |
||||
{{ range first 1 .Pages }} |
||||
{{ $month = .Params.Date.Format "01" }} |
||||
{{ end }} |
||||
|
||||
{{ $height := 0 }} |
||||
{{ $height = mul (float $totalHeight ) ( div (float ( len .Pages ) ) ( float $maxCount ) ) }} |
||||
|
||||
{{ $x = mul ( sub ( float $month ) 1 ) $width }} |
||||
|
||||
|
||||
<rect onmouseover="onyearover({{ $month }}, {{ $param_title }}, {{ len .Pages }} )" onmouseout="onyearout({{ $param_title }})" height="{{ $height }}" y="{{ sub $totalHeight $height }}" x="{{ $x }}%" |
||||
width="{{ $width }}%" fill="{{ $color }}" stroke-width="1.5" stroke="{{$strokecolor}}" |
||||
class="dim"/> |
||||
|
||||
{{$x }} |
||||
{{ end }} |
||||
|
||||
|
||||
</svg> |
||||
@ -0,0 +1,42 @@
|
||||
{{ define "main" }} |
||||
|
||||
{{ $nextYear := (int .Title) }} |
||||
{{ $pages := where .Site.RegularPages "Type" "in" (slice "posts") }} |
||||
{{ $pages = sort $pages "Date" }} |
||||
|
||||
{{ $pages = first 1 $pages }} |
||||
|
||||
{{ $next := printf "%s/%s" "years" .Title }} |
||||
|
||||
{{ partial "navigation-bar.html" ( dict "context" . "items" (slice "years" ) )}} |
||||
|
||||
<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>Touren des Jahres {{ .Title }}!</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-with-thumbnail.html" . }} |
||||
</div> |
||||
{{ end }} |
||||
</section> |
||||
</div> |
||||
{{ end }} |
||||
@ -0,0 +1,48 @@
|
||||
{{ 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 Jahren. Die Pulsbar zeigt die relative Anzahl pro Monat. Navigiere weiter in die Posts eines Jahres.</p> |
||||
</div> |
||||
</section> |
||||
|
||||
<div class="w-100"> |
||||
{{ range .Data.Terms.Alphabetical.Reverse }} |
||||
<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 "years-summary.html" (dict "page" .Page "param_title" .Page.Title "pages" .Pages) }} |
||||
</div> |
||||
<div id="{{ .Page.Title }}" class="flex justify-center pt1"> |
||||
<div style="color:transparent">:</div> |
||||
</div> |
||||
|
||||
</div> |
||||
</section> |
||||
{{ end }} |
||||
</div> |
||||
</article> |
||||
{{ end }} |
||||
Loading…
Reference in new issue