futuro 1.0.7 → 1.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 14345f7538f03247020e48e4a336322986550e9b9cbdcc804ec1eec95aebba03
-  data.tar.gz: 564bd9fb92cb984482aa29a740a1303337ef2d57d502ff9863f19cb66349ec39
+  metadata.gz: f1b60a3e94053952765966508c5ecc5e8e7d06ef71dc71a16d26257ad8e16586
+  data.tar.gz: a19f2315febc1a66a5190f190dffd86ba0d26399c72aae4ee7f165f5a97ac93e
 SHA512:
-  metadata.gz: 0c7a0526dfaa910cb5d2cf643f2879d96949b82173c888f07db95f1325e6878be29de2f8c31ec025b93f02a799e0c92b436d2a548ecef733ea5d1e9e05f8bf19
-  data.tar.gz: dd59bd5091086bf55d472b437c72b35ffab3e32a845ccc7d4092170b5bc4a29894a294669bf8cdef1c3c070c78dee97ce051a9be0cc55d9560e2a71934de6ce3
+  metadata.gz: d12a9f335ca608f3b9c2be48fe219b7d93334261d42e251b6f03452dc527b040f820107ae17b8a11245f2f593039596599e4f38ffef0b3171b1166e7fb87c3d8
+  data.tar.gz: 93e5525a7bc28293cbb6d10454270563986116d265d9bcb99a0791aff596c2bd5f8558e71dccbf045595cbc674e9e0563e0197a9742d17c5f4cf162a9260f455

data/_includes/html/assign/page.liquid

@@ -4,7 +4,8 @@
 {% assign PageChapter = page.chapter    | replace : ' ','-'     | downcase %}
 {% assign PageTopic   = page.topic      | replace : ' ','-'     | downcase %}
 {% assign PageTitle   = page.title      | replace : ' ','-'     | downcase %}
-{% assign PageTag     = page.tag        | replace : ' ',' tag-' | prepend : ' tag-'     | downcase %}
+{% assign PageTag     = page.tag        | replace : ' ',' tag-' | prepend : ' tag-' | downcase %}
+{% assign PageLabel   = page.label      | prepend: '/' | downcase %}
 
 {% assign PageUrl     = page.url | replace : '.html','' | replace : '/index','' | slice: 1,999 %}
 {% assign PageShare   = PageUrl  | prepend : '/' | prepend : site.url %}

data/_includes/html/assign/site.liquid

@@ -1,28 +1,25 @@
 
-{% assign SiteInstall = site.setup.install | replace : ' ','-' | prepend : 'install-' | downcase %}
-{% assign SiteStyle   = site.setup.style   | replace : ' ','-' | prepend : 'style-'   | downcase %}
-
-{% assign Site         = 'html/site/' %}
-{% assign SitePage     = 'html/page/' %}
-{% assign SiteOverlay  = 'html/overlay/' %}
-{% assign SiteLayout   = 'html/layout/' %}
-
-{% assign SiteUtil     = SitePage    | append : 'util/' %}
-{% assign SiteContent  = SitePage    | append : 'content/' %}
-{% assign PageBlock    = SitePage    | append : 'block/' %}
-
-{% assign ContentLoop  = SiteContent | append : 'loop/' %}
-{% assign LoopArtwork  = ContentLoop | append : 'artwork/' %}
-{% assign LoopForm     = ContentLoop | append : 'form/' %}
-{% assign LoopRoller   = ContentLoop | append : 'roller/' %}
-{% assign LoopHeader   = ContentLoop | append : 'header/' %}
-{% assign LoopScreen   = ContentLoop | append : 'screen/' %}
-{% assign LoopButton   = ContentLoop | append : 'button/' %}
-{% assign LoopAlert    = ContentLoop | append : 'alert/' %}
+{% assign Site        = 'html/site/' %}
+{% assign SitePage    = 'html/page/' %}
+{% assign SiteOverlay = 'html/overlay/' %}
+{% assign SiteLayout  = 'html/layout/' %}
+
+{% assign SiteUtil    = SitePage | append : 'util/' %}
+{% assign SiteContent = SitePage | append : 'content/' %}
+{% assign PageBlock   = SitePage | append : 'block/' %}
+{% assign SiteTopbar  = SitePage | append : 'topbar/' %}
+
+{% assign ContentLoop = SiteContent | append : 'loop/' %}
+{% assign LoopArtwork = ContentLoop | append : 'artwork/' %}
+{% assign LoopForm    = ContentLoop | append : 'form/' %}
+{% assign LoopRoller  = ContentLoop | append : 'roller/' %}
+{% assign LoopHeader  = ContentLoop | append : 'header/' %}
+{% assign LoopScreen  = ContentLoop | append : 'screen/' %}
+{% assign LoopButton  = ContentLoop | append : 'button/' %}
+{% assign LoopAlert   = ContentLoop | append : 'alert/' %}
 
 {% assign SiteSvg = 'svg/site/' %}
 {% assign SvgLoad = SiteSvg | append : 'load/' %}
