futuro 0.9.8 → 0.9.9

data/assets/js/header/custom/2_Overlay.js

@@ -0,0 +1,32 @@
+
+Overlay.mobile = {
+  screen : ".area.overlay-mobile",
+  bar    : ".bar.mobile"
+};
+
+Overlay.load = {
+  screen : ".area.overlay-load",
+  wrap   : ".wrap.overlay-load",
+  speed  : 0.3
+};
+
+Overlay.custom = [{
+
+  name : "about",
+  open : false
+
+},{
+
+  name  : "browse",
+  open  : false
+
+},{
+
+  name : "search",
+  open : false
+
+}];
+
+Overlay.button = "button.navigation";
+
+Overlay.exit = ".exit";

data/assets/js/header/custom/2_Site.js

@@ -0,0 +1,105 @@
+
+Site.tl = gsap.timeline({ repeat : -1 });
+
+Site.inFocus = false;
+
+Site.access = {
+  ratio : ".access-ratio",
+  best  : "best",
+  good  : "good",
+  poor  : "poor"
+}
+
+Site.scramble = {
+  chars : "1234567890%",
+  speed : 0.6
+}
+
+Site.mobile = {
+  active : true
+}
+
+Site.tablet = {
+  active : false,
+  width : 768
+}
+
+Site.desktop = {
+  active : false,
+  width : 1200
+}
+
+Site.topbar = {
+  lnk : ".link.navigation"
+}
+
+Site.scroll = {
+  lnk : ".link.scroller"
+}
+
+Site.chapter = {
+  target : ".wrap.type-chapter"
+}
+
+Site.page = {
+  artwork : ".area.page-artwork",
+  share   : ".util-share",
+  url     : ".util-url",
+  height  : 560
+}
+
+Site.rollers = {
+  input  : ".list.roller.input",
+  output : ".list.roller.output",
+  morph  : "svg#morph"
+};
+
+Site.charts = {
+  list  : ".block.chart-container",
+  pcent : ".block.chart-pcent-title",
+  title : ".block.chart-title"
+};
+
+Site.pies = {
+  list  : ".list.pies.style-spin",
+  pcent : ".title.pie-pcent",
+  wrap  : ".block.pie-wrap",
+  data  : ".block.pie-svg-data",
+  title : ".title.pie-title"
+};
+
+Site.numbers = ".title.number-value";
+
+Site.mobile.query  = `screen and (max-width: ${Site.tablet.width - 1}px)`;
+Site.tablet.query  = `screen and (min-width: ${Site.tablet.width}px) and (max-width: ${Site.desktop.width - 1}px)`;
+Site.desktop.query = `screen and (min-width: ${Site.desktop.width}px)`;
+
+enquire.register(Site.mobile.query,{
+
+  match : function() {
+    Site.mobile.active  = true;
+    Site.tablet.active  = false;
+    Site.desktop.active = false;
+  }
+
+});
+
+enquire.register(Site.tablet.query,{
+
+  match : function() {
+    Site.mobile.active  = false;
+    Site.tablet.active  = true;
+    Site.desktop.active = false;
+  }
+
+});
+
+enquire.register(Site.desktop.query,{
+
+  match : function() {
+    Site.mobile.active  = false;
+    Site.tablet.active  = false;
+    Site.desktop.active = true;
+  }
+
+});

data/assets/js/header/custom/{Config.js → 3_Config.js}

@@ -1,20 +1,14 @@
 
