linaro-jekyll-theme 0.3.4 → 0.3.5

Sign up to get free protection for your applications and to get access to all the features.
data/_data/sub-nav.yml CHANGED
@@ -2,14 +2,95 @@ pages:
2
2
  -
3
3
  list:
4
4
  -
5
- title: "About Theme"
5
+ title: "96Boards Overview"
6
6
  active: true
7
7
  url: /about/
8
8
  -
9
- title: "About Linaro"
10
- url: "https://linaro.org/about"
9
+ title: "Specifications"
10
+ url: "/specifications/"
11
11
  -
12
- title: "Contribute to Theme"
13
- url: "https://github.com/kylekirkby/LinaroJekyllTheme"
14
- right: true
12
+ title: "Compliance"
13
+ url: "/compliance/"
14
+ -
15
+ title: "Membership"
16
+ url: "/membership/"
17
+ -
18
+ title: "News"
19
+ url: "/news/"
15
20
  url: /about/
21
+ -
22
+ list:
23
+ -
24
+ title: "96Boards Overview"
25
+ url: /about/
26
+ -
27
+ title: "Specifications"
28
+ url: "/specifications/"
29
+ active: true
30
+ -
31
+ title: "Compliance"
32
+ url: "/compliance/"
33
+ -
34
+ title: "Membership"
35
+ url: "/membership/"
36
+ -
37
+ title: "News"
38
+ url: "/news/"
39
+ url: /specifications/
40
+ -
41
+ list:
42
+ -
43
+ title: "96Boards Overview"
44
+ url: /about/
45
+ -
46
+ title: "Specifications"
47
+ url: "/specifications/"
48
+ -
49
+ title: "Compliance"
50
+ url: "/compliance/"
51
+ active: true
52
+ -
53
+ title: "Membership"
54
+ url: "/membership/"
55
+ -
56
+ title: "News"
57
+ url: "/news/"
58
+ url: /compliance/
59
+ -
60
+ list:
61
+ -
62
+ title: "96Boards Overview"
63
+ url: /about/
64
+ -
65
+ title: "Specifications"
66
+ url: "/specifications/"
67
+ -
68
+ title: "Compliance"
69
+ url: "/compliance/"
70
+ -
71
+ title: "Membership"
72
+ url: "/membership/"
73
+ active: true
74
+ -
75
+ title: "News"
76
+ url: "/news/"
77
+ url: /membership/
78
+ -
79
+ list:
80
+ -
81
+ title: "96Boards Overview"
82
+ url: /about/
83
+ -
84
+ title: "Specifications"
85
+ url: "/specifications/"
86
+ -
87
+ title: "Compliance"
88
+ url: "/compliance/"
89
+ -
90
+ title: "Membership"
91
+ url: "/membership/"
92
+ -
93
+ title: "News"
94
+ url: "/news/"
95
+ active: true
96
+ url: /news/
@@ -1,3 +1,9 @@
1
+ {% if page.url == "/about/" or page.url == "/compliance/" or page.url == "/specifications/" or page.url == "/membership/" or page.url == "/news/" %}
2
+ {% include _theme-includes/members.html %}
3
+ {% endif %}
4
+ {% if page.url != "/search/" and site.mailchimp %}
5
+ {% include _theme-includes/_third-party/mailchimp-homepage.html %}
6
+ {% endif %}
1
7
  </div>
2
8
  <div class="row">
3
9
  <footer>
@@ -1,7 +1,8 @@
1
1
  {% assign sub-nav-tabs = site.data.sub-nav.pages %}
2
2
  {% if sub-nav-tabs %}
3
+ {% assign page-base = page.url | split:'/' %}
3
4
  {% for each in sub-nav-tabs %}
4
- {% if each.url == "/about/" %}
5
+ {% if each.url == page.url or each.url == page-base[1] %}
5
6
  {% assign tab-list = each.list %}
6
7
  {% endif %}
7
8
  {% endfor %}
@@ -1,4 +1,10 @@
1
1
  <link rel="stylesheet" href="{{ "/assets/css/main.css" | relative_url }}">
2
2
  {% if page.specific_css %}
3
- <link rel="stylesheet" href="{{page.specific_css}}">
3
+ {% for stylesheet in page.specific_css %}
4
+ <link rel="stylesheet" href="{{stylesheet}}">
5
+ {% endfor %}
6
+ {% elsif layout.specific_css %}
7
+ {% for stylesheet in layout.specific_css %}
8
+ <link rel="stylesheet" href="{{stylesheet}}">
9
+ {% endfor %}
4
10
  {% endif %}
@@ -8,7 +8,7 @@
8
8
  {% for member in sorted_manufacturing_partners %}
9
9
  <div class="col-md-3 col-sm-4 col-xs-6">