-{% assign SvgBook = SiteSvg | append : 'book/' %}
 {% assign SvgBtn  = SiteSvg | append : 'btn/' %}
 {% assign SvgIcon = SiteSvg | append : 'icon.liquid' %}
 
@@ -32,6 +29,18 @@
 {% assign LayoutTitle   = page.title      | replace : ' ','-' | prepend : ' title-'   | downcase %}
 {% assign LayoutTopic   = page.topic      | replace : ' ','-' | downcase %}
 
+{%- if site.setup.install -%}
+  {% assign SiteInstall = site.setup.install | prepend : 'install-' %}
+{%- else -%}
+  {% assign SiteInstall = "install-library" %}
+{%- endif -%}
+
+{%- if site.setup.style -%}
+  {% assign SiteStyle = site.setup.style | prepend : 'style-' %}
+{%- else -%}
+  {% assign SiteStyle = "style-page" %}
+{%- endif -%}
+
 {%- if site.setup.respond -%}
   {% assign SiteIsResponsive = true %}
 {%- else -%}

data/_includes/html/layout/footer.liquid

@@ -1,7 +1,11 @@
 
 {% unless SiteIsTheme %}
 
-  {% include {{ SitePage | append : 'clippies.liquid' }} %}
+  {% unless PageIsHome %}
+
+    {% include {{ SitePage | append : 'clippies.liquid' }} %}
+    
+  {% endunless %}  
 
 {% endunless %}
 

data/_includes/html/overlay/browse/page.liquid

@@ -52,7 +52,7 @@
 
                       {%- endfor -%}
 
-                      <a href="{{ ItemUrl }}" class="link browse-page {{ ItemPage | prepend : 'title-' }}">
+                      <a href="{{ ItemUrl }}" class="link browse-page {{ ItemPage | prepend : 'page-' }}">
 
                         {{ ItemWeight }} {% if SiteIsBook %}{{ item.title | truncate : 22 }}{% else %}{{ item.title | truncate : 13 }}{% endif %}
 

data/_includes/html/page/content/loop/screen/header.liquid

@@ -4,10 +4,11 @@
   {% for item in page.screen %}
 
     {% assign RowType = item.row.type %}
+    {% assign RowTypeClass = RowType | prepend : 'type-' %}
 
     {% if RowType == "header" %}
 
-      <span class="block screen-row {{ item.row.type | prepend : 'type-' }}">
+      <span class="block screen-row {{ RowTypeClass }}">
 
         {%- if item.row.title -%}
   
@@ -36,7 +37,49 @@
       {%- include {{ ContentLoop | append : 'alert.liquid' }}
                      title = item.row.title
                      type  = "whatson" -%}
-      
+
+    {% elsif RowType == "level" %}
+
+      <span class="block screen-row {{ RowTypeClass }}">
+
+        {%- if item.row.title -%}
+
+          <span class="block screen-title {{ RowTypeClass }}">
+
+            <!-- {{ item.row.title }} -->
+
+          </span>
+
+        {%- endif -%}
+
+        <span class="block room-list-primary">
+
+          {% for room in item.row.primary %}
+            <span class="block room-title">{{ room }}</span><br>
+          {% endfor %}
+
+        </span>
+
+        <span class="block room-list-secondary">
+
+          {% for room in item.row.secondary %}
+            <span class="block room-title">{{ room }}</span><br>            
+          {% endfor %}
+
+        </span>
+
+        <span class="block tag-list">
+
+          {% assign facilities = item.row.tags | split : " " %}
+
+          {% for facility in facilities %}
+            <div></div>
+          {% endfor %}
+
+        </span>
+
+      </span>
+
     {% endif %}
     
   {% endfor %}

data/_includes/html/page/footnote.liquid

