jumbo-jekyll-theme 1.4.2.11 → 1.4.2.12

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: df94e00672aaaac9f6a028ce67786ba6984e5b5f
4
- data.tar.gz: 8eef38a958b0e6dc1df0f0ce9f54d9bf4503ea3d
3
+ metadata.gz: '0872da4e77f384f6998de733823732cdb6e1f6a1'
4
+ data.tar.gz: 87a952ee36fced5f1eaa5d51856d213f38d04df1
5
5
  SHA512:
6
- metadata.gz: 24f838ef2b1a6d6919b93a021cc17b147bdbb52fbee64cb9b4449921651c211733552fb1504139a74ee38895629339b38d5491fe892fa1ca2838cd8989c43971
7
- data.tar.gz: fc6bd1fbcfc2770c820b07a5099dfa79034ab3059f10a665a6c0c478da40a73c52adea1359a516cf8eab5ec5b17ad5009a78a83cfdb19cf54ed724cf36d6a3f7
6
+ metadata.gz: 128f1b0f0fcb8b5f9910b018daf2bb9f2b6061857f7a014e0ed7be5b1ca2df8a99b4a7d47d21b41b687654532b1cacc25304db8518c0b5855497655e224e86dd
7
+ data.tar.gz: a52e1b049f6180e9f36274ef593aa2361c2d9107552f655821a7b6ab8001213670e6b7b0f90277004906df644247f453a67bce86cd6889f050e7b3703651b732
@@ -20,6 +20,7 @@ home:
20
20
  shaped-divider: true
21
21
  # Jumbotron settings for the home page
22
22
  jumbotron:
23
+ included_file: hero-banner.html
23
24
  # Toggle the jumbotron
24
25
  enabled: true
25
26
  # Title for the home page jumbotron
@@ -0,0 +1,21 @@
1
+ <div class="col-md-12">
2
+ <img src="{% asset_path 'Linaro-Logo_light.png' %}" id="home-hero-image"
3
+ class="img-responsive center-block animated fadeIn" alt="{{site.title}} Home Page Image">
4
+ </div>
5
+
6
+ <h1 id="home-page-title" class="white fade-in-one" id="homepage-heading">
7
+ Jumbo Jekyll Theme
8
+ </h1>
9
+
10
+ <p id="home-page-text" class="sub-tag center-block fade-in-two">
11
+ <span>Sub title line 1</span>
12
+ </p>
13
+
14
+ <p id="buttons">
15
+ <a class="btn btn-primary btn-lg fade-in-three bottom-border-five" href="/about/" role="button">
16
+ Learn More
17
+ </a>
18
+ <a class="btn btn-primary btn-lg fade-in-three bottom-border-five" href="/get-started/" role="button">
19
+ Get Started
20
+ </a>
21
+ </p>
@@ -8,6 +8,11 @@
8
8
  <div id="featured-jumbotron"> <!--Jumbotron div -->
9
9
  <div class="container" id="jumbotron-text"> <!--Container -->
10
10
 
11
+
12
+ {% if site.data.settings.home.jumbotron.included_file %}
13
+ {% include {{site.data.settings.home.jumbotron.included_file}} %}
14
+ {% else %}
15
+
11
16
  {% if site.data.settings.home.jumbotron.image %}
12
17
  <div class="col-md-12">
13
18
  <img src="{% asset_path '{{site.data.settings.home.jumbotron.image}}' %}" id="home-hero-image"
@@ -70,7 +75,9 @@
70
75
  {% endfor %}
71
76
  </p>
72
77
  {% endif %}
73
-
78
+
79
+ {% endif %}
80
+
74
81
  </div><!-- End Jumbotron Container Div -->
75
82
  {% if site.data.settings.home.shaped-divider %}
76
83
  {% include shape-divider.html %}
@@ -8,7 +8,7 @@ js-package: main
8
8
  {% if site.data.company.google.tag_manager %}
9
9
  {% include _theme-includes/_script-includes/gtm/gtm-noscript.html %}
10
10
  {% endif %}