10
10
  <a href="{{member.url}}">
11
- <img data-src="/assets/images/members/{{member.image}}" alt="{{member.name}}"
11
+ <img data-src="/images/members/{{member.image}}" alt="{{member.name}}"
12
12
  src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
13
13
  class="img-responsive members-img lazyload center-block"/>
14
14
  </a>
@@ -28,7 +28,7 @@
28
28
  {% for member in sorted_steering_committee %}
29
29
  <div class="col-md-3 col-sm-4 col-xs-6">
30
30
  <a href="{{member.url}}">
31
- <img data-src="/assets/images/members/{{member.image}}" alt="{{member.name}}"
31
+ <img data-src="/images/members/{{member.image}}" alt="{{member.name}}"
32
32
  src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
33
33
  class="img-responsive members-img lazyload center-block"/>
34
34
  </a>
@@ -49,7 +49,7 @@
49
49
  {% for member in sorted_mezzanine_partners %}
50
50
  <div class="col-md-3 col-sm-4 col-xs-6">
51
51
  <a href="{{member.url}}">
52
- <img data-src="/assets/images/members/{{member.image}}" alt="{{member.name}}"
52
+ <img data-src="/images/members/{{member.image}}" alt="{{member.name}}"
53
53
  src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
54
54
  class="img-responsive members-img lazyload center-block"/>
55
55
  </a>
data/_layouts/blog.html CHANGED
@@ -32,9 +32,9 @@ specific_css: /assets/css/blog-pages.css
32
32
  <div class="col-md-3 col-sm-3 col-xs-3 no-padding">
33
33
  <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
34
34
  {% if blog.featured_image %}
35
- data-src="/assets/images/blog/thumbnails/{{blog.featured_image}}"
35
+ data-src="/images/blog/thumb-{{blog.featured_image}}"
36
36
  {% else %}
37
- data-src="/assets/images/placeholder.png"
37
+ data-src="/images/blog/placeholder.png"
38
38
  {% endif %}
39
39
  alt="{{blog.title}}" class="img-responsive lazyload"/>
40
40
  </div>
@@ -1,3 +1,6 @@
1
+ ---
2
+ specific_js: /assets/js/app/sticky.js
3
+ ---
1
4
  {% include _theme-includes/_head/head.html %}
2
5
  <body>
3
6
  {% include _theme-includes/_navigation/nav.html %}
@@ -0,0 +1,9 @@
1
+ {% include _theme-includes/_head/head.html %}
2
+ <body>
3
+ {% include _theme-includes/_navigation/nav.html %}
4
+ {% include _theme-includes/_page-structure/breadcrumb.html %}
5
+ {{ content }}
6
+ {% include _theme-includes/_footer/footer.html %}
7
+ {% include _theme-includes/_script-includes/javascript.html %}
8
+ </body>
9
+ </html>
@@ -2,7 +2,7 @@
2
2
  <body>
3
3
  {% include _theme-includes/_navigation/nav.html %}
4
4
  {% include _theme-includes/_page-structure/breadcrumb.html %}
5
- <div class="container-fluid content-container">
5
+ <div class="container-fluid">
6
6
  {{ content }}
7
7
  {% include _theme-includes/_footer/footer.html %}
8
8
  </div>
data/_layouts/home.html CHANGED
@@ -1,3 +1,6 @@
1
+ ---
2
+ specific_css: /assets/css/home-page.css
3
+ ---
1
4
  {% include _theme-includes/_head/head.html %}
2
5
  <body>
3
6
  {% include _theme-includes/_navigation/nav.html %}
data/_layouts/post.html CHANGED
@@ -1,13 +1,15 @@
1
1
  ---
2
- layout: fluid-no-sub-nav
3
2
  specific_css: /assets/css/blog-pages.css
3
+ layout: empty
4
4
  ---
5
+ <div class="container-fluid">
6
+
5
7
  {% if page.featured_image %}
6
8
  <div class="row" class="blog-featured-img" style="background-color: white;">
7
9
  <div class="img-blog" style="background: linear-gradient(
8
10
  rgba(20,20,20, .5),
9
11
  rgba(20,20,20, .5)),
10
- url('{{page.featured_image}}') no-repeat center center fixed;
12
+ url('/images/blog/{{page.featured_image}}') no-repeat center center fixed;
11
13
  background-size: cover;
12
14
  -webkit-background-size: cover;
13
15
  -moz-background-size: cover;
@@ -26,8 +28,11 @@ specific_css: /assets/css/blog-pages.css
26
28
  </div>
27
29
  {% endif %}
28
30
 
29
- <div class="row blog_content_area ">
30
- <div class="container blog-post-content ">
31
+ </div>
32
+ <div class="container-fluid content-container">
33
+
34
+ <div class="row">
35
+ <div class="container">
31
36
  <div class="row">