@@ -3,7 +3,9 @@
 
   <p class="block page-footnote">
 
-    {%- for item in page.footnote -%}
+    <strong>Source:</strong> {{ page.footnote }}
+
+    <!-- {%- for item in page.footnote -%}
 
       {%- if item.pre -%}
 
@@ -17,7 +19,7 @@
 
       {%- endif -%}
 
-    {%- endfor -%}
+    {%- endfor -%} -->
 
   </p>
 

data/_includes/html/page/header.liquid

@@ -1,6 +1,5 @@
 
-<div class="wrap page-wrap {{ PageType }}
-            {% if site.setup.style %}{{ SiteStyle }}{% endif %}
+<div class="wrap page-wrap {{ PageType }} {{ SiteStyle }}
             {% if page.collection %}{{ PageBook | prepend : 'book-' }}{% endif %}
             {% if page.chapter %}{{ PageChapter | prepend : 'chapter-' }}{% endif %}
             {% if page.topic %}{{ PageTopic | prepend : 'topic-' }} in-topic{% endif %}

data/_includes/html/page/layout/home.liquid

@@ -3,18 +3,28 @@
 
   {% for book in loop %}
 
-    {% assign label = book.label %}
-    {% assign url = label | prepend: '/' | append: '/' %}
-    {% assign svg = label | append: '.svg' %}
+    {% assign url = book.label | prepend: '/' | append: '/' %}
+    {% assign svg = book.label | append: '.svg' %}
 
-    {% unless label == 'posts' %}
+    {% if book.live %}
+      {% assign href  = url %}
+      {% assign class = book.label %}
+    {% else %}
+      {% assign href  = "#" %}
+      {% assign class = "draft" %}
+    {% endif %}
+
+    {% unless book.label == 'posts' %}
 
       <div class="wrap book">
 
-        <a class="link book {% if book.live %}{{ label }}{% else %}draft{% endif %}" 
-           href="{% if book.live %}{{ url }}{% else %}#{% endif %}">
+        <a class="link book {{ class }}" href="{{ href }}">
 
-          {% include {{ SvgBook | append : svg }} %}
+          <span class="title book {{ class }}">
+            
+            {{ book.label }}
+          
+          </span>
 
         </a>
 

data/_includes/html/page/topbar.liquid

@@ -1,52 +1,63 @@
 
-{% assign label = page.label | downcase | prepend: '/' %}
-
 <div class="area topbar">
 
     <div class="block navigation left">
 
       <button type="button" class="navigation about">
-        {% include {{ SvgBtn | append : 'about.svg' }} %}
+
+        {% include {{ SvgIcon }} type="about" %}
+
       </button>
 
       <button type="button" class="navigation browse">
-        {% include {{ SvgBtn | append : 'browse.svg' }} %}
+
+        {% include {{ SvgIcon }} type="browse" %}
+
       </button>
 
     </div>
 
     <div class="block navigation main">
 
-      {% assign loop = site.collections | sort: 'weight' %}
+      {% if page.error %}
 
-      {% for page in loop %}
+        {% include {{ SiteTopbar | append : 'navigation/link.liquid' }} 
+                      title = "Home"
+                      href  = "/" %}
+        
+      {% else %}
 
-        {% if page.live %}
+        {% assign loop = site.collections | sort: 'weight' %}
 
-        <a class="link navigation {{ page.label }}" href="{%- if site.setup.install == 'library' -%}{{ page.label | prepend: '/' }}{%- else -%}/{%- endif -%}">
-          <button type="button" name="button">
-            <strong>{{ page.label }}</strong>
-          </button>
-        </a>
+        {% for item in loop %}
 
-        {% endif %}
+          {% if item.live %}
 
-      {% endfor %}
+            {% include {{ SiteTopbar | append : 'navigation/link.liquid' }} 
+                          title = item.label %}
+
+          {% endif %}
+          
+        {% endfor %}
+        
+      {% endif %}
 
     </div>
 
     <div class="block navigation right">
 
-      <button type="button" class="navigation cart" style="display:none;">
+      <!-- <button type="button" class="navigation cart">
         {% include {{ SvgBtn | append : 'cart.svg' }} %}
       </button>
 
-      <button type="button" class="navigation count" style="display:none;">
+      <button type="button" class="navigation count">
         <strong>0</strong>
-      </button>
+      </button> -->
 
       <button type="button" class="navigation search">
