elixir-toolkit-theme 1.5.0

data/_includes/sidebar.html

@@ -0,0 +1,239 @@
+{%- assign sidebar = site.data.sidebars[page.sidebar] %}
+{%- capture reusing -%}{%- if page.url == "/reusing.html" -%}st0{%- else -%}st10{%- endif -%}{%- endcapture -%}
+{%- capture preserving -%}{%- if page.url == "/preserving.html" -%}st2{%- else -%}st12{%- endif -%}{%- endcapture -%}
+{%- capture analysing -%}{%- if page.url == "/analysing.html" -%}st3{%- else -%}st13{%- endif -%}{%- endcapture -%}
+{%- capture processing -%}{%- if page.url == "/processing.html" -%}st4{%- else -%}st14{%- endif -%}{%- endcapture -%}
+{%- capture planning -%}{%- if page.url == "/planning.html" -%}st5{%- else -%}st15{%- endif -%}{%- endcapture -%}
+{%- capture collecting -%}{%- if page.url == "/collecting.html" -%}st6{%- else -%}st16{%- endif -%}{%- endcapture -%}
+{%- capture sharing -%}{%- if page.url == "/sharing.html" -%}st7{%- else -%}st17{%- endif -%}{%- endcapture -%}
+<button class="btn text-start d-lg-none collapsed sidebar-collapse w-100 mb-3" type="button" data-bs-toggle="collapse" data-bs-target="#side-nav" aria-controls="side-nav" aria-expanded="true" aria-label="Toggle navigation">
+    {{ page.sidebar | capitalize | replace: "_", " " }} menu <i title="navbar-toggler" class="fa fa-bars ms-2"></i>
+</button>
+<nav class="collapse" id="side-nav" aria-label="Side navigation">
+    <ul id="menu" class="list-unstyled mb-4 mb-lg-0">
+        {%- if sidebar.title or sidebar.version %}
+        {%- if sidebar.title_url and page.url == sidebar.title_url %}
+        <li class="sidebar-title active">
+        {%- else %}
+        <li class="sidebar-title">
+        {%- endif %}
+        {%- if sidebar.title_url %}
+        <a class="btn active hover-primary text-start d-block mb-1" href="{{ sidebar.title_url | relative_url }}">{{sidebar.title}} {{sidebar.version}}</a>
+        {%- else %}
+        <a class="btn active hover-primary text-start d-block mb-1 disabled" aria-disabled="true">{{sidebar.title}} {{sidebar.version}}</a>
+        {%- endif %}
+        </li>
+        {%- endif %}
+        {%- for folder in sidebar.subitems %}
+        {%- if page.url == folder.url %}
+        <li class="active{%- if folder.hr %} mt-3{% endif %}">
+        {%- else %}
+        <li {%- if folder.hr %} class="mt-3"{% endif %}>
+        {%- endif %}
+        {%- if folder.external_url %}
+            <a class="btn hover-primary text-start d-block mb-1" href="{{folder.external_url}}" target="_blank" rel="noopener">{{folder.title}}</a>
+        {%- else %}    
+            <a class="btn hover-primary text-start d-block mb-1" href="{{folder.url | relative_url }}">{{ folder.title }}</a>
+        {%- endif %}
+        {%- if folder.subitems %}
+            <ul class="list-unstyled">
+                {%- for subfolder in folder.subitems %}
+                {%- if subfolder.RDM -%}
+                {%- if page.type == "data_life_cycle" %}
+                <li class="active sidebar_rdm_sub mb-1">
+                {% else %}
+                <li class="sidebar_rdm_sub mb-1">
+                {% endif %}
+                    <svg version="1.1" id="data-life-cycle" xmlns="http://www.w3.org/2000/svg"
+                        xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 250.9 251"
+                        style="enable-background:new 0 0 250.9 251;" xml:space="preserve" class="sidebar_rdm">
+                        <style type="text/css">
+                            .st10,.st12,.st13,.st14,.st15,.st16,.st17 {fill:#73757d;}
+                            .st1{fill:#FFFFFF; pointer-events: none;}
+                            .st0{fill:#FA484B;}
+                            .st5{fill:#F67028;}
+                            .st6{fill:#FAC54B;}
+                            .st4{fill:#8ABA56;}
+                            .st3{fill:#32B890;}
+                            .st2{fill:#4176A5;}
+                            .st7{fill:#9E51AD;}
+                            .st8{font-family: 'Exo 2', sans-serif;}
+                            .st9{font-size:13.5px;}
+                            .st0,.st2,.st3,.st4,.st5,.st6,.st7 {transition: fill 0.3s;}
+                            .st10:hover{fill:#FA484B;cursor: pointer;}
+                            .st15:hover{fill:#F67028;cursor: pointer;}
+                            .st16:hover{fill:#FAC54B;cursor: pointer;}
+                            .st14:hover{fill:#8ABA56;cursor: pointer;}
+                            .st13:hover{fill:#32B890;cursor: pointer;}
+                            .st12:hover{fill:#4176A5;cursor: pointer;}
+                            .st17:hover{fill:#9E51AD;cursor: pointer;}
+                            text {pointer-events : none;}
+                        </style>
+                        <a href="./planning" id="link-to-planning" target="_top" title="planning">
+                            <g id="PlanPath">
+                                <path class="{{ planning }}"
+                                    d="M144.4,31.6l-16.6,32.3c17.5,0.7,33.2,8.6,44,20.9l35.7-7l14.6-32.4C199.6,18.3,166,0.8,128.2,0L144.4,31.6z" />
+                                <path class="st1"
+                                    d="M166.7,24.1c0.3-0.4,0.8-0.6,1.4-0.6c4.7,0,9.4,0,14.1,0c0.5,0,1,0.2,1.4,0.6c0.3,0.3,0.4,0.7,0.4,1.2
+                                    c0,1,0,2,0,3c-0.3,0.3-0.5,0.5-0.8,0.8c-2.6,2.6-5.3,5.3-7.9,7.9c-0.1,0.1-0.3,0.3-0.3,0.5c-0.4,1.6-0.8,3.1-1.2,4.7
+                                    c0,0.2-0.1,0.4,0,0.5c0.1,0.2,0.4,0.3,0.7,0.3c1.6-0.4,3.2-0.8,4.7-1.3c0.2,0,0.3-0.1,0.4-0.3c1.5-1.5,3-3,4.5-4.5
+                                    c0,2.5,0,5.1,0,7.6c0,0.4-0.1,0.8-0.3,1.1c-0.3,0.4-0.9,0.7-1.4,0.7c-4.7,0-9.4,0-14.1,0c-0.3,0-0.7,0-1-0.2
+                                    c-0.3-0.2-0.6-0.4-0.7-0.8c-0.1-0.3-0.2-0.6-0.2-0.9c0-6.4,0-12.8,0-19.2C166.3,24.8,166.4,24.4,166.7,24.1z" />
+                                <path class="st1" d="M185.5,28.4c0.5-0.3,1.2-0.4,1.7-0.1c0.3,0.2,0.6,0.4,0.8,0.7c0.5,0.6,0.6,1.5,0.1,2.1
+                                    c-0.1,0.2-0.3,0.4-0.5,0.5c-0.9-0.9-1.8-1.8-2.7-2.7C185.1,28.7,185.3,28.5,185.5,28.4z" />
+                                <path class="st1" d="M176.3,37.5c2.6-2.6,5.2-5.2,7.8-7.8c0.9,0.9,1.8,1.8,2.7,2.7c-2.6,2.6-5.2,5.2-7.8,7.8
+                                    C178.1,39.3,177.2,38.4,176.3,37.5z" />
+                                <path class="st1"
+                                    d="M175.8,38.6l0.1,0.1c0.7,0.7,1.3,1.3,2,2c-1,0.3-1.9,0.5-2.9,0.8C175.3,40.6,175.6,39.6,175.8,38.6z" />
+                            </g>
+                        </a>
+                        <a href="./collecting" id="link-to-collecting" target="_top" title="collecting">
+                            <g id="CollectPath">
+                                <path class="{{ collecting }}" d="M213.9,159.8l34.4-8.7c1.7-8.3,2.6-16.8,2.6-25.6c0-28.5-9.5-54.7-25.4-75.8L210.8,82l-35.6,7
+                                    c7.5,10.2,11.9,22.8,11.9,36.4c0,3.7-0.3,7.3-1,10.8L213.9,159.8z" />
+                                <path class="st1" d="M215.4,91.9c0.2-0.4,0.6-0.6,1.1-0.6c2.3,0,4.7,0,7,0c0.4,0,0.8,0.2,1,0.5c0.4,0.5,0.3,1.2-0.1,1.6
+                                    c-0.2,0.2-0.5,0.3-0.8,0.3c-0.2,0-0.5,0-0.7,0.1c-0.2,0.1-0.3,0.2-0.3,0.4c0,1.6,0,3.1,0,4.7c0,0.8,0.1,1.6,0.4,2.4
+                                    c0.2,0.4,0.4,0.8,0.6,1.2c0.6,1.1,1.2,2.1,1.8,3.2c-3.7,0-7.4,0-11.1,0c0.7-1.2,1.4-2.5,2-3.7c0.3-0.5,0.5-1,0.6-1.6
+                                    c0.1-0.5,0.2-1,0.2-1.5c0-1.6,0-3.2,0-4.8c0-0.3-0.3-0.5-0.5-0.5c-0.3,0-0.5,0-0.7-0.1c-0.3-0.1-0.5-0.3-0.6-0.5
+                                    C215.2,92.8,215.2,92.3,215.4,91.9z" />
+                                <path class="st1" d="M213.8,106.8c4.1,0,8.2,0,12.4,0c0.7,1.3,1.5,2.6,2.2,3.9c0.2,0.3,0.3,0.6,0.4,0.9c0.3,1-0.4,2.2-1.4,2.6
+                                    c-0.3,0.1-0.5,0.1-0.8,0.1c-4.4,0-8.8,0-13.2,0c-0.6,0-1.1-0.2-1.6-0.6c-0.5-0.5-0.8-1.4-0.6-2.1c0.1-0.3,0.2-0.5,0.4-0.8
+                                    C212.3,109.4,213.1,108.1,213.8,106.8z" />
+                            </g>
+                        </a>
+                        <a href="./processing" id="link-to-processing" target="_top" title="processing">
+                            <g id="ProcessPath">
+                                <path class="{{ processing }}" d="M211.7,165L184,141.6c-4.4,16.4-15.5,30.1-30.1,38.1l-1.1,36.3l28.3,21.5c31.9-16.2,56-45.6,65-81.1L211.7,165
+                                    z" />
+                                <path class="st1" d="M179.4,172.2c0.1,0,0.2,0,0.4,0c7,0,14,0,21,0c0.3,0,0.6,0,0.8,0.1c0.5,0.2,0.7,0.7,0.7,1.2
+                                    c0,4.3,0,8.6,0,12.8c0,0.4-0.1,0.7-0.3,1c-0.3,0.3-0.7,0.5-1.1,0.5c-7.1,0-14.1,0-21.2,0c-0.4,0-0.9-0.2-1.1-0.6
+                                    c-0.2-0.3-0.3-0.6-0.3-0.9c0-4.3,0-8.5,0-12.8c0-0.4,0.1-0.8,0.4-1C178.9,172.4,179.1,172.3,179.4,172.2z M184.3,178
+                                    c-0.3,0-0.7,0.2-1,0.4c-0.2,0.1-0.3,0.4-0.4,0.6c-0.4,0.6-0.4,1.4,0,2.1c0.4,0.6,1,0.9,1.6,1c0.5,0,1-0.1,1.4-0.4
+                                    c0.1-0.1,0.2-0.1,0.3-0.3c0.3-0.5,0.5-1.1,0.4-1.6c-0.1-0.6-0.5-1.2-1.1-1.5C185.2,178,184.8,178,184.3,178z M195.4,178
+                                    c-0.4,0.1-0.9,0.2-1.2,0.5c-0.3,0.4-0.5,0.8-0.5,1.3c-0.1,1,0.7,2,1.6,2.1c0.6,0.1,1.2-0.1,1.7-0.4c0.2-0.1,0.3-0.3,0.4-0.4
+                                    c0.3-0.5,0.4-1.1,0.2-1.6c-0.1-0.4-0.3-0.7-0.6-1C196.5,178.1,195.9,177.9,195.4,178z M189.8,178c-0.3,0-0.5,0.1-0.8,0.3
+                                    c-0.2,0.1-0.4,0.2-0.5,0.4c-0.4,0.6-0.5,1.3-0.3,1.9c0.2,0.6,0.6,1,1.2,1.3c0.6,0.3,1.3,0.1,1.9-0.2c0.1-0.1,0.3-0.1,0.4-0.3
+                                    c0.3-0.4,0.5-0.9,0.4-1.5c0-0.7-0.5-1.5-1.2-1.8C190.6,178,190.2,178,189.8,178z" />
+                                <path class="st1" d="M184.3,179.1c0.3-0.1,0.6,0,0.9,0.1c0.2,0.1,0.3,0.3,0.3,0.5c0.1,0.3,0,0.7-0.3,1c-0.4,0.4-1.3,0.2-1.5-0.4
+                                    C183.6,179.9,183.9,179.3,184.3,179.1z" />
+                                <path class="st1" d="M189.9,179.1c0.4-0.2,0.9,0.1,1.1,0.5c0.1,0.3,0.1,0.6,0,0.9c-0.2,0.3-0.5,0.4-0.8,0.4c-0.3,0-0.5-0.2-0.6-0.4
+                                    c-0.2-0.3-0.3-0.7-0.1-1C189.4,179.3,189.7,179.2,189.9,179.1z" />
+                                <path class="st1" d="M195.3,179.1c0.3-0.1,0.7,0,1,0.2c0.2,0.2,0.3,0.5,0.3,0.7c0,0.4-0.4,0.8-0.8,0.9c-0.3,0-0.6-0.1-0.8-0.3
+                                    c-0.2-0.2-0.3-0.5-0.2-0.8C194.8,179.5,195,179.2,195.3,179.1z" />
+                                <path class="st1" d="M186.8,189c0.9,0,1.7,0,2.6,0c1.3,0,2.7,0,4,0c0.2,0,0.5,0.1,0.5,0.4c0.3,0.9,0.6,1.9,0.9,2.8
+                                    c0.1,0.2,0.1,0.4,0.3,0.6c0.1,0.1,0.3,0.1,0.4,0.1c0.7,0,1.4,0,2.1,0c0.2,0,0.4,0,0.5,0.2c0.3,0.3,0.1,0.7-0.2,0.8
+                                    c-0.1,0-0.2,0-0.3,0c-5,0-10.1,0-15.1,0c-0.3,0-0.6-0.3-0.5-0.6c0-0.3,0.3-0.5,0.6-0.5c0.7,0,1.5,0,2.2,0c0.3,0,0.5-0.2,0.6-0.4
+                                    c0.3-0.9,0.6-1.9,0.9-2.8c0.1-0.2,0.1-0.3,0.2-0.5C186.5,189,186.7,189,186.8,189z" />
+                            </g>
+                        </a>
+                        <a href="./analysing" id="link-to-analysing" target="_top" title="analysing">
+                            <g id="AnalysePath">
+                                <path class="{{ analysing }}" d="M149,218.3l1-36.2c-7.5,3.3-15.8,5.1-24.5,5.1c-8.5,0-16.6-1.7-24-4.9l-29.1,21.8l0.9,35.5
+                                    c15.9,7.3,33.6,11.4,52.2,11.4c18.4,0,36-4,51.7-11.1L149,218.3z" />
+                                <path class="st1" d="M123.3,196c1.4,0,2.8,0,4.3,0c0.5,0,0.8,0.4,0.8,0.8c0,7.2,0,14.3,0,21.5c0,0.2-0.1,0.5-0.2,0.7
+                                    c-0.2,0.2-0.4,0.3-0.6,0.3c-1.4,0-2.8,0-4.1,0c-0.3,0-0.5-0.1-0.7-0.3c-0.1-0.2-0.2-0.4-0.2-0.6c0-7.2,0-14.3,0-21.5
+                                    C122.5,196.4,122.8,196,123.3,196z" />
+                                <path class="st1" d="M114.6,202.5c0.2,0,0.3,0,0.5,0c1.2,0,2.4,0,3.6,0c0.2,0,0.4,0,0.5,0.1c0.3,0.1,0.5,0.3,0.5,0.6
+                                    c0,0.1,0,0.3,0,0.4c0,5,0,9.9,0,14.9c0,0.5-0.4,0.9-0.8,0.9c-1.3,0-2.6,0-3.9,0c-0.2,0-0.4,0-0.6-0.1c-0.3-0.1-0.5-0.4-0.5-0.8
+                                    c0-5,0-10,0-15.1C114,202.9,114.2,202.6,114.6,202.5z" />
+                                <path class="st1" d="M106.3,208.7c1.4,0,2.9,0,4.3,0c0.4,0,0.8,0.4,0.8,0.8c0,2.9,0,5.8,0,8.8c0,0.3-0.1,0.6-0.4,0.8
+                                    c-0.2,0.1-0.4,0.2-0.5,0.2c-1.2,0-2.5,0-3.7,0c-0.3,0-0.6,0-0.8-0.1c-0.3-0.1-0.4-0.5-0.4-0.8c0-2.8,0-5.7,0-8.5
+                                    c0-0.2,0-0.4,0.1-0.6C105.6,209,105.9,208.7,106.3,208.7z" />
+                            </g>
+                        </a>
+                        <a href="./preserving" id="link-to-preserving" target="_top" title="preserving">
+                            <g id="PreservePath">
+                                <path class="{{ preserving }}" d="M67.6,201.7l29-21.8c-14.7-7.8-25.8-21.4-30.4-37.8L31,133L3.8,155.8c8.8,35.5,32.8,65.1,64.7,81.4L67.6,201.7
+                                    z" />
+                                <path class="st1" d="M48.4,150.2c1.8,0,3.6,0.1,5.3,0.4c1,0.2,2.1,0.5,3.1,0.9c0.6,0.3,1.2,0.6,1.7,1c0.3,0.3,0.5,0.6,0.6,1
+                                    c0,0.4-0.1,0.7-0.3,1c-0.3,0.4-0.8,0.8-1.3,1c-0.8,0.4-1.7,0.7-2.5,0.9c-1.4,0.4-2.9,0.5-4.4,0.6c-2.3,0.1-4.7,0-7-0.5
+                                    c-1-0.2-1.9-0.5-2.8-0.9c-0.6-0.3-1.1-0.6-1.5-1.1c-0.2-0.3-0.4-0.7-0.4-1c0-0.4,0.3-0.8,0.6-1.1c0.7-0.6,1.5-0.9,2.4-1.2
+                                    c1.2-0.4,2.5-0.6,3.8-0.8C46.6,150.3,47.5,150.3,48.4,150.2z" />
+                                <path class="st1" d="M38.9,157.1c1.2,0.8,2.6,1.2,4,1.5c2.1,0.5,4.3,0.6,6.4,0.6c1,0,2-0.1,3.1-0.2c2-0.2,4-0.6,5.8-1.4
+                                    c0.4-0.2,0.7-0.3,1-0.6c0,1.4,0,2.8,0,4.2c0,0.3-0.1,0.7-0.3,0.9c-0.3,0.4-0.7,0.7-1.2,0.9c-0.3,0.2-0.5,0.3-0.8,0.4
+                                    c-1.6,0.6-3.3,0.9-4.9,1.1c-1.9,0.2-3.8,0.2-5.7,0c-1.3-0.1-2.5-0.3-3.7-0.7c-1-0.3-2-0.6-2.8-1.3c-0.3-0.3-0.7-0.6-0.8-1
+                                    c0-0.1,0-0.3,0-0.4C38.9,159.8,38.9,158.4,38.9,157.1z" />
+                                <path class="st1" d="M38.9,164.8c0.5,0.3,1,0.5,1.6,0.8c1.9,0.7,3.9,1.1,5.9,1.2c1.9,0.1,3.7,0.1,5.6,0c1.9-0.2,3.9-0.5,5.7-1.2
+                                    c0.5-0.2,1.1-0.5,1.6-0.8c0,1.4,0,2.8,0,4.2c0,0.2,0,0.3-0.1,0.5c-0.1,0.4-0.4,0.6-0.7,0.9c-0.7,0.6-1.6,0.9-2.4,1.2
+                                    c-0.6,0.2-1.3,0.4-1.9,0.5c-1.1,0.2-2.2,0.3-3.3,0.4c-0.9,0.1-1.8,0-2.7,0c-1.8-0.1-3.6-0.3-5.4-0.7c-1-0.3-2.1-0.7-3-1.4
+                                    c-0.3-0.2-0.5-0.5-0.7-0.8c-0.1-0.3-0.1-0.6-0.1-0.8C38.9,167.4,38.9,166.1,38.9,164.8z" />
+                            </g>
+                        </a>
+                        <a href="./sharing" id="link-to-sharing" target="_top" title="sharing">
+                            <g id="SharePath">
+                                <path class="{{ sharing }}" d="M29.8,127.8l35.1,9c-0.7-3.7-1.1-7.5-1.1-11.4c0-13.4,4.3-25.9,11.6-36L60.6,56.3l-34.8-7
+                                    C9.6,70.4,0,96.8,0,125.5c0,8.6,0.9,17,2.5,25.1L29.8,127.8z" />
+                                <path class="st1" d="M42.7,75c0.7-0.1,1.5-0.1,2.2,0.3c1,0.4,1.7,1.3,2,2.3c0.2,0.6,0.1,1.4-0.1,2c-0.4,1.1-1.3,2-2.4,2.4
+                                    c-0.4,0.1-0.8,0.1-1.3,0.1c-0.6-0.1-1.1-0.2-1.6-0.5c-1.1,0.6-2.2,1.2-3.3,1.8c-0.2,0.1-0.3,0.2-0.5,0.3c-0.8,0.4-1.5,0.9-2.3,1.3
+                                    c0.1,0.4,0.2,0.8,0.2,1.2c0,0.4-0.1,0.8-0.2,1.1c0.8,0.4,1.5,0.9,2.3,1.3c0.2,0.1,0.3,0.2,0.5,0.3c1,0.6,2,1.1,3,1.7
+                                    c0.5-0.4,1.1-0.7,1.8-0.7c0.8-0.1,1.6,0.1,2.3,0.5c1,0.6,1.7,1.7,1.7,2.8c0,0.7-0.1,1.4-0.4,1.9c-0.3,0.6-0.8,1.1-1.4,1.4
+                                    c-0.3,0.2-0.7,0.3-1,0.4c-0.6,0.1-1.3,0.1-1.9-0.2c-0.5-0.2-0.9-0.4-1.3-0.8c-0.6-0.5-1-1.3-1.1-2.1c-0.1-0.6,0-1.2,0.2-1.8
+                                    c-0.7-0.4-1.4-0.8-2.2-1.2c-0.4-0.2-0.7-0.4-1-0.5c-0.8-0.5-1.7-0.9-2.5-1.4c-0.5,0.4-1.1,0.7-1.7,0.8c-0.8,0.2-1.7,0-2.5-0.4
+                                    c-0.6-0.4-1.1-0.9-1.4-1.5c-0.4-0.7-0.5-1.5-0.3-2.3c0.1-0.6,0.4-1.1,0.7-1.6c0.4-0.5,1-0.9,1.7-1.2c0.6-0.2,1.3-0.3,2-0.1
+                                    c0.6,0.1,1.1,0.4,1.5,0.8c1.1-0.6,2.2-1.2,3.3-1.8c0.1-0.1,0.3-0.1,0.4-0.2c0.7-0.4,1.4-0.8,2.2-1.2c-0.7-1.3-0.4-3.1,0.7-4.1
+                                    C41.4,75.5,42,75.2,42.7,75z" />
+                            </g>
+                        </a>
+                        <a href="./reusing" id="link-to-reusing" target="_top" title="reusing">
+                            <g id="ReusePath">
+                                <path class="{{ reusing }}" d="M63.9,52.1l14.9,33.1c10.7-12.4,26.2-20.5,43.6-21.3l16.7-32.3L122.9,0C85.3,0.8,51.7,18.1,29.2,45L63.9,52.1z
+                                    " />
+                                <path class="st1" d="M92.5,17.4c2-0.9,4.1-1.3,6.3-1.3c0.2,0,0.4,0.1,0.5,0.3c0.2,0.2,0.2,0.6,0,0.8c-0.1,0.2-0.4,0.3-0.6,0.4
+                                    c-0.4,0.2-0.8,0.3-1.1,0.5c-0.3,0.2-0.6,0.3-0.9,0.5c-0.6,0.4-1.2,0.8-1.7,1.2c-0.8,0.7-1.5,1.4-2,2.3c-1,1.5-1.6,3.2-1.8,5
+                                    c1.1,0,2.2,0,3.3,0c0.3,0,0.5,0.1,0.6,0.4c0.1,0.2,0.1,0.4,0,0.6c-0.1,0.2-0.3,0.4-0.5,0.6c-1.9,2.1-3.9,4.3-5.8,6.4
+                                    c-0.2,0.2-0.5,0.3-0.8,0.2c-0.1-0.1-0.2-0.2-0.3-0.3c-1.9-2.1-3.9-4.3-5.8-6.5c-0.2-0.2-0.5-0.5-0.4-0.8c0-0.4,0.3-0.7,0.7-0.7
+                                    c1.1,0,2.3,0,3.4,0c0.2-1.9,0.8-3.7,1.8-5.2C88.7,20,90.5,18.4,92.5,17.4z" />
+                                <path class="st1" d="M104.5,19.1c0.3-0.3,0.8-0.3,1,0c2,2.2,3.9,4.4,5.9,6.5c0.2,0.2,0.5,0.5,0.4,0.8c0,0.4-0.4,0.7-0.7,0.7
+                                    c-1.1,0-2.3,0-3.4,0c-0.2,2.3-1.1,4.4-2.5,6.2c-1.3,1.7-3.2,3-5.2,3.8c-0.6,0.2-1.2,0.4-1.8,0.6c-1.2,0.3-2.4,0.4-3.7,0.4
+                                    c-0.4,0-0.7-0.5-0.6-0.9c0.1-0.1,0.1-0.3,0.3-0.4c0.5-0.3,1.1-0.5,1.6-0.8c0.6-0.4,1.3-0.7,1.9-1.2c0.9-0.7,1.7-1.5,2.4-2.4
+                                    c0.5-0.7,0.9-1.5,1.3-2.3c0.4-1,0.7-2,0.8-3.1c-1.1,0-2.3,0-3.5,0c-0.4,0-0.8-0.4-0.7-0.8c0-0.3,0.3-0.5,0.5-0.8
+                                    C100.6,23.4,102.6,21.2,104.5,19.1z" />
+                            </g>
+                        </a>
+                        <text transform="matrix(1 0 0 1 16.4197 111.8653)" class="st1 st8 st9">Share</text>
+                        <text transform="matrix(1 0 0 1 76.3974 53.4992)" class="st1 st8 st9">Reuse</text>
+                        <text transform="matrix(1 0 0 1 19.2957 187.4998)" class="st1 st8 st9">Preserve</text>
+                        <text transform="matrix(1 0 0 1 90.1372 234.4302)" class="st1 st8 st9">Analyse</text>
+                        <text transform="matrix(1 0 0 1 162.3473 208.6529)" class="st1 st8 st9">Process</text>
+                        <text transform="matrix(1 0 0 1 159.7342 61.5168)" class="st1 st8 st9">Plan</text>
+                        <text transform="matrix(1 0 0 1 197.0817 128.9797)" class="st1 st8 st9">Collect</text>
+                    </svg>
+                </li>
+                {%- else %}
+                {%- if page.url == subfolder.url %}
+                <li class="active">
+                {%- else %}
+                <li>
+                {%- endif %}
+                {%- if subfolder.external_url %}
+                    <a class="btn hover-primary text-start d-block mb-1" href="{{subfolder.external_url}}" target="_blank" rel="noopener">{{subfolder.title}}</a>
+                {%- else %}    
+                    <a class="btn hover-primary text-start d-block mb-1" href="{{subfolder.url | relative_url }}">{{ subfolder.title }}</a>
+                {%- endif %}
+                {%- if subfolder.subitems %}
+                    <ul class="list-unstyled">
+                        {%- for subsubfolder in subfolder.subitems %}
+                        {%- if page.url == subsubfolder.url %}
+                        <li class="active">
+                        {%- else %}
+                        <li>
+                        {%- endif %}
+                        {%- if subsubfolder.external_url %}
+                            <a class="btn hover-primary text-start d-block mb-1" href="{{subsubfolder.external_url}}" target="_blank" rel="noopener">{{subsubfolder.title}}</a>
+                        {%- else %}    
+                            <a class="btn hover-primary text-start d-block mb-1" href="{{subsubfolder.url | relative_url }}">{{ subsubfolder.title }}</a>
+                        {%- endif %}
+                        </li>
+                        {%- endfor %}
+                    </ul>
+                {%- endif %}
+                {%- endif %}
+                </li>
+                {%- endfor %}
+            </ul>
+        {%- endif %}
+        </li>
+        {%- endfor %}
+    </ul>
+    <script>$("li.active").parents('li').toggleClass("active parent");</script>
+</nav>

data/_includes/toc.html

@@ -0,0 +1,8 @@
+<script>
+  $(document).ready(function () {
+    $('#toc').toc({ minimumHeaders: 2, listType: 'ul', showSpeed: 0, headers: 'h2' , title: '' });
+  });
+</script>
+<div class="col-12 col-sm-7 col-xl-5">
+  <div id="toc" class="p-3 rounded my-4"></div>
+</div>

data/_includes/topnav.html

@@ -0,0 +1,66 @@
+<!-- Navigation -->
+<header>
+    <a class="visually-hidden-focusable" href='#main'>Skip to content</a>
+    <a class="visually-hidden-focusable" href='#footer'>Skip to footer</a>
+    <nav class="navbar navbar-expand-lg mb-3 mb-lg-5">
+        <div class="container">
+            <a class="navbar-brand" href="{{ 'index.html' | relative_url }}"><img class="me-3 img-fluid" alt="{{site.title}} logo" src="{{ 'assets/img/main_logo.svg' | relative_url }}">{% if site.topnav_title %}<span>{{site.topnav_title}}</span>{% endif %}</a>
+            <button class="navbar-toggler text-primary" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
+                <i title="navbar-toggler" class="fa fa-bars"></i>
+            </button>
+            <div class="collapse navbar-collapse justify-content-end" id="navbarCollapse">
+                <ul class="navbar-nav">
+                    <!-- navigation entries -->
+                    {%- assign topnav = site.data.topnav %}
+                    {%- for item in topnav.subitems %}
+                    <li class="nav-item {% if item.subitems %}dropdown {% endif %}ms-0 ms-lg-3 mt-2 mt-lg-0">
+                        {%- assign page_sidebar = page.sidebar | downcase | replace: "-", "_" | replace: " ", "_" %}
+                        {%- assign nav_title = item.title | downcase | replace: "-", "_" | replace: " ", "_" %}
+                        {%- if item.external_url %}
+                        <a class="nav-link ps-2" href="{{item.external_url}}" target="_blank" rel="noopener">{{item.title}}</a>
+                        {%- elsif page.url contains item.url or page_sidebar == nav_title %}
+                        <a class="nav-link ps-2 active" aria-current="page" href="{{item.url | relative_url }}">{{item.title}}</a>
+                        {%- elsif item.subitems %}
+                        <a class="nav-link ps-2 dropdown-toggle" href="#" id="Dropdown{{item.title | jsonify }}" role="button" data-bs-toggle="dropdown" aria-expanded="false">{{item.title}}</a>
+                        <ul class="dropdown-menu" aria-labelledby="Dropdown{{item.title | jsonify }}">
+                            {%- for subitem in item.subitems %}
+                            <li>
+                                {%- if subitem.hr == true %}
+                                <hr class="dropdown-divider">
+                                {%- elsif page.url == subitem.url %}
+                                <a class="dropdown-item active" href="{{subitem.url | relative_url }}">{{ subitem.title }}</a>
+                                {%- elsif subitem.external_url %}
+                                <a class="dropdown-item" href="{{subitem.external_url}}" target="_blank" rel="noopener">{{subitem.title}}</a>
+                                {%- else %}
+                                <a class="dropdown-item" href="{{subitem.url | relative_url }}">{{ subitem.title }}</a>
+                                {%- endif %}
+                            </li>
+                            {%- endfor %}
+                        </ul>
+                        {%- else %}
+                        <a class="nav-link ps-2" href="{{item.url | relative_url }}">{{item.title}}</a>
+                        {%- endif %}
+                    </li>
+                    {%- endfor %}
+                    {%- if topnav.subitems.size > 1 %}
+                    <li class="nav-item ms-0 ms-lg-3 mt-2 mt-lg-0 nav-break"></li>
+                    {%- endif %}
+                    <li class="nav-item ms-0 ms-lg-3 mt-2 mt-lg-0">
+                        <a class="nav-link ps-2 d-flex align-items-center" href="{{site.github.repository_url}}"><i class="fab fa-github me-2"></i>GitHub</a>
+                    </li>
+                    <!--start search-->
+                    <li class="nav-item ms-0 ms-lg-3 my-2 my-lg-0">
+                        <div class="position-relative">
+                            <form role="search" class="input-group">
+                                <span class="input-group-text" id="search-label"><i class="fa fa-search"></i></span><input type="search" id="search-input" class="search-input form-control" tabindex="0" placeholder="Search {{ site.title }}" aria-label="Search {{ site.title }}" autocomplete="off">
+                            </form>
+                            <div id="search-results" class="search-results"></div>
+                        </div>
+                    </li>
+                    <!--end search-->
+                </ul>
+            </div>
+        </div>
+        <!-- /.container -->
+    </nav>
+</header>

data/_includes/training-table-all.html

@@ -0,0 +1,30 @@
+<a class="visually-hidden-focusable" href='#skip-tool-table'>Skip tool table</a>
+<div class="table-responsive mt-4 mb-5">
+    <table id="trainingtable" class="table display">
+        <thead>
+            <tr>
+                <th>Name
+                    <a data-bs-toggle="tooltip" data-bs-original-title="This is a curated list which means that not all trainings that exist for a certain topic are listed here. This is mainly because we do not intend to be a registry. In most cases you will only find back the tools or resources that are mentioned in this page.">
+                        <i class="fas fa-info-circle"></i>
+                    </a>
+                </th>
+                <th>Related page</th>
+                <th>Registry</th>
+            </tr>
+        </thead>
+        <tbody>
+            {%- for page in site.pages %}
+            {%- unless page.search_exclude == true %}
+            {%- for training in page.training%}
+            <tr>
+                <td><a href="{{training.url | relative_url }}">{{training.name}}{%- if training.name == 'Training in TeSS'%} about {{page.title}}{%- endif %}</a></td>
+                <td><a href="{{page.url | relative_url }}"><span class="badge default-badge">{{page.title}}</span></a></td>
+                <td>{%- if training.registry %}{%- if training.registry_url %}<a href="{{training.registry_url}}">{%- endif %}<span class="badge bg-dark text-white hover-primary">{{training.registry}}</span>{%- if training.registry_url %}</a>{%- endif %}{%- endif %}</td>
+            </tr>
+            {%- endfor %}
+            {%- endunless %}
+            {%- endfor %}
+        </tbody>
+    </table>
+</div>
+<div id="skip-tool-table"></div>

data/_layouts/default.html

@@ -0,0 +1,25 @@
+<!doctype html>
+<html lang="en">
+{% include head.html %}
+<body>
+    {% include topnav.html %}
+    <!-- Page Content -->
+    <div class="container min-vh-100">
+        <!-- Content Row -->
+        <div class="row gx-0 gx-lg-5">
+            {%- assign content_col_size = "col-lg-12" %}{% unless page.hide_sidebar %}
+            <!-- Sidebar Column -->
+            <div class="col-lg-3">
+                {% include sidebar.html %}
+            </div>
+            {%- assign content_col_size = "col-lg-9" %}{% endunless %}
+            <!-- Content Column -->
+            <div class="{{content_col_size}}">
+                {{content}}
+            </div>
+        </div>
+    </div>
+    {% include footer.html %}
+    {% include cookie-popup.html %}
+</body>
+</html>

data/_layouts/none.html

@@ -0,0 +1,3 @@
+---
+---
+{{content}}

data/_layouts/page.html

@@ -0,0 +1,37 @@
+---
+layout: default
+---
+<main id="main" class="mb-5">
+    {%- if page.title %}
+    {%- if page.type %}
+    {%- assign subtitle = page.type | replace: "_", " " | capitalize %}
+    <h1 class="has-subtitle"><span class="d-block text-secondary fs-4 ff-body">{{subtitle}}</span><span class="visually-hidden">:</span> {{ page.title }}
+    {%- else %}
+    <h1>{{ page.title }}
+    {%- endif %}
+        <div class="btn-group">
+            {%- if page.custom-editme %}
+            <a role="button" data-bs-toggle="tooltip" title="Propose changes to the content of this page on GitHub" href="{{site.github.repository_url}}/blob/{{site.github.source.branch}}/{{page.custom-editme}}" class="btn btn-sm hover-primary text-primary"><i class="fas fa-pencil-alt"></i></a>
+            {%- else %}
+            <a role="button" data-bs-toggle="tooltip" title="Propose changes to this page on GitHub"  href="{{site.github.repository_url}}/blob/{{site.github.source.branch}}/{{page.path}}" class="btn btn-sm hover-primary text-primary"><i class="fas fa-pencil-alt"></i></a>
+            {%- endif %}
+            <a role="button" data-bs-toggle="tooltip" title="Check out the history of this page" href="{{site.github.repository_url}}/commits/{{site.github.source.branch}}/{{page.path}}" class="btn btn-sm hover-primary text-primary"><i class="fas fa-history"></i></a>
+        </div>
+    </h1>
+    {%- endif %}
+    {%- if page.summary %}
+    <div class="summary">{{page.summary}}</div>
+    {%- endif %}
+    {%- unless page.toc == false %}
+    {%- include toc.html %}
+    {%- endunless %}
+    {{content}}
+    {% include resource-table-page.html %}
+    {% include related-pages.html %}
+    {% include more-information-tiles.html %}
+    {%- if page.page_id %}
+    {% include resource-table-all.html tag=page.page_id %}
+    {%- endif %}
+    {% include contributor-minitiles-page.html %}
+</main>
+

data/_sass/_bootstrap_variables.scss

@@ -0,0 +1,10 @@
+/*-----Theme colors-----*/
+$primary:       #0d6efd;
+$secondary:     #6c757d;
+$light:         #f8f9fa;
+$dark:          #212529;
+
+/*-----Custom values for Bootstrap variables-----*/
+$link-decoration: none;
+$nav-link-color: $dark;
+$nav-link-hover-color: $primary;

data/_sass/_custom_variables.scss

@@ -0,0 +1,71 @@
+/*-----General styling-----*/
+$font-family-theme: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
+$h2-color: $primary;
+
+/*-----Buttons hover style-----*/
+$btn-primary-bg-hover: $primary;
+$btn-primary-color-hover: $white;
+
+/*-----Top navigation-----*/
+$topnav-bg: $light;
+$topnav-title-color: $primary;
+$topnav-brand-height: 44px;
+$topnav-border: 0;
+
+/*-----Search-----*/
+$search-result-color: $primary;
+
+/*-----Sidebar-----*/
+$sidebar-bg: $light;
+$sidebar-color: $dark;
+$sidebar-lvl2-bg: $white;
+$sidebar-lvl2-color: $dark;
+$sidebar-lvl3-bg: $white;
+$sidebar-lvl3-color: $dark;
+$sidebar-bg-active: $primary;
+$sidebar-color-active: $white;
+
+/*-----TOC-----*/
+$toc-bg: $light;
+$toc-border: 0;
+
+/*-----Section navigation tiles-----*/
+$nav-card-bg: $white;
+$nav-card-header-bg: $dark;
+$nav-card-header-color: $white;
+$nav-card-badge-color: $body-color;
+$nav-card-badge-bg: $light;
+$nav-card-badge-color-hover: $white;
+$nav-card-badge-bg-hover: $primary;
+
+/*-----More information tiles-----*/
+$info-card-bg: $light;
+$info-card-header-bg: $dark;
+$info-card-header-color: $white;
+
+/*-----Contributors-cards-----*/
+$contr-card-bg: $light;
+
+/*-----Page contributors-----*/
+$contr-bg: $light;
+$contr-link-bg: $white;
+$contr-crown-bg: $dark;
+$contr-crown-color: $white;
+
+/*-----Events & news-----*/
+$news-title-bg: $primary;
+
+/*-----Default badge-----*/
+$badge-color: $body-color;
+$badge-bg: $light;
+$badge-color-hover: $white;
+$badge-bg-hover: $primary;
+
+/*-----Footer-----*/
+$footer-bg: $light;
+$footer-color: $dark;
+$footer-link-color: $dark;
+$footer-link-color-hover: $primary;
+$footer-copyright-bg: $gray-200;
+$footer-border: 0;
+

data/_sass/bootstrap/_accordion.scss

@@ -0,0 +1,118 @@
+//
+// Base styles
+//
+
+.accordion-button {
+  position: relative;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: $accordion-button-padding-y $accordion-button-padding-x;
+  @include font-size($font-size-base);
+  color: $accordion-button-color;
+  text-align: left; // Reset button style
+  background-color: $accordion-button-bg;
+  border: 0;
+  @include border-radius(0);
+  overflow-anchor: none;
+  @include transition($accordion-transition);
+
+  &:not(.collapsed) {
+    color: $accordion-button-active-color;
+    background-color: $accordion-button-active-bg;
+    box-shadow: inset 0 ($accordion-border-width * -1) 0 $accordion-border-color;
+
+    &::after {
+      background-image: escape-svg($accordion-button-active-icon);
+      transform: $accordion-icon-transform;
+    }
+  }
+
+  // Accordion icon
+  &::after {
+    flex-shrink: 0;
+    width: $accordion-icon-width;
+    height: $accordion-icon-width;
+    margin-left: auto;
+    content: "";
+    background-image: escape-svg($accordion-button-icon);
+    background-repeat: no-repeat;
+    background-size: $accordion-icon-width;
+    @include transition($accordion-icon-transition);
+  }
+
+  &:hover {
+    z-index: 2;
+  }
+
+  &:focus {
+    z-index: 3;
+    border-color: $accordion-button-focus-border-color;
+    outline: 0;
+    box-shadow: $accordion-button-focus-box-shadow;
+  }
+}
+
+.accordion-header {
+  margin-bottom: 0;
+}
+
+.accordion-item {
+  background-color: $accordion-bg;
+  border: $accordion-border-width solid $accordion-border-color;
+
+  &:first-of-type {
+    @include border-top-radius($accordion-border-radius);
+
+    .accordion-button {
+      @include border-top-radius($accordion-inner-border-radius);
+    }
+  }
+
+  &:not(:first-of-type) {
+    border-top: 0;
+  }
+
+  // Only set a border-radius on the last item if the accordion is collapsed
+  &:last-of-type {
+    @include border-bottom-radius($accordion-border-radius);
+
+    .accordion-button {
+      &.collapsed {
+        @include border-bottom-radius($accordion-inner-border-radius);
+      }
+    }
+
+    .accordion-collapse {
+      @include border-bottom-radius($accordion-border-radius);
+    }
+  }
+}
+
+.accordion-body {
+  padding: $accordion-body-padding-y $accordion-body-padding-x;
+}
+
+
+// Flush accordion items
+//
+// Remove borders and border-radius to keep accordion items edge-to-edge.
+
+.accordion-flush {
+  .accordion-collapse {
+    border-width: 0;
+  }
+
+  .accordion-item {
+    border-right: 0;
+    border-left: 0;
+    @include border-radius(0);
+
+    &:first-child { border-top: 0; }
+    &:last-child { border-bottom: 0; }
+
+    .accordion-button {
+      @include border-radius(0);
+    }
+  }
+}