futuro 0.2.8 → 0.2.9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ce60c70fae89348e5de352d563eab7b02798a46572ce6a621b7e7dfa00673d79
-  data.tar.gz: eb06b722abc7e69b1c1792609a29e808430721232e27479838a554e3b19af844
+  metadata.gz: 8b84f5743ce30694e63c659c7f5050b81fafe18a3748a3971178857b431dad95
+  data.tar.gz: 424206c6f4f96727df29b92cebb26d34eb01fddd999a7a72a10e308b0bd969ef
 SHA512:
-  metadata.gz: 396e7f94e7efd54bc8f2aeb52f3d486b67631c3eb967b20e8bc06b3f45f62b9ae62123262c2c66cd0313bbb6730ec755588b51736ada1e108632140238ac4731
-  data.tar.gz: 700a08f639c80ebdcc527fa03ed385eb16869e51f477feb34297d66832dd3fd5b1e71df673fb0f1d413fb32c59db188816ff515fca85f0d63c394c0f41a60402
+  metadata.gz: f1dfc43727cf3a816001303e24ca3db598e0871f8ecf40e0f5115c47646a967fc5ad8650b76e0fa9013e70bc4fb6c98b56d73a58fe8b15b8c72b15332884d774
+  data.tar.gz: 81b092240aa2263ecce56caa77d6859d3098e246c6b975ce8ec71a35a5fab021162ee8b229c93a04f2b113ba51694892180c0e4a4c9f6075e1b905c977de28a1

data/_includes/artwork/animal/flob.html

@@ -0,0 +1,2 @@
+
+<div class="thingo"></div>

data/_includes/artwork/animal/flob.scss

@@ -0,0 +1,5 @@
+
+.thingo {
+  background-color: red;
+  min-height: 2rem;
+}

data/_includes/artwork/animal/waldo.html

@@ -0,0 +1,2 @@
+
+<div class="dingo"></div>

data/_includes/artwork/animal/waldo.scss

@@ -0,0 +1,45 @@
+.tag {
+  &-buttons {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    font-size: 11px;
+
+    span:not(.hidden) {
+      display: inline-block;
+      color: #767676;
+    }
+
+    .tag-buttons__title {
+      padding-right: 0.5em;
+    }
+  }
+
+  &-button {
+    @extend %bold;
+    letter-spacing: normal;
+    display: inline-block;
+    max-width: 30ch;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    transition: all 0.1s;
+    border: 1px solid #767676;
+    border-radius: 11.5px;
+    text-decoration: none;
+    text-transform: uppercase;
+    padding: 5px 10px;
+    margin: 0.25em 0.5em 0.25em 0;
+
+    &:hover {
+      border-color: black;
+      color: black;
+    }
+
+    @media (min-width: 768px) {
+      font-size: 11px;
+      line-height: 13px;
+      border-radius: 12.5px;
+    }
+  }
+}

data/_includes/artwork/orwell/animal/flob.html

@@ -0,0 +1,2 @@
+
+<div class="thingo"></div>

data/_includes/artwork/orwell/animal/flob.scss

@@ -0,0 +1,5 @@
+
+.thingo {
+  background-color: red;
+  min-height: 2rem;
+}

data/_includes/artwork/orwell/animal/waldo.html

@@ -0,0 +1,2 @@
+
+<div class="dingo"></div>

data/_includes/artwork/orwell/animal/waldo.scss

@@ -0,0 +1,45 @@
+.tag {
+  &-buttons {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    font-size: 11px;
+
+    span:not(.hidden) {
+      display: inline-block;
+      color: #767676;
+    }
+
+    .tag-buttons__title {
+      padding-right: 0.5em;
+    }
+  }
+
+  &-button {
+    @extend %bold;
+    letter-spacing: normal;
+    display: inline-block;
+    max-width: 30ch;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    transition: all 0.1s;
+    border: 1px solid #767676;
+    border-radius: 11.5px;
+    text-decoration: none;
+    text-transform: uppercase;
+    padding: 5px 10px;
+    margin: 0.25em 0.5em 0.25em 0;
+
+    &:hover {
+      border-color: black;
+      color: black;
+    }
+
+    @media (min-width: 768px) {
+      font-size: 11px;
+      line-height: 13px;
+      border-radius: 12.5px;
+    }
+  }
+}

data/_includes/html/filter/loop.liquid