+
         {% include {{ SvgIcon }} type="search" %}
+
       </button>
 
     </div>

data/_includes/html/page/topbar/navigation/link.liquid

@@ -0,0 +1,22 @@
+
+{% assign class = include.title | replace : ' ','-' | downcase %}
+
+{% if include.href %}
+
+  {% assign href = include.href %}
+
+{% else %}
+    
+  {% assign href = class | prepend : '/' %}
+  
+{% endif %}
+
+<a class="link navigation {{ class }}" href={{ href }}>
+
+  <button type="button" name="button">
+
+    <strong>{{ include.title }}</strong>
+
+  </button>
+
+</a>

data/_includes/html/site/scroller.liquid

@@ -29,7 +29,7 @@
           {% assign ItemTitle   = item.title   | replace : ' ','-' | downcase %}
           {% assign ItemID      = ItemChapter  | append : ItemTitle %}
 
-          <li class="item scroller {{ ItemTitle }}">
+          <li class="item scroller {{ ItemID }}">
 
             <a href="{{ ItemID | prepend : '#' }}" class="link scroller">
 

data/_includes/svg/site/icon.liquid

@@ -1,73 +1,93 @@
 
-{%- if include.type == "wordmark" -%}
+{% if include.type == "wordmark" %}
 
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 162 31.8"><path d="M0,0h7.2v11.8c1.7-1.5,3.3-2.1,5.7-2.1c6,0,10.3,4.7,10.3,11.2c0,3.2-1.1,6.1-3.1,8.1c-1.8,1.8-4.1,2.7-7,2.7	S8.4,31,6.9,29.2V31H0V0L0,0z M6.7,20.7c0,3.1,1.9,5.1,4.6,5.1c2.7,0,4.4-1.9,4.4-4.9c0-3.1-1.7-5.1-4.5-5.1	C8.4,15.8,6.7,17.8,6.7,20.7L6.7,20.7z M40.4,29.6c-1.9,1.7-3.1,2.2-6,2.2c-3.2,0-5.5-0.9-7.3-2.8c-1.9-2-3-4.9-3-8.2	c0-6.4,4.2-11,10.2-11c2.6,0,4.1,0.6,6.1,2.4v-1.8h6.9V31h-6.9V29.6L40.4,29.6z M31.6,21c0,3.1,1.7,4.9,4.5,4.9c2.7,0,4.5-2,4.5-5.1	c0-2.9-1.8-4.9-4.4-4.9C33.5,15.8,31.6,18,31.6,21L31.6,21z M49.2,10.5h6.9V13c1.5-2.4,3-3.2,5.5-3.2c0.5,0,0.8,0,2.5,0.2v6.6	c-0.8-0.2-1.3-0.3-1.9-0.3c-3.8,0-5.8,2-5.8,5.9V31h-7.2V10.5 M65.3,0h7.2v11.8c1.7-1.5,3.3-2.1,5.7-2.1c6,0,10.3,4.7,10.3,11.2	c0,3.2-1.1,6.1-3.1,8.1c-1.8,1.8-4.1,2.7-7,2.7s-4.6-0.7-6.2-2.5V31h-6.9V0L65.3,0z M72,20.7c0,3.1,1.9,5.1,4.6,5.1	c2.7,0,4.4-1.9,4.4-4.9c0-3.1-1.7-5.1-4.5-5.1C73.7,15.8,72,17.8,72,20.7L72,20.7z M97.4,4.5c0,2.2-1.8,4-4,4c-2.2,0-3.9-1.8-3.9-4	c0-2.2,1.8-3.9,3.9-3.9C95.6,0.6,97.4,2.4,97.4,4.5L97.4,4.5z M89.9,10.5H97V31h-7.2V10.5z M114.8,30.1c-3,1.5-4,1.7-6.5,1.7	c-2.8,0-5-0.8-6.6-2.3c-2-2-3.2-5-3.2-8.5c0-6.7,4.1-11.4,10.1-11.4c2.3,0,3.8,0.4,6.2,1.9v7.2c-1.7-2-2.7-2.6-4.5-2.6	c-2.6,0-4.2,1.8-4.2,4.7c0,2.8,1.6,4.6,4.2,4.6c1.6,0,2.8-0.6,4.5-2.3V30.1 M131.8,29.6c-1.9,1.7-3.1,2.2-6,2.2	c-3.2,0-5.5-0.9-7.3-2.8c-1.9-2-3-4.9-3-8.2c0-6.4,4.2-11,10.2-11c2.6,0,4.1,0.6,6.1,2.4v-1.8h6.9V31h-6.9V29.6L131.8,29.6z M123,21	c0,3.1,1.7,4.9,4.5,4.9c2.7,0,4.5-2,4.5-5.1c0-2.9-1.8-4.9-4.4-4.9S123,18,123,21L123,21z M140.6,10.5h7.1v2.4	c1.8-2.4,3.4-3.1,6.3-3.1c3.2,0,5.8,1.3,7,3.4c0.6,1.1,0.9,2.4,0.9,4V31h-7.2V19.7c0-2.8-1-4-3.2-4c-2.3,0-3.8,1.6-3.8,4V31h-7.2	V10.5"/></svg>
 