32
37
  <div class="col-md-9">
33
38
  <article class="post-content">
@@ -139,3 +144,6 @@ specific_css: /assets/css/blog-pages.css
139
144
  </div>
140
145
  </div>
141
146
  </div>
147
+
148
+
149
+ </div>
@@ -15,7 +15,9 @@ $gray: lighten($gray-base, 33.5%) !default; // #555
15
15
  $gray-light: lighten($gray-base, 46.7%) !default; // #777
16
16
  $gray-lighter: lighten($gray-base, 93.5%) !default; // #eee
17
17
 
18
- $brand-primary: #19947b !default; // #337ab7
18
+ $brand-primary: #19947b !default;
19
+ // $brand-primary: #e2ad68 !default;
20
+ $brand-primary-darker: darken($brand-primary, 20%) !default;
19
21
  $brand-success: rgba(35, 189, 135, 0.99) !default;
20
22
  $brand-info: rgb(93, 203, 236) !default;
21
23
  $brand-warning: rgb(255, 223, 132) !default;
data/_sass/core/blog.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  .full-page-image {
2
- color:black;
2
+ color: $gray-base;
3
3
  height:500px;
4
4
  width: 100%;
5
5
  object-fit: cover;
@@ -14,9 +14,6 @@
14
14
  .blog-panel .panel-primary .panel-heading{
15
15
  margin-left: 5px;
16
16
  }
17
- .blog-post-content{
18
- margin-top: 50px;
19
- }
20
17
  .img-blog{
21
18
  height:600px;
22
19
  }
@@ -42,12 +39,11 @@
42
39
  margin-left: auto;
43
40
  font-size: 56px;
44
41
  }
