jumbo-jekyll-theme 1.4.2.11 → 1.4.2.12

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: df94e00672aaaac9f6a028ce67786ba6984e5b5f
-  data.tar.gz: 8eef38a958b0e6dc1df0f0ce9f54d9bf4503ea3d
+  metadata.gz: '0872da4e77f384f6998de733823732cdb6e1f6a1'
+  data.tar.gz: 87a952ee36fced5f1eaa5d51856d213f38d04df1
 SHA512:
-  metadata.gz: 24f838ef2b1a6d6919b93a021cc17b147bdbb52fbee64cb9b4449921651c211733552fb1504139a74ee38895629339b38d5491fe892fa1ca2838cd8989c43971
-  data.tar.gz: fc6bd1fbcfc2770c820b07a5099dfa79034ab3059f10a665a6c0c478da40a73c52adea1359a516cf8eab5ec5b17ad5009a78a83cfdb19cf54ed724cf36d6a3f7
+  metadata.gz: 128f1b0f0fcb8b5f9910b018daf2bb9f2b6061857f7a014e0ed7be5b1ca2df8a99b4a7d47d21b41b687654532b1cacc25304db8518c0b5855497655e224e86dd
+  data.tar.gz: a52e1b049f6180e9f36274ef593aa2361c2d9107552f655821a7b6ab8001213670e6b7b0f90277004906df644247f453a67bce86cd6889f050e7b3703651b732

data/_data/settings.yml

@@ -20,6 +20,7 @@ home:
     shaped-divider: true
     # Jumbotron settings for the home page
     jumbotron:
+        included_file: hero-banner.html
         # Toggle the jumbotron
         enabled: true
         # Title for the home page jumbotron

data/_includes/hero-banner.html

@@ -0,0 +1,21 @@
+<div class="col-md-12">
+    <img src="{% asset_path 'Linaro-Logo_light.png'  %}" id="home-hero-image"
+     class="img-responsive center-block animated fadeIn" alt="{{site.title}} Home Page Image">
+</div>
+
+<h1 id="home-page-title" class="white fade-in-one" id="homepage-heading">
+      Jumbo Jekyll Theme
+</h1>
+
+<p id="home-page-text" class="sub-tag center-block fade-in-two">
+    <span>Sub title line 1</span>
+</p>
+
+<p id="buttons">
+    <a class="btn btn-primary btn-lg fade-in-three bottom-border-five" href="/about/" role="button">
+        Learn More
+    </a>
+    <a class="btn btn-primary btn-lg fade-in-three bottom-border-five" href="/get-started/" role="button">
+        Get Started
+    </a>
+</p>

data/_includes/jumbotron.html

@@ -8,6 +8,11 @@
         <div id="featured-jumbotron"> <!--Jumbotron div -->        
           <div class="container" id="jumbotron-text"> <!--Container -->
               
+              
+              {% if site.data.settings.home.jumbotron.included_file %}
+                {% include {{site.data.settings.home.jumbotron.included_file}} %}
+              {% else %}
+              
               {% if site.data.settings.home.jumbotron.image %}
                   <div class="col-md-12">
                       <img src="{% asset_path '{{site.data.settings.home.jumbotron.image}}'  %}" id="home-hero-image"
@@ -70,7 +75,9 @@
                         {% endfor %}
                     </p>
               {% endif %}
-            
+        
+          {% endif %}
+             
           </div><!-- End Jumbotron Container Div -->  
           {% if site.data.settings.home.shaped-divider %}
             {% include shape-divider.html %}

data/_layouts/default.html

@@ -8,7 +8,7 @@ js-package: main
             {% if site.data.company.google.tag_manager %}
               {% include _theme-includes/_script-includes/gtm/gtm-noscript.html %}
             {% endif %}
-            <div id="wrapper{% if layout.home == true and site.data.settings.home.jumbotron.enabled %}-home{% endif %}">
+            <div id="wrapper" class="{% if layout.home == true and site.data.settings.home.jumbotron.enabled %}home{% else %}main{% endif %}">
                 {% include nav.html %}
                 {{content}}
 

data/_sass/core/homepage.scss

@@ -54,6 +54,12 @@
 /* Home Page Title in Jumbotron */
 #home-page-title{
     color: $home-page-main-title-color;
+    font-size: 46px;
+}
+
+/* Home Page Title in white*/
+h1#home-page-title.white {
+    color: white;
 }
 
 /* Home Page Image in Jumbotron */

data/_sass/core/nav.scss

@@ -357,12 +357,21 @@ nav > ul.navbar-right {
     min-width: 620px;
 }
 
-#tabbed-nav-bar {
-    background-color:white;
-    padding-bottom:10px;
-    height:80px;
+#tabbed-nav-bar > nav.navbar-inverse {
+    background-color: $navbar-inverse-bg;
+    height:$navbar-height;
+}
+
+#tabbed-nav-bar .navbar-default .navbar-toggle .icon-bar {
+    background-color: $brand-primary;
 }
 
+@media(max-width: $screen-md-min){
+    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
+        border-color: $navbar-inverse-bg;
+        background-color: $navbar-inverse-bg;
+    }
+}
 
 #tabbed-nav-bar .collapse{
     margin-bottom:-1px;
