add timeline year dropdown auto gen, clean up unique year routine

_data/theme.yml

@@ -35,6 +35,10 @@ subjectcolor: blue # Leave blank if you just want the link color for bootstrap;
 subject-min: 3 # min size for subject cloud, too many terms = slow load time!
 stopwords: # need to figure out
 
+# timeline
+year-navigation: #"1900;1905;1910;1915;1920" # set years to appear in dropdown nav
+year-nav-increment: 5 # set increments when auto gen nav years
+
 # Theme Options
 # navbar text color
 # Choose from "navbar-light" for use with light background colors, or "navbar-dark" for dark background colors

_layouts/timeline.html

@@ -1,28 +1,33 @@
 ---
 layout: page
 ---
-{%- if page.year-navigation -%}
-{%- assign navYears = "1900;1905;1910;1915;1920;1925;1930;1935;1940;1945;1950;1955;1960" | split: ";" -%}
-<ul class="nav nav-pills float-right" id="year-nav">
-  <li class="nav-item dropdown ">
-    <a class="nav-link active dropdown-toggle btn btn-pride-gold" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Year</a>
-    <div class="dropdown-menu">
-      {% for y in navYears %}
-      <a class="dropdown-item" href="#{{ y }}">{{ y }}</a>{% endfor %}
-    </div>
-  </li>
-</ul>
+<style>#timeline .img-thumbnail { height: 110px;}</style>
+{%- assign items = site.data[site.data.theme.metadata] -%}
+{%- assign raw-dates = site.data[site.data.theme.metadata] | map: 'date' | compact | uniq -%}
+{%- capture clean-years -%}{% for date in raw-dates %}{% if date contains "-" %}{{ date | strip | split: "-" | first }}{% elsif date contains "/" %}{{ date | strip | split: "/" | last }}{% else %}{{ date | strip }}{% endif %}{% unless forloop.last %};{% endunless %}{%- endfor -%}{%- endcapture -%}
+{%- assign uniqueYears = clean-years | split: ";" | uniq | sort -%}
+
+{%- if site.data.theme.year-navigation -%}
+{%- assign navYears = site.data.theme.year-navigation | split: ";" -%}
+{%- else -%}
+{%- capture navYears -%}
+{%- for i in uniqueYears -%}{%- assign t = i | modulo: site.data.theme.year-nav-increment -%}
+{%- if t == 0 -%}{{ i }}{% unless forloop.last %};{% endunless %}{% endif %}{% endfor %}{%- endcapture -%}
+{%- assign navYears = navYears | split: ";" -%}
 {%- endif -%}
+<div class="dropdown float-right" id="year-nav">
+  <button class="btn btn-primary dropdown-toggle" type="button" id="yearButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+    Year
+  </button>
+  <div class="dropdown-menu" aria-labelledby="yearButton">
+    {% for y in navYears %}
+      <a class="dropdown-item" href="#{{ y }}">{{ y }}</a>{% endfor %}
+  </div>
+</div>
 
 {{ content }}
-
-{% assign items = site.data[site.data.theme.metadata] %}
-{% assign raw-dates = site.data[site.data.theme.metadata] | map: 'date' | compact%}
-{% capture clean-years %}{% for date in raw-dates %}{% if date contains "-" %}{{date | split: "-" | first }}{% elsif date contains "/" %}{{ date | split: "/" | last }}{% else %}{{ date }}{% endif %}{% unless forloop.last %};{% endunless %}{%- endfor -%}{% endcapture %}
-{%- assign years = clean-years | split: ";" | sort  -%}
-{%- assign uniqueYears = years | uniq | sort -%}
 
-<h3><a href="#{{ years | first }}">{{ years | first }}</a> to <a href="#{{ years | last }}">{{ years | last }}</a></h3>
+<h3><a href="#{{ uniqueYears | first }}">{{ uniqueYears | first }}</a> to <a href="#{{ uniqueYears | last }}">{{ uniqueYears | last }}</a></h3>
 
 <table id="timeline" class="table table-striped">
   {% for year in uniqueYears %}

pages/timeline.md

@@ -1,7 +1,6 @@
 ---
 title: Timeline
 layout: timeline
-year-navigation: "1900;1905;1910;1915;1920"
 permalink: /timeline.html
 ---