seriously_simple_static_starter 0.2.2 → 0.2.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d30ddb5365358d2c3324482e2f1417310053a834ee391057f77e94d83da5b6e8
-  data.tar.gz: 04df0edb9ce8ffbb8da81798060875fb6ade8fca76ebae187d9fb530c52d479c
+  metadata.gz: 2bc3b0d1f08347f98e818be7b19cca9a35ed8be3240435102d4f4ceff378422e
+  data.tar.gz: 83bdca7c5b34738f793f91127ffafa179a8e170a2ec4845c91e16e242f3821bb
 SHA512:
-  metadata.gz: 72a69cd0e284fa29ebe2c3666da3ed0583a948db719c12819ce500143c6eb47f49d3e1b6332c7cc409f37a977562ec3a47c9a77b65ee4675b2f07a283953969f
-  data.tar.gz: ad56a64461693eae2a900ae4c5741b1c2e4b8f1e496436e4042db5fc14ab62aac6fe08438099aef6612e54898e7ad197bf8fbe8cb7a1596777efe4a00e56cbd1
+  metadata.gz: d260e44afc1e47affaf9c5da433d17b03082323f8abd4815b73686027e1ccba985150aa614d1e67f7f7c8388c1fa05f1e8b2eb4b9a0913f877d6deaee1e816ed
+  data.tar.gz: 16778b32b218e98d502e015d26f9c613caec22f27da65deddf2431915a51118f25d3504aef7c80ec89a4815c075521d6755c9cdfe2c0bebe9c5731c3da091f60

data/_includes/header.html

@@ -1,4 +1,5 @@
-<header class="{% if include.object.image %}background_image{% else %}svg{% endif%}">
+<header class="{% if include.object.image %}background_image{% elsif include.object.background_color %}{% elsif include.object.svg_background %}svg{% endif%}"
+{% if include.object.background_color %}style="background-color:{{include.object.background_color}}"{% endif %}>
     {% if include.object.image %}
         {% assign header_image_path = include.object.image.path | replace: '/assets/images', '' %}
         {% picture header_image {{header_image_path}} alt=include.object.image.alt%}

data/_sass/_header.scss

@@ -1,5 +1,11 @@
 header {
+    overflow:hidden;
+    height: auto;
+    background-color: $primary;
     .jumbotron {
+        background-color: transparent;
+        padding-left: 0px;
+        padding-right:0px;
         h1 {
             padding-top:100px;
         }
@@ -12,4 +18,18 @@ header {
             }
         }
     }
+    &.svg {
+        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 2560 1600' version='1.1' viewBox='0 0 2560 1600' xml:space='preserve'%3E%3Cstyle xmlns='http://www.w3.org/2000/svg' type='text/css'%3E .st0%7Bfill:%23000;%7D .st1%7Bfill:url(%23a);%7D polygon%7Bfill:%231b1b1b%7D;%0A%3C/style%3E%3Cpattern id='a' width='319.998' height='319.998' overflow='visible' patternUnits='userSpaceOnUse' viewBox='0 -399.997 319.998 319.998'%3E%3Crect class='st0' y='-400' width='320' height='320'/%3E%3Cpolygon points='240 -79.999 240 0 160 -79.999 160 -160'/%3E%3Cpolygon points='320 -160 240 -79.999 240 -160'/%3E%3Cpolygon points='79.999 -79.999 79.999 0 0 -79.999 0 -160'/%3E%3Cpolygon points='160 -160 79.999 -79.999 79.999 -160'/%3E%3Cpolygon points='320 -240 320 -160 240 -240 240 -320'/%3E%3Cpolygon points='160 -240 160 -160 79.999 -240 79.999 -320'/%3E%3Cpolygon points='240 -320 160 -240 160 -320'/%3E%3Cpolygon points='240 -240 240 -160 160 -160'/%3E%3Cpolygon points='79.999 -320 0 -240 0 -320'/%3E%3Cpolygon points='79.999 -240 79.999 -160 0 -160'/%3E%3Cpolygon points='240 -400 240 -320 160 -400 160 -480'/%3E%3Cpolygon points='320 -400 320 -320 240 -320'/%3E%3Cpolygon points='79.999 -400 79.999 -320 0 -400 0 -480'/%3E%3Cpolygon points='160 -400 160 -320 79.999 -320'/%3E%3C/pattern%3E%3Crect class='st1' width='2560' height='1600'/%3E%3C/svg%3E");    
+    }
+    &.background_image {
+      background: transparent !important;
+      img.header__image {
+          filter: brightness(0.4);
+          position: absolute;
+          z-index: -1;
+          height: 100%;
+          width: 100%;  
+          object-fit: cover;
+      }
+    }
 }

data/_sass/_navbar.scss

@@ -1,25 +1,3 @@
-
-header {
-    overflow:hidden;
-    height: auto;
-    background-color: $primary;
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 2560 1600' version='1.1' viewBox='0 0 2560 1600' xml:space='preserve'%3E%3Cstyle xmlns='http://www.w3.org/2000/svg' type='text/css'%3E .st0%7Bfill:%23000;%7D .st1%7Bfill:url(%23a);%7D polygon%7Bfill:%231b1b1b%7D;%0A%3C/style%3E%3Cpattern id='a' width='319.998' height='319.998' overflow='visible' patternUnits='userSpaceOnUse' viewBox='0 -399.997 319.998 319.998'%3E%3Crect class='st0' y='-400' width='320' height='320'/%3E%3Cpolygon points='240 -79.999 240 0 160 -79.999 160 -160'/%3E%3Cpolygon points='320 -160 240 -79.999 240 -160'/%3E%3Cpolygon points='79.999 -79.999 79.999 0 0 -79.999 0 -160'/%3E%3Cpolygon points='160 -160 79.999 -79.999 79.999 -160'/%3E%3Cpolygon points='320 -240 320 -160 240 -240 240 -320'/%3E%3Cpolygon points='160 -240 160 -160 79.999 -240 79.999 -320'/%3E%3Cpolygon points='240 -320 160 -240 160 -320'/%3E%3Cpolygon points='240 -240 240 -160 160 -160'/%3E%3Cpolygon points='79.999 -320 0 -240 0 -320'/%3E%3Cpolygon points='79.999 -240 79.999 -160 0 -160'/%3E%3Cpolygon points='240 -400 240 -320 160 -400 160 -480'/%3E%3Cpolygon points='320 -400 320 -320 240 -320'/%3E%3Cpolygon points='79.999 -400 79.999 -320 0 -400 0 -480'/%3E%3Cpolygon points='160 -400 160 -320 79.999 -320'/%3E%3C/pattern%3E%3Crect class='st1' width='2560' height='1600'/%3E%3C/svg%3E");    .jumbotron {
-        background-color: transparent;
-        padding-left: 0px;
-        padding-right:0px;
-    }
-    &.background_image {
-      background: transparent !important;
-      img.header__image {
-          filter: brightness(0.4);
-          position: absolute;
-          z-index: -1;
-          height: 100%;
-          width: 100%;  
-          object-fit: cover;
-      }
-    }
-}
 // Animations for the dropdown menu
 @-webkit-keyframes fadeInUp {
   from {

data/_sass/_variables.scss

@@ -1,3 +1,3 @@
-$primary: #000 !default;
+// $primary: #000 !default;
 // Fonts 
 $font-family-sans-serif:  'Lato', Arial, sans-serif;

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: seriously_simple_static_starter
 version: !ruby/object:Gem::Version
-  version: 0.2.2
+  version: 0.2.3
 platform: ruby
 authors:
 - Kyle Kirkby