@@ -0,0 +1,31 @@
+
+{% if include.type == 'chapter' %}
+
+  {% for page in loop %}
+    {% unless page.topic or
+              page.type == 'chapter' %}
+      {% include html/filter/type.liquid  %}
+    {% endunless %}
+  {% endfor %}
+
+{% elsif include.type == 'topic' %}
+
+  {% assign match = page.chapter %}
+
+  {% for page in loop %}
+    {% if page.topic %}
+      {%- if page.chapter == match -%}
+        {% include html/filter/type.liquid %}
+      {%- endif -%}
+    {% endif %}
+  {% endfor %}
+
+{% else %}
+
+  {% for page in loop %}
+    {% unless page.topic %}
+      {% include html/filter/type.liquid  %}
+    {% endunless %}
+  {% endfor %}
+
+{% endif %}

data/_includes/html/filter/type.liquid

@@ -0,0 +1,31 @@
+
+{% unless page.type == 'book' or
+          page.type == 'topic' %}
+
+  {% assign split = page.type | prepend: 'split-' %}
+
+  {% if page.type == 'home' %}
+    {% include html/page/layout/home.liquid  %}
+
+  {% elsif page.type == 'page' %}
+
+    {%- if page.tag contains 'tree' -%}
+      {% include html/page/layout/tree.liquid  %}
+
+    {%- elsif page.tag contains 'panel' -%}
+      {% include html/page/layout/panel.liquid  %}
+
+    {%- elsif page.tag contains 'custom' -%}
+      {% include html/page/layout/custom.liquid  %}
+
+    {%- else -%}
+      {% include html/page/layout/page.liquid  %}
+
+    {%- endif -%}
+
+  {%- elsif page.type == 'chapter' -%}
+    {% include html/page/layout/chapter.liquid  %}
+
+  {% endif %}
+
+{% endunless %}

data/_includes/html/head.liquid

@@ -3,10 +3,10 @@
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="format-detection" content="telephone=no">
-  <link rel="icon" href="{{ "/assets/img/favicon.png?v=1574868166224" | relative_url }}">
+  <link rel="icon" href="{{ "/assets/img/favicon.png?v=1578144645573" | relative_url }}">
   {% seo %}
   {% feed_meta %}
-  <link rel="stylesheet" href="{{ "/assets/css/styles.css?v=1574868166224" | relative_url }}">
+  <link rel="stylesheet" href="{{ "/assets/css/styles.css?v=1578144645573" | relative_url }}">
   {% include html/analytics.liquid %}
-  <script src="{{ "/assets/js/header.min.js?v=1574868166224" | relative_url }}"></script>
+  <script src="{{ "/assets/js/header.min.js?v=1578144645573" | relative_url }}"></script>
 </head>

data/_includes/html/loop/artwork/book.liquid

@@ -0,0 +1,28 @@
+
+{% for thing in loop %}
+
+    {% if thing.html %}
+
+    {% include {{ artwork }} %}
+
+    {% elsif thing.liq %}
+
+    {% include {{ artwork | replace: '.html','.liquid' }} %}
+
+    {% elsif thing.svg %}
+
+    {% include {{ artwork | replace: '.html','.svg' }} %}
+
+    {% elsif thing.img %}
+
+    <img src="{{ img | replace: '.html','.jpg' }}" alt="{{ title }}" style="width: 100%; height: auto;">
+
+    {% elsif thing.vid %}
+
+    <video autoplay playsinline muted loop poster="{{ img | replace: '.html','.jpg' }}">
+      <source id="mp4" src="{{ vid | replace: '.html','.mp4' }}" type="video/mp4">
+    </video>
+
+    {% endif %}
+
+{% endfor %}

data/_includes/html/loop/artwork/docs.liquid

@@ -0,0 +1,38 @@
+
+<div class="code-wrap">
+
+{% for thing in loop %}
+
+  {% if thing.html %}
+
+  <div class="code-html">
+    {% include {{ artwork }} %}
+  </div>
+
+  {% elsif thing.scss %}
+
+  <div class="code-scss">
+    {% include {{ artwork | replace: '.html','.scss' }} %}
+  </div>
+
+  {% endif %}
+
+{% endfor %}
+
+</div>
+
+<div class="output-html">
+
+{% for thing in loop %}
+
+  {% if thing.html %}
+
+  <div class="code-html">
+    {% include {{ artwork }} %}
+  </div>
+
+  {% endif %}
+
+{% endfor %}
+
+</div>

data/_includes/html/loop/search.liquid