-let SiteTl = gsap.timeline({ repeat : -1 }),
-    SiteIsTheme,
-    SiteIsLibrary,
-    SiteIsShareable,
-    SiteInFocus = false;
-
 if (Config.install == "theme") {
-  SiteIsTheme = true;
+  Site.isTheme = true;
 }
 
 if (Config.install == "library") {
-  SiteIsLibrary = true;
+  Site.isLibrary = true;
 }
 
 if (Config.share) {
-  SiteIsShareable = true;
+  Site.isShareable = true;
 }
 
 function Target(number) {

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: futuro
 version: !ruby/object:Gem::Version
-  version: 0.9.8
+  version: 0.9.9
 platform: ruby
 authors:
 - Paul Heading
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-05-05 00:00:00.000000000 Z
+date: 2020-05-10 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -111,6 +111,7 @@ files:
 - _includes/html/overlay/wrap.liquid
 - _includes/html/page/clippies.liquid
 - _includes/html/page/content.liquid
+- _includes/html/page/content/area.liquid
 - _includes/html/page/content/artwork.liquid
 - _includes/html/page/content/chart.liquid
 - _includes/html/page/content/header.liquid
@@ -124,11 +125,11 @@ files:
 - _includes/html/page/content/loop/button/example.liquid
 - _includes/html/page/content/loop/chart.liquid
 - _includes/html/page/content/loop/chart/assign.liquid
+- _includes/html/page/content/loop/checkbox.liquid
 - _includes/html/page/content/loop/form.liquid
 - _includes/html/page/content/loop/form/alert.liquid
 - _includes/html/page/content/loop/form/button.liquid
 - _includes/html/page/content/loop/form/callout.liquid
-- _includes/html/page/content/loop/form/checkbox.liquid
 - _includes/html/page/content/loop/form/date.liquid
 - _includes/html/page/content/loop/form/fee.liquid
 - _includes/html/page/content/loop/form/input.liquid
@@ -149,6 +150,7 @@ files:
 - _includes/html/page/content/loop/header/subheader.liquid
 - _includes/html/page/content/loop/number.liquid
 - _includes/html/page/content/loop/pies.liquid
+- _includes/html/page/content/loop/pies/create.liquid
 - _includes/html/page/content/loop/roller.liquid
 - _includes/html/page/content/loop/roller/item.liquid
 - _includes/html/page/content/loop/screen.liquid
@@ -169,6 +171,7 @@ files:
 - _includes/html/page/layout/page.liquid
 - _includes/html/page/subtitle.liquid
 - _includes/html/page/title.liquid
+- _includes/html/page/title/create.liquid
 - _includes/html/page/topbar.liquid
 - _includes/html/page/util.liquid
 - _includes/html/page/util/author.liquid
@@ -195,24 +198,17 @@ files:
 - _layouts/feed.html
 - _layouts/mini.html
 - _layouts/single.html
-- _sass/_artwork.scss
 - _sass/_bar.scss
 - _sass/_base.scss
-- _sass/_block.scss
 - _sass/_box.scss
 - _sass/_button.scss
-- _sass/_col.scss
 - _sass/_exit.scss
 - _sass/_form.scss
 - _sass/_input.scss
-- _sass/_item.scss
-- _sass/_link.scss
-- _sass/_list.scss
 - _sass/_normalize.scss
 - _sass/_site.scss
 - _sass/_split.scss
 - _sass/_task.scss
-- _sass/_title.scss
 - _sass/area/book.scss
 - _sass/area/chapter.scss
 - _sass/area/content.scss
@@ -246,6 +242,7 @@ files:
 - _sass/block/form/title.scss
 - _sass/block/navigation.scss
 - _sass/block/number.scss
+- _sass/block/overlay.scss
 - _sass/block/page.scss
 - _sass/block/pie.scss
 - _sass/block/results.scss
@@ -269,9 +266,20 @@ files:
 - _sass/helpers/mixins/theme.scss
 - _sass/helpers/themes.scss
 - _sass/helpers/variables.scss
+- _sass/item/pie.scss
+- _sass/item/roller.scss
+- _sass/item/scroller.scss
+- _sass/link/book.scss
+- _sass/link/browse.scss
+- _sass/link/navigation.scss
+- _sass/list/pie.scss
+- _sass/list/roller.scss
+- _sass/list/scroller.scss
 - _sass/title/alert.scss
 - _sass/title/browse.scss
+- _sass/title/copied.scss
 - _sass/title/docs.scss
+- _sass/title/form.scss
 - _sass/title/mobile.scss
 - _sass/title/number.scss
 - _sass/title/overlay.scss
@@ -301,24 +309,24 @@ files:
 - assets/fonts/230883_3_0.eot
 - assets/fonts/230883_3_0.ttf
 - assets/fonts/230883_3_0.woff
-- assets/js/footer/custom/ActiveBook.js
-- assets/js/footer/custom/AnimateScroller.js
-- assets/js/footer/custom/Artform.js
-- assets/js/footer/custom/CheckWidth.js
-- assets/js/footer/custom/Contrast.js
-- assets/js/footer/custom/Overlays.js
-- assets/js/footer/custom/RespondBrowse.js
-- assets/js/footer/custom/Settings.js
-- assets/js/footer/custom/SetupBrowse.js
-- assets/js/footer/custom/SetupHome.js
-- assets/js/footer/custom/SiteFunc.js
-- assets/js/footer/custom/SmoothScroll.js
-- assets/js/footer/custom/StartBrowse.js
-- assets/js/footer/custom/SwitchButton.js
-- assets/js/footer/custom/SwitchFocus.js
-- assets/js/footer/custom/UtilShare.js
-- assets/js/footer/custom/WhatsOn.js
-- assets/js/footer/custom/YouSaved.js
+- assets/js/footer/custom/1_Settings.js
+- assets/js/footer/custom/2_CheckWidth.js
+- assets/js/footer/custom/3_SetupBrowse.js
+- assets/js/footer/custom/4_SetupHome.js
+- assets/js/footer/custom/4_SetupOverlays.js
+- assets/js/footer/custom/4_SetupSite.js
+- assets/js/footer/custom/4_SmoothScroll.js
+- assets/js/footer/custom/4_StartBrowse.js
+- assets/js/footer/custom/5_ActiveBook.js
+- assets/js/footer/custom/5_AnimateScroller.js
+- assets/js/footer/custom/5_Artform.js
+- assets/js/footer/custom/5_Contrast.js
+- assets/js/footer/custom/5_RespondBrowse.js
+- assets/js/footer/custom/5_SwitchButton.js
+- assets/js/footer/custom/5_SwitchFocus.js
+- assets/js/footer/custom/5_UtilShare.js
+- assets/js/footer/custom/5_WhatsOn.js
+- assets/js/footer/custom/5_YouSaved.js
 - assets/js/footer/vendor/gsap-draw.js
 - assets/js/footer/vendor/gsap-morph.js
 - assets/js/footer/vendor/gsap-scramble.js
@@ -332,10 +340,11 @@ files:
 - assets/js/futuro.header.legacy.js
 - assets/js/futuro.header.legacy.shopify.js
 - assets/js/futuro.header.vendor.js
-- assets/js/header/custom/Color.js
-- assets/js/header/custom/Config.js
-- assets/js/header/custom/Overlay.js
-- assets/js/header/custom/Site.js
+- assets/js/header/custom/1_Settings.js
+- assets/js/header/custom/2_Color.js
+- assets/js/header/custom/2_Overlay.js
+- assets/js/header/custom/2_Site.js
+- assets/js/header/custom/3_Config.js
 - assets/js/header/vendor/enquire.js
 - assets/js/header/vendor/gsap.js
 - assets/js/header/vendor/modernizr.js

data/_includes/html/page/content/loop/form/checkbox.liquid

@@ -1,24 +0,0 @@
-
-{% assign id = item.checkbox | replace: ' ','-' | downcase %}
-
-<p class="block form-row checkbox-row">
-
-  <span class="checkbox-wrap">
-
-    {%- include {{ LoopForm | append : 'input.liquid' }}
-                type="checkbox"
-                id=id
-                name="available"
-                value="yes"
-                class="checkbox-input" -%}
-
-    {%- include {{ LoopForm | append : 'label.liquid' }}
-                title=item.checkbox
-                for=id
-                small=item.small
-                subtitle=item.subtitle
-                class="checkbox-label" -%}
-
-  </span>
-
-</p>

data/_sass/_artwork.scss

@@ -1,51 +0,0 @@
-
-.thingo {
-  background-color: red;
-  min-height: 2rem;
-}
-
-.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/_sass/_block.scss

@@ -1,21 +0,0 @@
-
-.block.page-info {
-  @include zeros(absolute);
-  place-items: center;
-  display: grid;
-  height: 560px;
-  bottom: auto;
-  width: 140px;
-  left: auto;
-}
-
-.block.page-footnote {
-  position: absolute;
-  bottom: 66px;
-  left: 540px;
-  opacity:0.3;
-}
-
-.block.overlay-search-svg {
-  padding-bottom: 4px;
-}

data/_sass/_col.scss

@@ -1,21 +0,0 @@
-
-.col.browse.book {
-  a {
-    @extend %bold;
-    text-transform: capitalize;
-  }
-
-  > .block.browse-label, > .block.browse-lnk {
-    border-right: 2px solid setcolor(gun);
-  }
-}
-
-.col.browse.chapter {
-  @extend %bold;
-}
-
-.col.browse.page {
-  > .block.browse-label, > .block.browse-chunk {
-    border-left: 2px solid setcolor(gun);
-  }
-}

data/_sass/_link.scss

@@ -1,62 +0,0 @@
-
-.link.navigation {
-  text-decoration: none;
-  align-content: center;
-  line-height: 1.1;
-  padding: 0 20px;
-  display: grid;
-
-  button {
-    text-transform: capitalize;
-    border-radius: 0;
-    line-height: 1.1;
-    color: inherit;
-    padding: 0;
-  }
-}
-
-%LinkBrowse {
-  padding: 8px 10px 6px 10px;
-  display: block;
-}
-
-.link.browse-book {
-  @extend %LinkBrowse;
-  @extend %bold;
-  text-transform: capitalize;
-}
-
-.link.browse-book.draft {
-  pointer-events: none;
-  opacity: 0.5;
-}
-
-.link.browse-chapter {
-  @extend %LinkBrowse;
-  @extend %bold;
-}
-
-.link.browse-page {
-  @extend %LinkBrowse;
-}
-
-.link.book {
-  width: map-get($book,large);
-  display: block;
-  fill: white;
-
-  @media#{map-get($query,max767)} {
-    width: map-get($book,medium);
-  }
-
-  @media#{map-get($query,max599)} {
-    width: map-get($book,small);
-  }
-}
-
-.link.book.draft {
-  // default color for draft books
-  background-color: setcolor(gray);
-  // remove link appearance
-  pointer-events: none;
-}