-{%- elsif include.type == "shopmark" -%}
+{% elsif include.type == "shopmark" %}
 
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 245 38"><path d="M135.7,30h6.9V19.2c0-2.4,1.5-3.9,3.7-3.9	c2.1,0,3.1,1.2,3.1,3.9V30h6.9V16.7c0-1.5-0.3-2.8-0.9-3.8c-1.2-2.1-3.7-3.3-6.8-3.3c-2.8,0-4.4,0.7-6.1,3v-2.3h-6.8V30z M118.9,20.4c0,2.9,1.6,4.7,4.4,4.7c2.6,0,4.4-1.9,4.4-4.9c0-2.8-1.7-4.7-4.3-4.7C120.8,15.5,118.9,17.6,118.9,20.4z M127.5,28.7	c-1.8,1.6-3,2.1-5.8,2.1c-3.1,0-5.3-0.9-7.1-2.7c-1.9-2-2.9-4.7-2.9-7.9c0-6.2,4.1-10.6,9.9-10.6c2.5,0,3.9,0.6,5.9,2.3v-1.7h6.6V30	h-6.6C127.5,30,127.5,28.7,127.5,28.7z M110.6,22.4c-1.6,1.6-2.8,2.2-4.4,2.2c-2.5,0-4-1.7-4-4.4c0-2.8,1.5-4.5,4.1-4.5	c1.7,0,2.7,0.6,4.3,2.5v-6.9c-2.3-1.4-3.8-1.8-6-1.8c-5.8,0-9.7,4.4-9.7,10.9c0,3.3,1.1,6.3,3.1,8.2c1.5,1.5,3.6,2.2,6.4,2.2	c2.4,0,3.4-0.3,6.3-1.7C110.6,29.2,110.6,22.4,110.6,22.4z M86.7,30h6.9V10.3h-6.9V30z M94,4.6c0,2.1-1.7,3.8-3.8,3.8c0,0,0,0,0,0	c-2.1,0-3.8-1.7-3.8-3.8c0-2.1,1.7-3.8,3.8-3.8C92.2,0.8,94,2.5,94,4.6z M69.5,20.1c0,2.9,1.8,5,4.4,5c2.6,0,4.3-1.8,4.3-4.7	c0-3-1.7-4.9-4.4-4.9C71.2,15.5,69.5,17.3,69.5,20.1L69.5,20.1z M63,0.2H70v11.4c1.6-1.5,3.2-2,5.5-2c5.8,0,10,4.5,10,10.8	c0,3-1.1,5.9-3,7.8c-1.7,1.8-4,2.6-6.8,2.6c-2.8,0-4.5-0.7-6-2.4V30H63L63,0.2z M47.2,30h6.9v-8.3c0-3.8,1.9-5.7,5.6-5.7	c0.6,0,1,0,1.8,0.3V9.9c-1.6-0.2-1.9-0.2-2.4-0.2c-2.4,0-3.8,0.8-5.3,3.1v-2.5h-6.6V30z M30.5,20.4c0,2.9,1.6,4.7,4.4,4.7	c2.6,0,4.4-1.9,4.4-4.9c0-2.8-1.7-4.7-4.3-4.7S30.5,17.6,30.5,20.4z M39,28.7c-1.8,1.6-3,2.1-5.8,2.1c-3.1,0-5.3-0.9-7.1-2.7	c-1.9-2-2.9-4.7-2.9-7.9c0-6.2,4.1-10.6,9.9-10.6c2.5,0,3.9,0.6,5.9,2.4v-1.7h6.6V30H39C39,30,39,28.7,39,28.7z M6.5,20.1	c0,2.9,1.8,5,4.4,5s4.3-1.8,4.3-4.7c0-3-1.7-4.9-4.4-4.9C8.2,15.5,6.5,17.3,6.5,20.1z M0,0.2h6.9v11.4c1.6-1.5,3.2-2,5.5-2	c5.8,0,10,4.5,10,10.8c0,3-1.1,5.9-3,7.8c-1.7,1.8-4,2.6-6.8,2.6c-2.8,0-4.5-0.7-6-2.4V30H0V0.2z" fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF"/><path d="M221.7,37.9h7v-9.1c1.6,1.5,3.1,2.1,5.7,2.1c5.9,0,9.9-4.3,9.9-10.7c0-6.5-3.8-10.8-9.8-10.8c-2.8,0-4.1,0.5-6.1,2.4v-1.7	h-6.7V37.9L221.7,37.9z M232.7,15.1c2.6,0,4.4,1.9,4.4,5c0,2.9-1.7,4.7-4.4,4.7c-2.6,0-4.4-1.9-4.4-4.7	C228.2,17.1,230.1,15.1,232.7,15.1z M209.3,9.3c-6.9,0-11.9,4.5-11.9,10.7c0,6.2,5,10.7,11.8,10.7c7.1,0,11.8-4.3,11.8-10.7	C220.9,13.7,216.1,9.3,209.3,9.3L209.3,9.3z M209.2,14.8c2.8,0,4.5,2,4.5,5.2c0,3.3-1.7,5.2-4.7,5.2c-2.6,0-4.5-2.2-4.5-5.2	C204.6,17,206.5,14.8,209.2,14.8L209.2,14.8z M175.5,30h7V19.6c0-2.9,1.3-4.5,3.6-4.5c2.1,0,3.2,1.2,3.2,3.4V30h7V17.1	c0-2-0.3-3.2-0.8-4.2c-1.2-2.1-4-3.5-6.9-3.5c-2.5,0-4.1,0.7-6.1,2.7V0h-7L175.5,30L175.5,30z M172,15.8c-1.7-0.9-3.5-1.6-4.9-1.6	c-1.2,0-1.9,0.5-1.9,1.4c0,0.4,0.2,0.8,0.6,1.1c0.5,0.3,1.1,0.5,1.7,0.7l0.7,0.1l0.7,0.2l0.7,0.2c3.5,0.8,4.7,2.2,4.7,5.6	c0,2-0.8,3.9-2.2,5.2c-1.8,1.6-3.7,2.2-7.2,2.2c-1.4,0-3.5-0.4-5-1c-0.8-0.3-1.4-0.6-2.7-1.4l2.2-4.7c2.2,1.2,3.6,1.8,5.1,1.9	c1.4,0.1,2.4-0.5,2.4-1.3c0-0.7-0.8-1.2-2.7-1.7c-2.8-0.6-3.6-0.9-4.6-1.8c-1.1-1-1.7-2.6-1.6-4.4c0.2-4.6,3.9-7.4,9.3-7.1	c2.3,0.1,4.2,0.6,7.1,1.9L172,15.8L172,15.8z"/></svg>
 