11
- <div id="wrapper{% if layout.home == true and site.data.settings.home.jumbotron.enabled %}-home{% endif %}">
11
+ <div id="wrapper" class="{% if layout.home == true and site.data.settings.home.jumbotron.enabled %}home{% else %}main{% endif %}">
12
12
  {% include nav.html %}
13
13
  {{content}}
14
14
 
@@ -54,6 +54,12 @@
54
54
  /* Home Page Title in Jumbotron */
55
55
  #home-page-title{
56
56
  color: $home-page-main-title-color;
57
+ font-size: 46px;
58
+ }
59
+
60
+ /* Home Page Title in white*/
61
+ h1#home-page-title.white {
62
+ color: white;
57
63
  }
58
64
 
59
65
  /* Home Page Image in Jumbotron */
@@ -357,12 +357,21 @@ nav > ul.navbar-right {
357
357
  min-width: 620px;
358
358
  }
359
359
 
360
- #tabbed-nav-bar {
361
- background-color:white;
362
- padding-bottom:10px;
363
- height:80px;
360
+ #tabbed-nav-bar > nav.navbar-inverse {
361
+ background-color: $navbar-inverse-bg;
362
+ height:$navbar-height;
363
+ }
364
+
365
+ #tabbed-nav-bar .navbar-default .navbar-toggle .icon-bar {
366
+ background-color: $brand-primary;
364
367
  }
365
368
 
369
+ @media(max-width: $screen-md-min){
370
+ .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
371
+ border-color: $navbar-inverse-bg;
372
+ background-color: $navbar-inverse-bg;
373
+ }
374
+ }
366
375
 
367
376
  #tabbed-nav-bar .collapse{
368
377
  margin-bottom:-1px;
@@ -378,7 +387,7 @@ nav > ul.navbar-right {
378
387
  transition: all 1s ease;
379
388
  }
380
389
 
381
- @media(max-width:$screen-md-min){
390
+ @media(max-width:$screen-sm-min - 1){
382
391
  #tabbed-nav-bar .tabbed-nav-btn{
383
392
  width:100%;
384
393
  }
@@ -387,7 +396,7 @@ nav > ul.navbar-right {
387
396
  }
388
397
  #tabbed-nav-bar .nav-tabs{
389
398
  background-color: $navbar-inverse-bg;
390
- margin-top: -25px;
399
+ margin-top: 0px;
391
400
  margin-bottom: 20px;
392
401
  }
393
402
  #tabbed-nav-bar .nav-tabs>li>a::after {
@@ -416,9 +425,16 @@ nav > ul.navbar-right {
416
425
  #sub-navigation-header{
417
426
  display:none;
418
427
  height:100%;
419
- line-height: 50px;
428
+ font-size: 19px;
429
+ line-height: $navbar-height;
420
430
  }
421
431
 
432
+ #tabbed-nav-bar a#sub-navigation-header {
433
+ color: #000;
434
+ }
435
+ #tabbed-nav-bar.sticky-nav a#sub-navigation-header{
436
+ color: $navbar-text-color;
437
+ }
422
438
  /* Sub Navigation Side Bar Hover Style */
423
439
  .nav-pills>li.side-nav-button>a:hover {
424
440
  color: $navbar-inverse-bg;
@@ -11,11 +11,11 @@ body {
11
11
  }
12
12
 
13
13
  /* ------------ Main Container Style margin accounts for Nav ----------- */
14
- #wrapper{
14
+ #wrapper.main{
15
15
  overflow-x: hidden;
16
16
  margin-top: $navbar-height - 1;
17
17
  }
18
- #wrapper-home{
18
+ #wrapper.home{
19
19
  overflow-x: hidden;
20
20
  }
21
21
 
