roadmap: change structure

The structure of the roadmap isn't meant to support more than 6 tabs, so some changes are necessary to show
the roadmap correctly.

- Grouped the first 2 years 2014-215 on a single tab.
- Added headers for each card
- The last tab is now "Future", and doesn't refer to a specific year, but it's meant to show updates that will be
implemented in the future
- Changed default card from 2019 to 2020
This commit is contained in:
erciccione 2020-02-28 11:36:41 +01:00
parent 6c1c7f7159
commit ae816cf6b3
No known key found for this signature in database
GPG key ID: 762AF8C608E56CDF
2 changed files with 44 additions and 16 deletions

View file

@ -255,6 +255,8 @@
- name: Second-layer solutions for speed and scalability
date:
status: upcoming
- year: future
accomplishments:
- name: Return addresses
date:
status: upcoming

View file

@ -24,8 +24,9 @@ permalink: /resources/roadmap/index.html
<div class="tabPanel-widget">
<label for="tab-1" tabindex="0"></label>
<input id="tab-1" type="radio" name="tabs" aria-hidden="true">
<h2>2014</h2>
<div class="tabPanel-content">
<h2>2014-2015</h2>
<div class="tabPanel-content">
<h2>2014</h2>
{% for toplevel in site.data.lang[site.lang].roadmap %}
{% if toplevel.year == 2014 %}
{% for roadlist in toplevel.accomplishments %}
@ -40,11 +41,7 @@ permalink: /resources/roadmap/index.html
{%endfor%}
{%endif%}
{%endfor%}
</div>
<label for="tab-2" tabindex="0"></label>
<input id="tab-2" type="radio" name="tabs" aria-hidden="true">
<h2>2015</h2>
<div class="tabPanel-content">
<h2>2015</h2>
{% for toplevel in site.data.lang[site.lang].roadmap %}
{% if toplevel.year == 2015 %}
{% for roadlist in toplevel.accomplishments %}
@ -60,10 +57,11 @@ permalink: /resources/roadmap/index.html
{%endif%}
{%endfor%}
</div>
<label for="tab-3" tabindex="0"></label>
<input id="tab-3" type="radio" name="tabs" aria-hidden="true">
<label for="tab-2" tabindex="0"></label>
<input id="tab-2" type="radio" name="tabs" aria-hidden="true">
<h2>2016</h2>
<div class="tabPanel-content">
<h2>2016</h2>
{% for toplevel in site.data.lang[site.lang].roadmap %}
{% if toplevel.year == 2016 %}
{% for roadlist in toplevel.accomplishments %}
@ -79,10 +77,11 @@ permalink: /resources/roadmap/index.html
{%endif%}
{%endfor%}
</div>
<label for="tab-4" tabindex="0"></label>
<input id="tab-4" type="radio" name="tabs" aria-hidden="true">
<label for="tab-3" tabindex="0"></label>
<input id="tab-3" type="radio" name="tabs" aria-hidden="true">
<h2>2017</h2>
<div class="tabPanel-content">
<h2>2017</h2>
{% for toplevel in site.data.lang[site.lang].roadmap %}
{% if toplevel.year == 2017 %}
{% for roadlist in toplevel.accomplishments %}
@ -102,10 +101,11 @@ permalink: /resources/roadmap/index.html
{%endif%}
{%endfor%}
</div>
<label for="tab-5" tabindex="0"></label>
<input id="tab-5" type="radio" name="tabs" aria-hidden="true">
<label for="tab-4" tabindex="0"></label>
<input id="tab-4" type="radio" name="tabs" aria-hidden="true">
<h2>2018</h2>
<div class="tabPanel-content">
<h2>2018</h2>
{% for toplevel in site.data.lang[site.lang].roadmap %}
{% if toplevel.year == 2018 %}
{% for roadlist in toplevel.accomplishments %}
@ -125,10 +125,11 @@ permalink: /resources/roadmap/index.html
{%endif%}
{%endfor%}
</div>
<label for="tab-6" tabindex="0"></label>
<input id="tab-6" type="radio" name="tabs" aria-hidden="true" checked>
<label for="tab-5" tabindex="0"></label>
<input id="tab-5" type="radio" name="tabs" aria-hidden="true">
<h2>2019</h2>
<div class="tabPanel-content">
<h2>2019</h2>
{% for toplevel in site.data.lang[site.lang].roadmap %}
{% if toplevel.year == 2019 %}
{% for roadlist in toplevel.accomplishments %}
@ -148,12 +149,37 @@ permalink: /resources/roadmap/index.html
{%endif%}
{%endfor%}
</div>
<label for="tab-6" tabindex="0"></label>
<input id="tab-6" type="radio" name="tabs" aria-hidden="true" checked>
<h2>2020</h2>
<div class="tabPanel-content">
<h2>2020</h2>
{% for toplevel in site.data.lang[site.lang].roadmap %}
{% if toplevel.year == 2020 %}
{% for roadlist in toplevel.accomplishments %}
<div class="row start-xs middle-xs">
<div class="col-xs-1">
<span class="{{roadlist.status}}"></span>
</div>
<div class="col-xs-11">
{% if roadlist.date %}
<p>{{roadlist.date}}: {{roadlist.name}}</p>
{%else%}
<p>{{roadlist.name}}</p>
{%endif%}
</div>
</div>
{%endfor%}
{%endif%}
{%endfor%}
</div>
<label for="tab-7" tabindex="0"></label>
<input id="tab-7" type="radio" name="tabs" aria-hidden="true">
<h2>{% t roadmap.future %}</h2>
<div class="tabPanel-content">
<h2>{% t roadmap.future %}</h2>
{% for toplevel in site.data.lang[site.lang].roadmap %}
{% if toplevel.year == 2020 %}
{% if toplevel.year == "future" %}
{% for roadlist in toplevel.accomplishments %}
<div class="row start-xs middle-xs">
<div class="col-xs-1">