-{%- elsif include.type == "carrier" -%}
+{% elsif include.type == "carrier" %}
 
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 226.6"><path d="M279.13,0H20.87C7.62,22.39,0,48.53,0,76.44C0,159.37,67.16,226.6,150,226.6c82.85,0,150-67.23,150-150.17	C300,48.53,292.38,22.39,279.13,0z"/></svg>
 
-{%- elsif include.type == "avatar" -%}
+{% elsif include.type == "avatar" %}
 
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/><path d="M0 0h24v24H0z" fill="none"/></svg>
 
-{%- elsif include.type == "search" -%}
+{% elsif include.type == "about" %}
+
+  <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M17.5,10.5c-0.5,0.5-1.1,0.7-1.8,0.7c-0.7,0-1.3-0.2-1.7-0.7 c-0.5-0.5-0.7-1.1-0.7-1.8C13.3,8,13.5,7.5,14,7c0.5-0.5,1.1-0.7,1.7-0.7c0.7,0,1.3,0.2,1.8,0.7C18,7.5,18.2,8,18.2,8.7 C18.2,9.4,18,10,17.5,10.5z M13.5,25.3H18v-11h-4.5V25.3z M16,0C7.2,0,0,7.2,0,16c0,8.8,7.2,16,16,16c8.8,0,16-7.2,16-16	C32,7.2,24.8,0,16,0z" fill-rule="evenodd" clip-rule="evenodd"/></svg>
+
+{% elsif include.type == "browse" %}
+
+  <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M27.2,4.6C21-1.6,10.8-1.5,4.6,4.8C-1.6,11-1.5,21.2,4.8,27.4	s16.4,6.2,22.6-0.1S33.5,10.8,27.2,4.6z" fill-rule="evenodd" clip-rule="evenodd"/><path d="M25.3,22.3L17,24.4L17.1,11l8.2-2V22.3z M7,8.8l8,2l-0.1,13.3	L7,22.2V8.8z" fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF"/></svg>
+
+{% elsif include.type == "search" %}
 
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7.5,7.4C6.6,8.3,6,9.7,6,11.1s0.6,2.7,1.5,3.7c0.9,0.9,2.3,1.5,3.7,1.5 s2.7-0.6,3.7-1.5c0.9-0.9,1.5-2.3,1.5-3.7s-0.6-2.7-1.5-3.7c-1-1.1-2.3-1.5-3.7-1.5S8.5,6.4,7.5,7.4z M19.5,21.4l-4-4 c-1.2,0.9-2.7,1.3-4.2,1.3c-2.1,0-4-0.8-5.4-2.2c-1.4-1.4-2.2-3.3-2.2-5.3s0.8-4,2.2-5.4s3.4-2.3,5.4-2.3s4,0.8,5.4,2.2 S19,9,19,11.1c0,1.5-0.4,3-1.3,4.3l4,4L19.5,21.4z" fill-rule="evenodd" clip-rule="evenodd"/></svg>
 
