layouts/_default/single.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82

{{ define "main" }}

{{/* Breadcrumbs */}}

<div {{ if .Param "autonumber" }} class="autonumber" {{ end }}>

  <div class="single-intro-container">

    {{/* Title and Summary */}}

    <h2 class="single-title">{{ .Title }}</h2>
    {{ if .Param "author" }}
    <p>By: {{ .Param "author" }}</p>
    {{ end }}

    <div class="controls">
    <div>
      <label class="chord-toggle">
        <input type="checkbox" id="toggle-chords" checked>
        <span class="slider"></span>
        <span class="label-text">Show Chords</span>
      </label>
    </div>

    <div class="key-selector">
      <label for="key-selector">Key:</label>
      <select id="key-selector" data-original-key="{{ with .Params.key }}{{ . }}{{ else }}C{{ end }}">
        {{ $allKeys := slice "C" "C#/Db" "D" "D#/Eb" "E" "F" "F#/Gb" "G" "G#/Ab" "A" "A#/Bb" "B" }}
        {{ $currentKey := .Params.key | default "C" }}
        {{ range $k := $allKeys }}
        {{ $cleanKey := (index (split $k "/") 0) }}
        <option value="{{ $cleanKey }}" {{ if in $currentKey $k }}selected{{ end }}>
          {{ if in $currentKey $k }}{{ $k }} (Original) {{ else }} {{ $k }} {{ end }} 
        </option>
        {{ end }}
      </select>
    </div>
    </div>

  </div>

  {{ if .Param "showTags" }}

  {{ $taxonomy := "tags" }}
    {{ with .Param $taxonomy }}

    <div class="single-tags">
      {{ range $index, $tag := . }}
        {{ with $.Site.GetPage (printf "/%s/%s" $taxonomy $tag) -}}
        <span>
          <a href="{{ .Permalink }}">#{{ .LinkTitle }}</a>
        </span>
        {{ end }}
      {{ end }}
    </div>

    {{ end }}
  {{ end }}

  {{/* Page content */}}

  <div class="single-content">
    {{ .Content }}
  </div>

    <div id="setlist-tab">Setlist</div>

    <div id="setlist-sidebar" class="hidden">
      <h6>Set List</h3>
      <ul id="setlist"></ul>
      <button id="add-to-setlist">＋ Add Song</button>
    </div>

  {{/* Back to top */}}
  <div class="back-to-top">
    <a href="#top">
      back to top
    </a>
  </div>
</div>

{{ end }}