daiblogs 0.1.0 → 0.2.0

data/{assets/_sass/_legacy.scss → _sass/legacy.scss}

@@ -1,4 +1,5 @@
 
+@charset "utf-8";
 * {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
@@ -41,7 +42,7 @@ Classes to pul: wrapper, #header, header-utility_nav, header-site_nav, header-in
 body.st-ui-overlay-active{
   overflow: visible !important;
 }
-.container, .header-inner, .footer-inner{
+.container, .header-inner, .footer-inner, .post-footer{
   @include width(4);
   margin: auto;
   @include responsive(small-screens){
@@ -64,12 +65,12 @@ body.st-ui-overlay-active{
 }
 
 
-// 🎌 HEADER 🎌
+// HEADER 
 
 header{
   position: fixed;
   width: 100%;
-  z-index: 10;
+  z-index: 999;
 }
 .header-nav{
   @include clearfix;
@@ -102,7 +103,9 @@ header{
   margin-right: auto;
   margin-left: auto;
 }
-// 🎌 HEADER: UTILITY NAVIGATION 🎌
+
+// HEADER: UTILITY NAVIGATION
+
 .st-ui-injected-overlay-container *:not(select){
   font-family: 'proxima-nova', helvetica, arial, sans-serif !important;
   .st-ui-header input[type="text"]:focus{
@@ -147,7 +150,7 @@ header{
   display:none !important;
 }
 .header-utility_nav{
-  background-color: $slate;
+  background-color:$ofc_slate;
   height: 32px;
   @include responsive(small-screens){
     height: 44px;
@@ -159,7 +162,7 @@ header{
     height: 64.594px;
   }
 }
-// 🎌 HEADER: PRIMARY NAVIGATION 🎌
+//  HEADER: PRIMARY NAVIGATION 
 
 .header-site_nav{
   background-color: $nav_gray;
@@ -235,6 +238,7 @@ header{
 ul.dropdown{
   visibility: hidden;
   opacity: 0;
+  z-index: 999;
   margin-top: -3px;
   transition: visibility 0s linear 0.3s, opacity 0.3s ease-in-out, margin-top 0.3s ease-in-out;
   list-style-type: none;
@@ -289,6 +293,7 @@ ul.dropdown{
 li.has-dropdown:hover ul.dropdown{
   visibility: visible;
   opacity: 1;
+  z-index: 999;
   margin-top: 0;
   transition: opacity 0.3s ease-in-out, margin-top 0.3s ease-in-out;
 }
@@ -297,17 +302,19 @@ li.has-dropdown:hover > a{
 }
 
 footer{
-  background-color: $slate;
+  background-color:$ofc_slate;
   padding-top: 2rem;
-  margin-top: 2rem;
 }
 .footer-inner{
   min-height: 500px;
   @include clearfix;
 }
 
-// 🎌 FOOTER: NAV 🎌
+//  FOOTER: NAV 
 
+.copyright{
+  color: $nav_links;
+}
 .footer-nav{
   @include width(1);
   @include responsive(small-screens){
@@ -347,7 +354,7 @@ footer{
 .footer-nav.news{
   text-align: right;
 }
-// 🎌 FOOTER: BOTTOM 🎌
+//  FOOTER: BOTTOM 
 
 .footer-bottom{
   position: relative;
@@ -418,7 +425,7 @@ footer{
   }
 }
 
-// 🎌 HEROBOX 🎌
+//  HEROBOX 
 code.highlighter-rouge{
   position: relative;
   display: block;
@@ -441,14 +448,14 @@ code.highlighter-rouge{
   }
   p{
     color: $text-white;
-    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
     font-size: 1.5rem;
   }
 }
 .gallery-subhead{
   font-weight: 700;
 }
-// 🎌 GLOBAL 🎌
+//  GLOBAL 
 html{
   line-height: 1.5;
   font-size: 10px;
@@ -489,7 +496,7 @@ a:focus {
   text-decoration: none;
 }
 
-// 🎌 HEADINGS 🎌
+//  HEADINGS 
 
 h1, h2, h3, h4, h5, h6 {
   margin-bottom: .5em;
@@ -506,6 +513,7 @@ h2 {
 }
 h3 {
   font-size: 1.2rem;
+  line-height: 1.4;
 }
 h4, h5, h6 {
   font-size: 1.2rem;
@@ -545,7 +553,7 @@ h4, h5, h6 {
   }
 }
 
-// 🎌 MAIN 🎌
+//  MAIN 
 ul, ol, dl {
   margin-top: 0;
   margin-bottom: 1rem;
@@ -635,7 +643,7 @@ strong {
   font-size: .8rem;
 }
 
-// 🎌 NODE 🎌
+//  NODE 
 
 .node-nav--links{
   h4{
@@ -660,7 +668,7 @@ strong {
 .node-inner li{
   margin-bottom: .8rem;
 }
-// 🎌 Solutions 🎌
+//   Solutions
 .solution-title{
   svg{
     height: 2rem;
@@ -680,12 +688,12 @@ h2.solution-title svg{
   }
 }
 
-// 🎌 LEADERS 🎌
+//   LEADERS  
 .leaders-details p{
   font-weight: bold;
 }
 
-// 🎌 FOOTER 🎌
+//   FOOTER  
 
 .footer-nav{
   h4{
@@ -1693,7 +1701,7 @@ div.st-ui-overlay.dismiss div.st-ui-container-overlay,div.st-ui-overlay.dismiss
     z-index: 99999997;
     background: #F0F4F7;
     background-clip: padding-box;
-    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden;
     -moz-border-radius: 5px 5px 0 0;
     -webkit-border-radius: 5px;
     border-radius: 5px 5px 0 0
@@ -1786,7 +1794,7 @@ a.st-ui-stamp {
     background: #F0F4F7;
     z-index: 99999996;
     background-clip: padding-box;
-    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden;
     -moz-border-radius: 0 0 5px 5px;
     -webkit-border-radius: 0;
     border-radius: 0 0 5px 5px
@@ -1851,7 +1859,7 @@ a.st-ui-stamp {
 }
 
 .st-ui-injected-overlay-container .st-ui-content * {
-    -webkit-transform: translate3d(0, 0, 0)
+    transform: translate3d(0, 0, 0)
 }
 
 .st-ui-injected-overlay-container .st-ui-content .st-query-present {

data/{assets/_sass/_mixins.scss → _sass/mixins.scss}

@@ -1,7 +1,8 @@
+@charset "utf-8";
 .transition-basic {
   transition: all 0.4s ease;
 }
-
+$fuck: #444B60;
 // media queries
 $breakpoints: ( 
   'small': 480px, 

data/_sass/typesetting.scss

@@ -0,0 +1,8 @@
+@charset "utf-8";
+.emphasize{
+      font-weight: 200;
+}
+
+h1, h2, h3, h4{
+  font-family: "Helvetica", "Proxima-Nova";
+}

data/{assets/_sass/_variables.scss → _sass/variables.scss}

@@ -1,25 +1,24 @@
+   @charset "utf-8";
 
-// 🎌 Variables 🎌
-
-
-// 🎌 Weights 🎌
-/*
-thin: 100
-light: 300
-regular: 400
-bold: 700
-black: 900
-
-*/
 // Colors
+$theme_primary: #455560;
+$ofc_slate: #455560;
+$ofc_blue: #a1c7e3;
+$ofc_lightgray: #e4e5e6;
+$ofc_lightblue: #B5BCC5;
+$ofc_super_lightblue: #A2C7E2;
+$green: #8fc73e; 
+$blue: #a1c7e3;
+
 $emphasis: #313437;
 $nav_black: #1c242b;
 $nav_gray: #f2f0ed;
 $link_green: #74BC70;
+$link_blue: #1d81bf;
 $nav_links: #c8c6c2;
 $nav_links-main: #aaa7a2;
 $nav_links-main--current: #323940;
-$slate: #303B40;
+$slate: #444B60;
 $nav_links-footer--blue: #8FC3EA;
 $button-green: rgb(116, 188, 112);
 $text-white: rgb(255, 255, 255);
@@ -32,8 +31,10 @@ $width-medium: 600px; //8bits
 $width-wide: 800px; //10bits
 $width-ultra-wide: 960px; //12bits
 $width-extra-ultra-wide: 1400px;
+$superish-wide: 1500px;
+$super-wide: 1830px;
 
-// 🎌 MIXINS 🎌
+$condensed-titles: proxima-nova-condensed;
 
 // Responsive mixin for bubbled media-querries
 @mixin responsive($width){
@@ -67,4 +68,14 @@ $width-extra-ultra-wide: 1400px;
         @content;
       }
     }
+    @else if $width == super-wide-screens{
+      @media screen and (min-width: $super-wide){
+        @content;
+      }
+    } 
+    @else if $width == superish-wide-screens{
+      @media screen and (min-width: $superish-wide){
+        @content;
+      }
+    }
 }

data/assets/css/site.scss

@@ -1,5 +1,7 @@
 ---
 ---
+@charset "utf-8";
+
 @import "variables";
 @import "grid";
 @import "mixins";
@@ -7,4 +9,5 @@
 @import "legacy";
 @import "layout";
 @import "typesetting";
-@import "blog";
+@import "blog";
+@import "flickity";

data/assets/images/blockquote-right.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="259px" height="192px" viewBox="0 0 259 192" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 62 (91390) - https://sketch.com -->
+    <title>Untitled</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" fill-opacity="0.25">
+        <path d="M259,192 L259,102.149466 L205.564912,102.149466 C204.65731,93.0391459 206.472515,83.5871886 211.010526,73.7935943 C218.952047,55.3451957 234.381287,42.5907473 257.298246,35.5302491 L257.298246,35.5302491 L257.298246,0 C227.120468,6.14946619 203.692982,19.0177936 187.015789,38.6049822 C170.338596,58.1921708 162,85.2953737 162,119.914591 L162,119.914591 L162,192 L259,192 Z M97,192 L97,102.149466 L43.5649123,102.149466 C42.8842105,92.1281139 44.5859649,82.4483986 48.6701754,73.1103203 C56.6116959,55.3451957 72.154386,42.8185053 95.2982456,35.5302491 L95.2982456,35.5302491 L95.2982456,0 C64.2128655,6.14946619 40.5584795,19.1316726 24.3350877,38.9466192 C8.11169591,58.7615658 0,85.7508897 0,119.914591 L0,119.914591 L0,192 L97,192 Z" id="“" fill="#D3E3F0" fill-rule="nonzero" transform="translate(129.500000, 96.000000) scale(-1, -1) translate(-129.500000, -96.000000) "></path>
+    </g>
+</svg>

data/assets/images/blockquote.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="259px" height="192px" viewBox="0 0 259 192" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 62 (91390) - https://sketch.com -->
+    <title>Untitled</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M259,192 L259,102.149466 L205.564912,102.149466 C204.65731,93.0391459 206.472515,83.5871886 211.010526,73.7935943 C218.952047,55.3451957 234.381287,42.5907473 257.298246,35.5302491 L257.298246,35.5302491 L257.298246,0 C227.120468,6.14946619 203.692982,19.0177936 187.015789,38.6049822 C170.338596,58.1921708 162,85.2953737 162,119.914591 L162,119.914591 L162,192 L259,192 Z M97,192 L97,102.149466 L43.5649123,102.149466 C42.8842105,92.1281139 44.5859649,82.4483986 48.6701754,73.1103203 C56.6116959,55.3451957 72.154386,42.8185053 95.2982456,35.5302491 L95.2982456,35.5302491 L95.2982456,0 C64.2128655,6.14946619 40.5584795,19.1316726 24.3350877,38.9466192 C8.11169591,58.7615658 0,85.7508897 0,119.914591 L0,119.914591 L0,192 L97,192 Z" id="“" fill="#E4E5E6" fill-rule="nonzero"></path>
+    </g>
+</svg>

data/assets/images/bottom-rec.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="805px" height="553px" viewBox="0 0 805 553" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 62 (91390) - https://sketch.com -->
+    <title>Untitled</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <rect id="Rectangle" stroke="#FFFFFF" stroke-width="9" x="5" y="-340" width="795" height="888"></rect>
+    </g>
+</svg>

data/assets/images/full-rec.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="805px" height="464px" viewBox="0 0 805 464" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 62 (91390) - https://sketch.com -->
+    <title>Untitled</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <rect id="Rectangle" stroke="#FFFFFF" stroke-width="9" x="5" y="12" width="795" height="445"></rect>
+    </g>
+</svg>

data/assets/images/open-rec.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="805px" height="455px" viewBox="0 0 805 455" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 63.1 (92452) - https://sketch.com -->
+    <title>full-rec</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="full-rec" transform="translate(5.000000, 5.000000)" stroke="#FFFFFF" stroke-width="9">
+            <polyline id="Rectangle" transform="translate(397.500000, 222.500000) rotate(180.000000) translate(-397.500000, -222.500000) " points="765.482704 -1.13686838e-13 795 -4.11233547e-14 795 445 0 445 0 365.132034"></polyline>
+        </g>
+    </g>
+</svg>

data/assets/images/top-rec.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="805px" height="236px" viewBox="0 0 805 236" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 62 (91390) - https://sketch.com -->
+    <title>Untitled</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <rect id="Rectangle" stroke="#FFFFFF" stroke-width="9" x="5" y="12" width="795" height="888"></rect>
+    </g>
+</svg>

data/assets/js/progress.js

@@ -0,0 +1,73 @@
+
+const progressJS = {
+  "defaults": {
+    //color
+    "color": "#92BADC",
+    //height
+    "height": "5px",
+    "top": 91,
+    "bottom": 0,
+    "left": 0,
+    "right": 0,
+    "zIndex": 200,
+    //bottom or top
+    "ontop": true,
+    //left to right
+    "ltr": true,
+    //element to use value
+    "attach": false,
+    //js style or css
+    "css": true,
+    //decimal numbers
+    "round": false,
+    //use only values
+    "nobar": false
+  },
+  "start": function (configs = {}) {
+    let progressJSelem;
+    if (!configs.nobar) {
+      //create element
+      progressJSelem = document.createElement("div");
+      //use css instead of js style
+      progressJSelem.setAttribute('id', 'progressbarJS');
+      //append to body
+      document.body.appendChild(progressJSelem);
+      //styles
+      progressJSelem.style.position = 'fixed';
+      progressJSelem.style.zIndex = '200';
+      progressJSelem.style.width = '0%';
+      //configurable options
+      //top or bottom
+      configs.ontop ? progressJSelem.style.bottom = '0' : progressJSelem.style.top = progressJS.defaults.top;
+      //ltr or rtl
+      configs.ltr ? progressJSelem.style.right = '0' : progressJSelem.style.left = progressJS.defaults.left;
+      //height
+      configs.height ? progressJSelem.style.height = configs.height : progressJSelem.style.height = progressJS.defaults.height;
+      //color
+      configs.color ? progressJSelem.style.backgroundColor = configs.color : progressJSelem.style.backgroundColor = progressJS.defaults.color;
+    }
+    let attachElem = progressJS.defaults.attach;
+    let roundto = progressJS.defaults.round;
+    //round to
+    configs.round ? roundto = configs.round : roundto = 2;
+    //attach
+    configs.attach ? attachElem = document.querySelector(configs.attach) : false;
+    //scroll event
+    document.addEventListener('scroll', function (e) {
+      const maxHeight = document.body.scrollHeight;
+      const sizeHeight = window.innerHeight;
+      const scrolls = window.scrollY;
+      const percentage = (scrolls / (maxHeight - sizeHeight)) * 100;
+      if (!configs.nobar) {
+        progressJSelem.style.width = percentage.toFixed(roundto) + "%";
+      }
+      if (attachElem) {
+        attachElem.innerHTML = percentage.toFixed(roundto);
+      }
+    });
+
+  }
+}
+
+
+