@@ -378,7 +387,7 @@ nav > ul.navbar-right {
     transition: all 1s ease;
 }
 
-@media(max-width:$screen-md-min){
+@media(max-width:$screen-sm-min - 1){
     #tabbed-nav-bar .tabbed-nav-btn{
         width:100%;
     }
@@ -387,7 +396,7 @@ nav > ul.navbar-right {
     }
     #tabbed-nav-bar .nav-tabs{
         background-color: $navbar-inverse-bg;
-        margin-top: -25px;
+        margin-top: 0px;
         margin-bottom: 20px;
     }
     #tabbed-nav-bar .nav-tabs>li>a::after {
@@ -416,9 +425,16 @@ nav > ul.navbar-right {
 #sub-navigation-header{
     display:none;
     height:100%;
-    line-height: 50px;
+    font-size: 19px;
+    line-height: $navbar-height;
 }
 
+#tabbed-nav-bar a#sub-navigation-header {
+    color: #000;
+}
+#tabbed-nav-bar.sticky-nav a#sub-navigation-header{
+    color: $navbar-text-color;
+}
 /* Sub Navigation Side Bar Hover Style */
 .nav-pills>li.side-nav-button>a:hover {
     color: $navbar-inverse-bg;

data/_sass/core/theme.scss

@@ -11,11 +11,11 @@ body {
 }
 
 /* ------------ Main Container Style margin accounts for Nav ----------- */
-#wrapper{
+#wrapper.main{
     overflow-x: hidden;
     margin-top: $navbar-height - 1;
 }
-#wrapper-home{
+#wrapper.home{
     overflow-x: hidden;
 }
 
@@ -151,9 +151,9 @@ p .justified{
 //Homepage Sub Tag
 p.sub-tag {
     width: 65%;
-    margin-bottom: 30px;
-    margin-top: 20px;
-    font-size: 21px;
+    margin-bottom: 20px;
+    margin-top: 10px;
+    font-size: 19px;
     color: #FFF;
     font-weight: 200;
 }
@@ -161,12 +161,22 @@ p.sub-tag {
 // Buttons
 #buttons > a
 {
+    background: transparent;
+    color: $navbar-text-color;
+    border-color: $navbar-text-color;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
     padding: 10px 16px;
     font-size: 15px;
     line-height: 1.3333333;
+    transition: all 500ms ease;
+}
+#buttons > a:hover
+{
+    background: $navbar-text-color;
+    color: $navbar-inverse-bg;
+    border-color: $navbar-text-color;
 }
 
 //Bottom Border Five Pixels.

data/assets/js/app/sticky-tab-bar.js

@@ -7,11 +7,11 @@ $(document).ready(function(){
         var origOffsetY = menu.offset().top;
         var navHeight = $("nav#main-navigation").height;
 
-        var text = $('#tabbed-nav-bar ul.nav-tabs li.active').text();
+        var text = $('#tabbed-nav-bar ul.nav-tabs li.active a').text();
         $('#sub-navigation-header').text(text);
 
         function scroll() {
-            var text = $('#tabbed-nav-bar ul.nav-tabs li.active').text();
+            var text = $('#tabbed-nav-bar ul.nav-tabs li.active a').text();
             $('#sub-navigation-header').text(text);
             $('#sub-navigation-header').hide();
 
@@ -19,8 +19,8 @@ $(document).ready(function(){
             if ( $(window).scrollTop() > origOffsetY) {
                 $('#tabbed-nav-bar').addClass('sticky-nav');
                 $("nav#main-navigation").hide();
-                $('#main-container').css('margin-top','160px');
-                if ($(window).width() < 1200) {
+                $('#wrapper').css('margin-top','132px');
+                if ($(window).width() < 1000) {
                     $('#tabbed-nav-bar nav').removeClass('navbar-default');
                     $('#tabbed-nav-bar nav').addClass('navbar-inverse');
 
@@ -38,13 +38,13 @@ $(document).ready(function(){
             }
             else {
                 $('#tabbed-nav-bar').removeClass('sticky-nav');
-                $('#main-container').css('margin-top','80px');
+                $('#wrapper').css('margin-top','0px');
                 $("nav#main-navigation").show();
 
                 $('#tabbed-nav-bar nav').addClass('navbar-default');
                 $('#tabbed-nav-bar nav').removeClass('navbar-inverse');
 
-                if ($(window).width() < 1200) {
+                if ($(window).width() < 1000) {
                     $('#tabbed-nav-bar ul.nav-tabs').addClass('nav-stacked');
                     $('#sub-navigation-header').show();
                 }

data/assets/js/package-home.js

@@ -5,6 +5,7 @@
 //= require vendor/owl.carousel.min
 
 //= require app/main
+//= require app/sticky-tab-bar
 //= require app/home
 //= require app/tables
 //= require vendor/mc-validate

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: jumbo-jekyll-theme
 version: !ruby/object:Gem::Version
-  version: 1.4.2.11
+  version: 1.4.2.12
 platform: ruby
 authors:
 - Kyle Kirkby
@@ -289,6 +289,7 @@ files:
 - _includes/gtm-noscript.html
 - _includes/gtm-script.html
 - _includes/head.html
+- _includes/hero-banner.html
 - _includes/image.html
 - _includes/javascript.html
 - _includes/jumbotron.html