-{%- elsif include.type == "menu" -%}
+{% elsif include.type == "facebook" %}
+
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.5 33"><path d="M3.5,33V16.5H0v-5.8h3.5V6.1c0,0-0.3-2.3,1.9-4.4c0,0,1.4-1.7,4.2-1.7c0,0,0.8,0,0.8,0h5.1v5.3h-3.6c0,0-1.5,0.1-1.5,1.8	v3.5h5.1l-0.4,5.9h-4.7V33H3.5z"/></svg>
+
+{% elsif include.type == "instagram" %}
+
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 59.5 59.6"><path d="M25.5,46.2V29.7H22v-5.8h3.5v-4.5c0,0-0.3-2.3,1.9-4.4c0,0,1.4-1.7,4.2-1.7c0,0,0.8,0,0.8,0h5.1v5.3h-3.6	c0,0-1.5,0.1-1.5,1.8v3.5h5.1l-0.4,5.9h-4.7v16.5H25.5z"/></svg>
+
+{% elsif include.type == "twitter" %}
+
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 63.4 43.4"><path d="M30.6,15.8c2-6.3,4.5-10.3,7.4-13.3c2.1-2.2,3.2-2.9,2-0.5c0.6-0.4,1.3-1,2-1.3c3.4-1.6,3.2-0.3,0.8,1.2	C49.2-0.4,49,2.5,42.1,4c5.6,0.1,11.6,3.6,13.3,11.2c0.2,1,0,0.9,1,1.1c2.3,0.4,4.5,0.4,6.6-0.3c-0.2,1.6-2.3,2.6-5.5,3.2	c-1.2,0.2-1.4,0.2,0,0.5c1.8,0.4,3.7,0.5,5.8,0.4c-1.6,1.9-4.2,2.8-7.4,2.8c-2,7.3-6.6,12.5-12.4,15.7C29.8,46.4,10,45.3,0,31.3	c6.5,5.1,16.2,6.2,23.4-0.9c-4.7,0-5.9-3.5-2.2-5.4c-3.5,0-5.8-1.1-7.1-3.2c-0.5-0.8-0.5-0.8,0.3-1.4c0.9-0.6,2.1-0.9,3.4-1	c-3.7-1-5.9-2.9-6.7-5.5c-0.3-0.8-0.3-0.8,0.6-1c0.8-0.2,1.9-0.3,2.9-0.4c-2.9-1.7-4.6-3.8-5-6.2c-0.4-2.2,0-1.6,1.7-1	C18.7,8.3,26.2,11.3,30.6,15.8"/></svg>
+
+{% elsif include.type == "menu" %}
 
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg>
 