@@ -0,0 +1,16 @@
+
+{% for page in loop %}
+
+  {% assign book    = page.collection %}
+  {% assign chapter = page.chapter | downcase | replace: ' ','-' %}
+  {% assign title   = page.title %}
+  {% assign url     = page.url | replace: '.html','' | replace: '/index','' | slice: 1,999 %}
+
+  {
+    "book"    : "{{ book }}",
+    "chapter" : "{{ chapter }}",
+    "title"   : "{{ title }}",
+    "url"     : "{{ url }}"
+  },
+
+{% endfor %}

data/_includes/html/overlay/about.liquid

@@ -0,0 +1,5 @@
+
+<h4 class="title _overlay-about">About</h4>
+<p>These guidelines have been created by the Barbican Studio, which is the in-house design team at the Barbican Centre, London. The Studio creates most of the visual material for the Centre. It is based in the Marketing Department and consists of four permanent designers.</p>
+<p>The current structure of the design team was created in 2011 and coincides with a major rebranding project undertaken by North. The philosophy of the team is based on the visual guidelines North created at the time. These set out a flexible system influenced by the Centre’s vision of ‘arts without boundaries’ and includes strong visual elements that allow freedom and diversity.</p>
+<p>For further information contact <a class="lnk" href="mailto:design@barbican.org.uk?subject=Branding enquiry">design@barbican.org.uk</a></p>

data/_includes/html/overlay/browse.liquid

@@ -0,0 +1,138 @@
+
+<h4 class="title _overlay-browse">Browse</h4>
+
+<div class="block _browse {{ site.setup | prepend: 'setup-' }}">
+
+  <div class="col _browse --book">
+
+    <div class="block _browse-label --head">
+      <p><strong>Book</strong></p>
+    </div>
+
+    {% assign loop = site.collections | sort: 'weight' %}
+
+    {% for page in loop %}
+
+    {% assign weight = page.weight | append: ' ' %}
+    {% assign book = page.label %}
+    {% assign title = book | prepend: weight %}
+    {% assign url = book | prepend: '/' %}
+
+      {%- unless page.label == 'posts' -%}
+
+        {% if page.live %}
+
+          <div class="block _browse-lnk">
+            <a href="{{ url }}" class="lnk _browse-book book-{{ book }}">{{ title }}</a>
+          </div>
+
+          {% else %}
+
+          <div class="block _browse-lnk">
+            <a href="/" class="lnk _browse-book book-{{ book }} --draft">{{ title }}</a>
+          </div>
+
+        {% endif %}
+
+      {%- endunless -%}
+
+    {% endfor %}
+
+  </div>
+
+  <div class="col _browse --chapter">
+
+    <div class="block _browse-label --head">
+      <p><strong>Chapter</strong></p>
+    </div>
+
+    {% assign loop = site.collections | sort: 'weight' %}
+
+    {% for page in loop %}
+      {% if page.live %}
+
+        {% assign label = page.label %}
+        {% assign loop = site.[label] | sort: 'weight' %}
+
+        <div class="block _browse-chunk --{{ label }}">
+
+        {% for page in loop %}
+          {% if page.type == 'chapter' %}
+          {% assign book    = page.collection %}
+          {% assign chapter = page.chapter | replace: ' ','-' | downcase %}
+          {% assign weight  = page.weight | slice: 0,3 %}
+
+          <div class="block _browse-lnk">
+            <a href="{{ page.url | replace: 'index','' }}" class="lnk _browse-chapter book-{{ book }} chapter-{{ chapter }}">{{ weight }} {{ page.chapter }}</a>
+          </div>
+
+          {% endif %}
+        {% endfor %}
+
+        </div>
+
+      {% endif %}
+    {% endfor %}
+
+  </div>
+
+
+  <div class="col _browse --page">
+
+    <div class="block _browse-label --head">
+      <p>Page</p>
+    </div>
+
+    {% assign loop = site.collections | sort: 'weight' %}
+
+    {% for page in loop %}
+      {% if page.live %}
+
+      {% assign label = page.label %}
+      {% assign loop = site.[label] | sort: 'weight' %}
+
+      <div class="block _browse-chunk --{{ label }}">
+
+        {% for page in loop %}
+          {%- if page.type == 'chapter' -%}
+            {% assign match = page.chapter | replace: ' ','-' %}
+
+            <div class="block _browse-chunk --{{ match | downcase }}">
+
+              {% for page in loop %}
+
+                {% assign query = page.chapter | replace: ' ','-' %}
+
+                {% if page.type == 'page' and query == match %}
+
+                  {% unless page.topic %}
+
+                  {% assign chapter = page.chapter | replace: ' ','-' | downcase %}
+                  {% assign title   = page.title | downcase | replace: ' ','-' %}
+                  {% assign weight  = page.weight | slice: 0,5 %}
+
+                  <div class="block _browse-lnk">
+                    <a href="{{ page.url | replace: '.html','' }}" class="lnk _browse-page chapter-{{ chapter }} title-{{ title }}">{{ weight }} {{ page.title }}</a>
+                  </div>
+
+                  {% endunless %}
+
+                {% endif %}
+
+              {% endfor %}
+
+            </div>
+
+          {%- endif -%}
+        {% endfor %}
+
+      </div>
+
+      {%- endif -%}
+    {% endfor %}
+
+    </div>
+
+  </div>
+
+</div>