@@ -151,9 +151,9 @@ p .justified{
151
151
  //Homepage Sub Tag
152
152
  p.sub-tag {
153
153
  width: 65%;
154
- margin-bottom: 30px;
155
- margin-top: 20px;
156
- font-size: 21px;
154
+ margin-bottom: 20px;
155
+ margin-top: 10px;
156
+ font-size: 19px;
157
157
  color: #FFF;
158
158
  font-weight: 200;
159
159
  }
@@ -161,12 +161,22 @@ p.sub-tag {
161
161
  // Buttons
162
162
  #buttons > a
163
163
  {
164
+ background: transparent;
165
+ color: $navbar-text-color;
166
+ border-color: $navbar-text-color;
164
167
  -webkit-border-radius: 2px;
165
168
  -moz-border-radius: 2px;
166
169
  border-radius: 2px;
167
170
  padding: 10px 16px;
168
171
  font-size: 15px;
169
172
  line-height: 1.3333333;
173
+ transition: all 500ms ease;
174
+ }
175
+ #buttons > a:hover
176
+ {
177
+ background: $navbar-text-color;
178
+ color: $navbar-inverse-bg;
179
+ border-color: $navbar-text-color;
170
180
  }
171
181
 
172
182
  //Bottom Border Five Pixels.
@@ -7,11 +7,11 @@ $(document).ready(function(){
7
7
  var origOffsetY = menu.offset().top;
8
8
  var navHeight = $("nav#main-navigation").height;
9
9
 
10
- var text = $('#tabbed-nav-bar ul.nav-tabs li.active').text();
10
+ var text = $('#tabbed-nav-bar ul.nav-tabs li.active a').text();
11
11
  $('#sub-navigation-header').text(text);
12
12
 
13
13
  function scroll() {
14
- var text = $('#tabbed-nav-bar ul.nav-tabs li.active').text();
14
+ var text = $('#tabbed-nav-bar ul.nav-tabs li.active a').text();
15
15
  $('#sub-navigation-header').text(text);
16
16
  $('#sub-navigation-header').hide();
17
17
 
@@ -19,8 +19,8 @@ $(document).ready(function(){
19
19
  if ( $(window).scrollTop() > origOffsetY) {
20
20
  $('#tabbed-nav-bar').addClass('sticky-nav');
21
21
  $("nav#main-navigation").hide();
22
- $('#main-container').css('margin-top','160px');
23
- if ($(window).width() < 1200) {
22
+ $('#wrapper').css('margin-top','132px');
23
+ if ($(window).width() < 1000) {
24
24
  $('#tabbed-nav-bar nav').removeClass('navbar-default');
25
25
  $('#tabbed-nav-bar nav').addClass('navbar-inverse');
26
26
 
@@ -38,13 +38,13 @@ $(document).ready(function(){
38
38
  }
39
39
  else {
40
40
  $('#tabbed-nav-bar').removeClass('sticky-nav');
41
- $('#main-container').css('margin-top','80px');
41
+ $('#wrapper').css('margin-top','0px');
42
42
  $("nav#main-navigation").show();
43
43
 
44
44
  $('#tabbed-nav-bar nav').addClass('navbar-default');
45
45
  $('#tabbed-nav-bar nav').removeClass('navbar-inverse');
46
46
 
47
- if ($(window).width() < 1200) {
47
+ if ($(window).width() < 1000) {
48
48
  $('#tabbed-nav-bar ul.nav-tabs').addClass('nav-stacked');
49
49
  $('#sub-navigation-header').show();
50
50
  }
@@ -5,6 +5,7 @@
5
5
  //= require vendor/owl.carousel.min
6
6
 
7
7
  //= require app/main
8
+ //= require app/sticky-tab-bar
8
9
  //= require app/home
9
10
  //= require app/tables
10
11
  //= require vendor/mc-validate
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jumbo-jekyll-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.4.2.11
4
+ version: 1.4.2.12
5
5
  platform: ruby
6
6
  authors:
7
7
  - Kyle Kirkby
@@ -289,6 +289,7 @@ files:
289
289
  - _includes/gtm-noscript.html
290
290
  - _includes/gtm-script.html
291
291
  - _includes/head.html
292
+ - _includes/hero-banner.html
292
293
  - _includes/image.html
293
294
  - _includes/javascript.html
294
295
  - _includes/jumbotron.html