-{%- elsif include.type == "more" -%}
+{% elsif include.type == "more" %}
 
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/><path d="M0 0h24v24H0z" fill="none"/></svg>
 
-{%- elsif include.type == "less" -%}
+{% elsif include.type == "less" %}
 
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z"/><path d="M0 0h24v24H0z" fill="none"/></svg>
 
-{%- elsif include.type == "basket" -%}
+{% elsif include.type == "basket" %}
 
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M17.21 9l-4.38-6.56c-.19-.28-.51-.42-.83-.42-.32 0-.64.14-.83.43L6.79 9H2c-.55 0-1 .45-1 1 0 .09.01.18.04.27l2.54 9.27c.23.84 1 1.46 1.92 1.46h13c.92 0 1.69-.62 1.93-1.46l2.54-9.27L23 10c0-.55-.45-1-1-1h-4.79zM9 9l3-4.4L15 9H9zm3 8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"/></svg>
 
-{%- elsif include.type == "pie" -%}
+{% elsif include.type == "pie" %}
 
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 184 184"><path d="M182,92c0,49.7-40.3,90-90,90S2,141.7,2,92S42.3,2,92,2 S182,42.3,182,92z" opacity="0.2" enable-background="new"/></svg>
 
-{%- elsif include.type == "info" -%}
+{% elsif include.type == "info" %}
 
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13,9h-2V7h2V9z M13,17h-2v-6h2V17z M12,22c5.5,0,10-4.5,10-10S17.5,2,12,2C6.5,2,2,6.5,2,12S6.5,22,12,22z M12,4	c4.4,0,8,3.6,8,8s-3.6,8-8,8s-8-3.6-8-8S7.6,4,12,4z"/></svg>
 
-{%- elsif include.type == "alert" -%}
+{% elsif include.type == "alert" %}
 
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11,15h2v2h-2V15z M11,7h2v6h-2V7z M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10c5.5,0,10-4.5,10-10S17.5,2,12,2z M12,20	c-4.4,0-8-3.6-8-8s3.6-8,8-8s8,3.6,8,8S16.4,20,12,20z"/></svg>
 
-{%- elsif include.type == "cta" -%}
+{% elsif include.type == "cta" %}
 
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 12"><path d="M14,5.9L7.2,12l-1.9-1.7l4-3.2H0V4.9h9.4l-4-3.3L7.2,0L14,5.9z"/></svg>
 
-{%- elsif include.type == "crumb" -%}
+{% elsif include.type == "crumb" %}
 
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 74.7 116.7"><path d="M16.2 0L.3 15.7l34.4 32.1 7.3 6.7 4.3 3.8L34.7 69 0 100.3l16.2 16.4 58.5-58.9z"></path></svg>
 
-{%- elsif include.type == "share-chapter" -%}
+{% elsif include.type == "share-chapter" %}
 
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34 34"><path class="background" d="M19,19h-8v-8h8V19z M33,17c0,8.8-7.2,16-16,16S1,25.8,1,17S8.2,1,17,1S33,8.2,33,17z M25,13h-4V9H9v12h4v4h12V13z M21,21 h-6v2h8v-8h-2V21z"/></svg>
 
-{%- elsif include.type == "share-page" -%}
+{% elsif include.type == "share-page" %}
 
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34 34"><path class="background" d="M19,19h-8v-8h8V19z M33,17c0,8.8-7.2,16-16,16S1,25.8,1,17S8.2,1,17,1S33,8.2,33,17z M25,13h-4V9H9	v12h4v4h12V13z M21,21h-6v2h8v-8h-2V21z"/><path class="foreground" fill="#000" d="M21,13V9H9v12h4v4h12V13H21z M11,19v-8h8v8H11z M23,23h-8v-2h6v-6h2V23z"/></svg>
 
-{%- elsif include.type == "dot" -%}
+{% elsif include.type == "dot" %}
 
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path d="M6,0c3.3,0,6,2.7,6,6s-2.7,6-6,6S0,9.3,0,6S2.7,0,6,0z"/></svg>
 
-{%- elsif include.type == "seatplan" -%}  
+{% elsif include.type == "seatplan" %}
 
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
     <path class="style-level-d" d="M109,102.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S105.4,102.5,109,102.5z"/>
@@ -144,4 +164,4 @@
     <path class="style-level-y" d="M181,12.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S177.4,12.5,181,12.5z"/>
   </svg>
 
-{%- endif -%}
+{% endif %}