data/_includes/html/overlay/search.liquid

@@ -3,7 +3,7 @@
   <input class="input _text --search" type="text" placeholder="Search">
 </div>
 
-<ul class="block _results"></ul>
+<div class="block _results"></div>
 
 <script>
   window.simpleJekyllSearch = new SimpleJekyllSearch({
@@ -11,7 +11,7 @@
     resultsContainer: document.querySelector('.block._results'),
     json: '/search.json',
     searchResultTemplate:
-    '<a href="/{url}" class="block _results-entry --{book}">
+    '<a href="/{url}" class="block _results-entry book-{book} chapter-{chapter}">
       <h1>{title}</h1>
       <div class="block _results-info">
         <div class="block _results-dot"></div>
@@ -19,9 +19,9 @@
       </div>
     </a>',
     noResultsText:
-    '<li class="block _results-entry --none">
+    '<div class="block _results-entry --none">
       <h1>No results found</h1>
-    </li>',
+    </div>',
     fuzzy: true,
     limit: 5
   });

data/_includes/html/page/artwork.liquid

@@ -0,0 +1,25 @@
+
+{% assign loop     = page.artwork %}
+{% assign setup    = site.setup | prepend: 'setup-' %}
+{% assign book     = page.collection %}
+{% assign chapter  = page.chapter | replace: ' ','-' | downcase %}
+{% assign chapChap = chapter | prepend: 'chapter-' %}
+{% assign title    = page.title | replace: ' ','-' | downcase %}
+{% assign titlTitl = title | prepend: 'title-' %}
+{% assign artwork  = page.url | prepend: '/artwork' %}
+{% assign img      = page.url | prepend: '/assets/img' %}
+{% assign vid      = page.url | prepend: '/assets/vid' %}
+
+<div class="area _page-artwork {{ setup }} {{ chapChap }} {{ titlTitl }}">
+
+  {%- unless site.setup == 'docs' -%}
+
+    {%- include html/loop/artwork/book.liquid -%}
+
+    {%- else -%}
+
+    {%- include html/loop/artwork/docs.liquid -%}
+
+  {%- endunless -%}
+
+</div>

data/_includes/html/page/header.liquid

@@ -0,0 +1,16 @@
+
+{% assign type    = page.type | prepend: ' type-' %}
+{% assign book    = page.collection | prepend: ' book-' %}
+{% assign setup   = site.setup | replace: ' ','-' | prepend: ' setup-' | downcase %}
+{% assign chapter = page.chapter | replace: ' ','-' | prepend: ' chapter-' | downcase %}
+{% assign topic   = page.topic | prepend: ' topic-' | downcase %}
+{% assign title   = page.title | replace: ' ','-' | prepend: ' title-' | downcase %}
+{% assign tag     = page.tag | replace: ' ',' tag-' | prepend: ' tag-' %}
+
+<div class="wrap{{ type }}{{ setup }}{% if page.collection %}{{ book }}{% endif %}{% if page.chapter %}{{ chapter }}{% endif %}{% if page.topic %}{{ topic }}{% endif %}{{ title }}">
+  <div class="stop" id="{% if page.chapter %}{{ page.chapter | replace: ' ','-' | downcase | append: '-' }}{% endif %}{{ page.title | replace: ' ','-' | downcase }}"></div>
+{% if page.type == 'chapter' %}
+  <div class="area{{ type }}{{ setup }}{{ book }}{{ chapter }}">
+{% else %}
+  <div class="area{{ type }}{{ setup }}{% if page.tag %}{{ tag }}{% endif %}">
+{% endif %}