45
- .blog-post-content .panel-primary {
46
- border: 1px solid #19947b;
42
+ .panel-primary {
43
+ border: 1px solid $brand-primary;
47
44
  }
48
-
49
- .blog-post-content .panel-heading {
50
- background-color: #19947b;
45
+ .panel-heading {
46
+ background-color: $brand-primary;
51
47
  color: #fff;
52
48
  }
53
49
 
@@ -66,16 +62,13 @@
66
62
  line-height:50px;
67
63
  vertical-align:middle;
68
64
  }
69
- .blog_content_area{
70
- border-top: 1px solid $gray-light;
71
- }
72
65
 
73
66
  .no-padding {
74
67
  padding: 0 !important;
75
68
  margin: 0 !important;
76
69
  }
77
70
  .blog-icons{
78
- border: 1px solid #777777;
71
+ border: 1px solid $gray-light;
79
72
  border-radius: 45px;
80
73
  width: 34px;
81
74
  padding: 5px;
@@ -83,7 +76,7 @@
83
76
  display: block;
84
77
  margin: 5px;
85
78
  opacity: .8;
86
- color: #777777;
79
+ color: $gray-light;
87
80
  -webkit-transition: all 1s ease;
88
81
  transition: all 1s ease;
89
82
  }
@@ -107,7 +100,7 @@
107
100
 
108
101
  .blog-read-more-btn{
109
102
  background-color: white;
110
- border: 2px solid black;
103
+ border: 2px solid $gray-base;
111
104
  border-radius: 0px;
112
105
  font-weight: normal;
113
106
  color: $gray-base;
@@ -127,7 +120,7 @@
127
120
  a.featured_blog_post_text {
128
121
  font-size: 13px;
129
122
  line-height: 18px;
130
- color: black;
123
+ color: $gray-base;
131
124
  transition: all 1s ease;
132
125
  }
133
126
  a.featured_blog_post_text:hover{
@@ -145,16 +138,16 @@ a.featured_blog_post_text:hover{
145
138
  .featured_blog_post {
146
139
  height: auto;
147
140
  margin: 5px;
148
- border-bottom: 1px solid #f3f3f3;
141
+ border-bottom: 1px solid $gray-lighter;
149
142
  padding: 12px;
150
143
  }
151
144
 
152
145
  .blog-well {
153
- background: #222222;
146
+ background: $gray-darker;
154
147
  }
155
148
  .btn-blog{
156
149
  border: 2px solid $gray-lighter;
157
- color: black;
150
+ color: $gray-base;
158
151
  padding: 6px;
159
152
  }
160
153
  .btn-blog:hover{
@@ -175,7 +168,7 @@ a.featured_blog_post_text:hover{
175
168
  font-size: 16px;
176
169
  }
177
170
  .post_tag {
178
- background-color: #eee;
171
+ background-color: $gray-lighter;
179
172
  margin: 2px;
180
173
  color: #464646;
181
174
  }
@@ -195,9 +188,6 @@ a.featured_blog_post_text:hover{
195
188
  height: 100px;
196
189
  width: 100px;
197
190
  }
198
- .blog-post-content {
199
- margin-top: 5px;
200
- }
201
191
 
202
192
  .blog_post{
203
193
  padding:20px;
@@ -9,5 +9,5 @@
9
9
 
10
10
  a.cc-btn.cc-dismiss{
11
11
 
12
- border: 1px #00849b solid;
12
+ border: 1px $brand-primary solid;
13
13
  }
@@ -8,7 +8,7 @@
8
8
 
9
9
  @media(max-width:991px){
10
10
  #homepage-heading {
11
- font-size: 14px;
11
+ font-size: 26px;
12
12
  }
13
13
  p.sub-tag {
14
14
  width:95%;
data/_sass/core/nav.scss CHANGED
@@ -344,14 +344,14 @@ nav > ul.navbar-right {
344
344
  min-width: 234px;
345
345
  width:781px;
346
346
  font-size:16px;
347
- background-color: #222222;
347
+ background-color: $gray-darker;
348
348
  right: -2px;
349
349
  }
350
350
  #searchDropdown input {
351
351
  width: 675px;
352
352
  text-align: right;
353
353
  color: #CCC;
354
- background-color: #222222;
354
+ background-color: $gray-darker;
355
355
  outline:0;
356
356
  border:0;
357
357
 
@@ -362,7 +362,7 @@ nav > ul.navbar-right {
362
362
  }
363
363
  #searchDropdown button[type="reset"]{
364
364
  font-size:16px;
365
- background-color: #222222;
365
+ background-color: $gray-darker;
366
366
  border:0;
367
367
  }
368
368
  #searchDropdown button[type="reset"]:hover{
@@ -372,7 +372,7 @@ nav > ul.navbar-right {
372
372
 
373
373
  #searchDropdown button[type="submit"]{
374
374
  font-size:16px;
375
- background-color: #222222;
375
+ background-color: $gray-darker;
376
376
  border:0;
377
377
  }
378
378
  #searchDropdown button[type="submit"]:hover{
@@ -196,7 +196,7 @@ background-color: #d0ece7;
196
196
  padding: 2px 5px;
197
197
  font-size: 12px;
198
198
  margin-right: 5px;
199
- color: #19947b;
199
+ color: $brand-primary;
200
200
  }
201
201
 
202
202
  .buy-links small a{
@@ -1,6 +1,6 @@
1
1
  //Body
2
2
  body {
3
- background: #222;
3
+ background: $gray-darker;
4
4
  letter-spacing: 0.5px;
5
5
  overflow-x: hidden;
6
6
  font-weight: 300;
@@ -26,7 +26,7 @@ body {
26
26
  ::-webkit-selection,
27
27
  ::-moz-selection,
28
28
  ::selection {
29
- background-color: #19947B;
29
+ background-color: $brand-primary;
30
30
  color: #fff;
31
31
  }
32
32
  //Search Dropdown input focus
@@ -86,6 +86,7 @@ p .justified{
86
86
  .content-container{
87
87
  background-color: #FFF;
88
88
  padding-top:20px;
89
+ border-top: 1px solid $gray-light;
89
90
  }
90
91
 
91
92
  //Content Container block elements
@@ -123,11 +124,11 @@ p.sub-tag {
123
124
  //Partners Panel Styling.
124
125
  .partners-panel img {
125
126
  margin-bottom: 60px;
126
- height: 100px;
127
- width: auto;
127
+ height: auto;
128
+ width: 100%;
128
129
  }
129
130
  .partners-panel{
130
- height:auto;
131
+ height:500px;
131
132
  margin-top: 40px;
132
133
  }
133
134
  //Bottom Border Five Pixels.
@@ -210,10 +211,10 @@ p.sub-tag {
210
211
  margin-bottom: 0;
211
212
  margin-top:0;
212
213
  background: #FFF; /* Old browsers */
213
- background: -moz-linear-gradient(top, #2a4b41 0%, #000000 100%); /* FF3.6-15 */
214
- background: -webkit-linear-gradient(top, #2a4b41 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
215
- background: linear-gradient(to bottom, #2a4b41 0%, #000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
216
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#2a4b41, endColorstr='#000000',GradientType=0 ); /* IE6-9 */
214
+ background: -moz-linear-gradient(top, $brand-primary-darker 0%, #000000 100%); /* FF3.6-15 */
215
+ background: -webkit-linear-gradient(top, $brand-primary-darker 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
216
+ background: linear-gradient(to bottom, $brand-primary-darker 0%, #000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
217
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$brand-primary-darker, endColorstr='#000000',GradientType=0 ); /* IE6-9 */
217
218
  }
218
219
  .container .jumbotron, .container-fluid .jumbotron {
219
220
  border-radius: 0px;