data/_sass/_list.scss

@@ -1,37 +0,0 @@
-
-.list.roller {
-  font-size: 1.6rem;
-  list-style: none;
-  display: grid;
-  padding: 0;
-  margin: 0;
-
-  &.split-3 {
-    grid-template-columns: repeat(3,1fr);
-  }
-}
-
-.list.roller.input {
-  @extend %bold;
-  grid-template-columns: repeat(2,1fr);
-}
-
-.list.pies {
-  @include Grid(3);
-  @extend %bold;
-  list-style: none;
-  width: 100%;
-  padding: 0;
-
-  svg {
-    margin: 0 auto;
-  }
-}
-
-.list.scrollers {
-  grid-row-gap: 20px;
-  grid-column: 2 / 3;
-  list-style: none;
-  display: grid;
-  padding: 0;
-}

data/_sass/_title.scss

@@ -1 +0,0 @@
-

data/assets/js/footer/custom/RespondBrowse.js

@@ -1,80 +0,0 @@
-
-Respond.browse = () => {
-
-  BookLinks.hover(function(e) {
-
-    CreateMatch(this);
-
-    gsap.set(BookLinks,ClearBackground);
-
-    gsap.set(this,BackgroundShade);
-
-    Check.book.class(this);
-
-    ChapterBooks.each(function(index,value) {
-
-      Check.book.class(value);
-
-      IfFound(value);
-
-      gsap.set(value.children,ClearBackground);
-
-      gsap.set(value.children[0],BackgroundShade);
-
-    });
-
-    PageBooks.each(function(index,value) {
-
-      Check.book.class(value);
-
-      IfFound(value);
-
-      gsap.set(value.children,DisplayNone);
-
-      gsap.set(value.children[0],ClearDisplay);
-
-      gsap.set(value.children[0].children,ClearBackground);
-
-      gsap.set(value.children[0].children[0],BackgroundShade);
-
-    });
-
-  });
-
-  ChapterLinks.hover(function(e) {
-
-    let parent = this.parentElement;
-
-    CreateMatch(parent,"book");
-
-    CreateMatch(this,"chapter");
-
-    gsap.set(ChapterLinks,ClearBackground);
-
-    gsap.set(this,BackgroundShade);
-
-    PageChapters.each(function(index,value) {
-
-      Check.chapter.class(value);
-
-      IfFound(value);
-
-      gsap.set(value.children,ClearBackground);
-
-      gsap.set(value.children[0],BackgroundShade);
-
-    });
-
-  });
-
-  PageLinks.hover(function(e) {
-
-    gsap.set(PageLinks,ClearBackground);
-
-    gsap.set(this,BackgroundShade);
-
-  });
-
-}
-
-if (!SiteIsTheme) { if (!BodyIsHome) { if (Browseable) { Respond.browse(); } } }

data/assets/js/footer/custom/Settings.js

@@ -1,30 +0,0 @@
-
-let body  = "body",
-    site  = ".site",
-    shade = "rgba(0,0,0,0.05)",
-    controller = new ScrollMagic.Controller(),
-    Browseable,
-    BodyIsHome;
-
-let Start    = {},
-    Setup    = {},
-    Share    = {},
-    Check    = {},
-    Artform  = {},
-    Contrast = {},
-    Respond  = {},
-    Util     = {};
-
-Check.book = {};
-Check.chapter = {};
-Check.page = {};
-
-const BodyClasses = $(body)[0].classList;
-
-if ($(body).hasClass("type-home")) {
-  BodyIsHome = true;
-}
-
-if (!SiteIsTheme) {
-  Browseable = $(".wrap.type-page").length;
-}