data/_includes/html/page/info.liquid

@@ -0,0 +1,29 @@
+
+{% assign info    = page.type | prepend: '_' | append: '-info' %}
+{% assign chap    = page.type | prepend: '_' | append: '-chapter' %}
+{% assign weight  = page.type | prepend: '_' | append: '-weight' %}
+{% assign chapter = page.chapter | replace: ' ','-' | downcase %}
+{% assign bPath   = page.collection | prepend: '/svg/' %}
+{% assign cPath   = chapter | append: '/icon.svg' %}
+{% assign cWrap   = page.chapter | prepend: '<div>' | append: '</div>' %}
+{% assign cDivs   = cWrap | split: ' ' | join: '</div><div>' %}
+
+<div class="block {{ info }}">
+
+  <h5 class="title {{ chap }}">
+    {{ cDivs }}
+  </h5>
+
+  {%- if page.icon -%}
+
+    <div class="block _page-icon {{ chapter | prepend: '--'}}">
+      {% include {{ bPath }}/{{ cPath }} %}
+    </div>
+
+  {%- endif -%}
+
+  <h5 class="title {{ weight }}">
+    {{ page.weight | slice: 0,5 }}
+  </h5>
+
+</div>

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

@@ -0,0 +1,32 @@
+
+{%- if site.setup == 'docs' -%}
+
+  {% include html/page/header.liquid %}
+      {% include html/page/title.liquid  %}
+    </div>
+  </div>
+
+{%- else -%}
+
+  {% include html/page/header.liquid %}
+
+      <div class="{{ split }} --left">
+        {% include html/page/title.liquid  %}
+      </div>
+
+      <div class="{{ split }} --right">
+
+        <h2>
+          {{ page.weight | slice: 0,3 }}
+        </h2>
+
+        {{ page.content | markdownify }}
+
+        {% include html/page/util.liquid  %}
+
+      </div>
+
+    </div>
+  </div>
+
+{%- endif -%}

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

@@ -0,0 +1,19 @@
+
+{% include html/page/header.liquid  %}
+
+    <div class="{{ page.type | prepend: 'split-' }} --left">
+
+      {% include html/page/title.liquid  %}
+      {% include html/page/subtitle.liquid  %}
+      {{ page.content | markdownify }}
+      {% include html/page/artwork.liquid  %}
+
+    </div>
+
+    <div class="{{ page.type | prepend: 'split-' }} --right">
+
+      {% include html/page/info.liquid  %}
+
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,27 @@
+
+{% assign loop = site.collections | sort: 'weight' %}
+
+<div class="wrap _home">
+  {% for book in loop %}
+    {% assign title = book.label %}
+
+    {% if book.live == true %}
+      <div class="area _book">
+        <div class="wrap _book">
+          <a class="lnk _book{{ title | prepend: ' --' }}" href="{{ title | prepend: '/' | append: '/' }}">
+            {% include {{ title | prepend: '/svg/site/book/' | append: '.svg' }} %}
+          </a>
+        </div>
+      </div>
+    {% elsif book.live == false %}
+      <div class="area _book">
+        <div class="wrap _book">
+          <div class="lnk _book --draft">
+            {% include {{ title | prepend: '/svg/site/book/' | append: '.svg' }} %}
+          </div>
+        </div>
+      </div>
+    {% endif %}
+
+  {% endfor %}
+</div>

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

@@ -0,0 +1,45 @@
+
+{% include html/page/header.liquid %}
+
+  {%- if site.setup == 'docs' -%}
+
+    <div class="block _expand-title {{ page.collection | prepend: 'book-' }}">
+
+      {% include html/page/title.liquid %}
+
+    </div>
+
+    {% include html/page/artwork.liquid %}
+
+  {% else %}
+
+    <div class="{{ split }} --left">
+
+      {% include html/page/title.liquid %}
+
+      <div class="block _page-content">
+
+        {% include html/page/subtitle.liquid %}
+
+        {{ page.content | markdownify }}
+
+        {%- unless page.error -%}
+          {% include html/page/util.liquid %}
+        {%- endunless -%}
+
+      </div>
+
+    </div>
+
+    <div class="{{ split }} --right">
+
+      {% include html/page/artwork.liquid %}
+
+      {% include html/page/info.liquid %}
+
+    </div>
+
+  {%- endif -%}
+
+  </div>
+</div>