jumbo-jekyll-theme 4.5.0 → 4.6.0

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
  SHA256:
3
- metadata.gz: 14382b3b411b408a591e84a419da89ab96299989e626952958927789306e2aed
4
- data.tar.gz: 509dfdccd4c314a923da7d76ce806ba59884bde3164d0dfdb7eb4208b32ad3b7
3
+ metadata.gz: bc7abfa9f773df6da3a87324e078c629fdeedbcce35032f7517eb927cb54480c
4
+ data.tar.gz: 0b8f790d9cdb39f9c91324a3725b23cda229dad6f606b82e514b1da94c4f5453
5
5
  SHA512:
6
- metadata.gz: 36bd172fead34aaeb754686bd8b4345ab59eb1ca88a5e5da79842fde8f5e5e64b7c2217da109e08e9003ddb5a8b6614884fe84c865ebd70bc8129ec3733bf2a6
7
- data.tar.gz: e1a55047e8c1997140e5576e0d904a4e650d1aeeeb7b2e5b585abc2368f9f9267491d21175ec1a51a298da8c1168be9aba36bb60bf189089a4a200de533d7381
6
+ metadata.gz: 1dd6608b49517f3f83d8d5ac03ffca23246cca030526096d4bc3ef19c77013263c7719aaed37f44dd2f3049d935463a72052cf2bebd2a0c3c4ea32041213a87e
7
+ data.tar.gz: 31bf5b6094fe4449fb4fe5038a901fc0d705f049ef58253aae92b72cf60d7236542731a15897faa7efe4c35038e638a0ac00654d4ad56fe7b59146a542889373
data/_config.yml CHANGED
@@ -17,6 +17,14 @@ highlighter: rouge
17
17
  blog_images_dir: assets/images/content/
18
18
  # Markdown flavour used by Jekyll to parse markdown.
19
19
  markdown: kramdown
20
+ # Email
21
+ email: contact@linaro.org
22
+ # Company Address
23
+ address:
24
+ - Harston Mill
25
+ - Royston Rd, Harston
26
+ - Cambridge, United Kingdom
27
+ - CB22 7GG
20
28
  # Default character encoding
21
29
  encoding: utf-8
22
30
  # Jekyll configuration for running the site in "Safe" mode.
data/_data/footer.yml CHANGED
@@ -1,53 +1,10 @@
1
- # Image to be used in the footer. Default is the Linaro Sprinkle
2
- # image: Linaro-Logo.svg
3
-
4
- # Optional Footer include which, when supplied, will prepend the included file
5
- # to the footer.html include.
6
- # include: members.html
7
- # footer-image: /assets/images/Linaro-Sprinkle.png
8
- # footer-image-url: /
9
- company-copyright-text: Jumbo Jekyll Theme
10
- # Columns to be added to the footer
11
- columns:
12
- - title: CSS
13
- url: /
14
- items:
15
- - text: Bootstrap
16
- url : /docs/css/
17
- - title: Jekyll
18
- url: /
19
- items:
20
- - text: Plugins
21
- url : /docs/jekyll/plugins/
22
- - text: Includes
23
- url : /docs/jekyll/includes/
24
- - text: Layouts
25
- url : /docs/jekyll/layouts/
26
- - title: JS
27
- url: /
28
- items:
29
- - text: JQuery
30
- url: /docs/js/jquery/
31
- - text: Bootstrap
32
- url: /docs/js/bootstrap/
33
- - title: Blog
34
- url: /
35
- items:
36
- - text: Using the Jumbo Jekyll Theme
37
- url : /blog/getting-started/
38
-
39
- - title: Collaborate
40
- url: /
41
- items:
42
- - text: Fork on GitHub
43
- url : https://github.com/linaro-website/jumbo-jekyll-theme
44
-
45
- - title: Column 6
46
- url: /
47
- items:
48
- - text: DragonBoard™ 410c
49
- url : /
50
-
1
+ # Copyright text to be displayed at the very bottom of the footer
2
+ copyright-text: Jumbo Jekyll Theme
3
+ # Set this to false if you do not want the Linaro logo in the footer.
4
+ linaro-branding: true
5
+ # Social Media Icons Row
6
+ social-media-icons: true
7
+ # These links are displayed at the very bottom of the footer.
51
8
  company-links:
52
9
  - name: Legal
53
10
  url: /legal/
@@ -55,3 +12,32 @@ company-links:
55
12
  url: /contact/
56
13
  - name: Press
57
14
  url: /press/
15
+ middle-column:
16
+ title: Latest News & Blogs
17
+ latest-posts: true
18
+ # Optionally display another list of items
19
+ # items:
20
+ # - name: 96Boards
21
+ # url: https://www.96boards.org
22
+ # - name: Linaro Connect
23
+ # url: https://connect.linaro.org
24
+ # - name: DeviceTree
25
+ # url: https://www.devicetree.org
26
+ # - name: OP-TEE
27
+ # url: https://www.op-tee.org
28
+ # - name: Linaro Developer Cloud
29
+ # url: https://www.linaro.cloud
30
+ # Custom Col on the right
31
+ last-column:
32
+ title: Other Projects
33
+ items:
34
+ - name: 96Boards
35
+ url: https://www.96boards.org
36
+ - name: Linaro Connect
37
+ url: https://connect.linaro.org
38
+ - name: DeviceTree
39
+ url: https://www.devicetree.org
40
+ - name: OP-TEE
41
+ url: https://www.op-tee.org
42
+ - name: Linaro Developer Cloud
43
+ url: https://www.linaro.cloud
data/_data/settings.yml CHANGED
@@ -103,10 +103,10 @@ mailchimp:
103
103
  # Jekyll social media site settings. Github, LinkedIn, Google+, Facebook and Youtube
104
104
  # github_username: Linaro
105
105
  # linkedin_username: 1026961
106
- # google_plus_username: +LinaroOnAir
107
- # facebook_username: LinaroOrg
108
- # youtube_username: linaroorg
109
- # twitter_username: linaroorg
106
+ google_plus_username: +LinaroOnAir
107
+ facebook_username: LinaroOrg
108
+ youtube_username: linaroorg
109
+ twitter_username: linaroorg
110
110
  # slideshare_username: linaroorg
111
111
  #
112
112
  # Default Social Media share image location
@@ -1,75 +1,62 @@
1
- <div class="row content footer">
2
- <footer id="footer">
1
+ <footer>
2
+ <div class="row footer footer-main p-t-40">
3
3
  <div class="container">
4
- <div class="row main-footer-content">
5
- {% for column in site.data.footer.columns %}
6
- <div class="col-xs-6 col-md-2">
7
- <ul class="list-unstyled ">
8
- <li><b><a class="footer-heading" href="{% if column.url %}{{column.url}}{% else %}#{% endif %}">{{column.title}}</a></b></li>
9
- {% if column.items %} {% for item in column.items %}
10
- <li><a class="footer-element" href="{{item.url}}">{{item.text}}</a></li>
11
- {% endfor %} {% endif %}
12
- </ul>
13
- </div>
14
- {% endfor %} {% if site.data.footer.image %}
15
- <div class="col-xs-6 col-md-2">
16
- <a href="/">
17
- <img src="{% if site.data.footer.image %}{% asset_path '{{site.data.footer.image}}' %}{% endif %}" class="footer-logo pull-right" alt="{{site.data.settings.name}}" />
18
- </a>
19
- </div>
20
- {% endif %}
21
- </div>
22
- {% unless page.hide_last_modified or site.data.settings.hide_last_modified %}
23
- <div class="row">
24
- <div class="col-xs-12 no-padding">
25
- <span class="last-modified-at">Page last modified on {{ page.last_modified_at | date: '%A, %B %-d, %Y' }}</span>
26
- </div>
4
+ <div class="col-xs-12 col-sm-3 contact-details">
5
+ <address>
6
+ <a class="email" href="mailto:{{site.email}}?subject={{site.url}} - {{page.url}}">{{site.email}}</a> <br>
7
+ {% for address-line in site.address %}
8
+ {{address-line}}<br>
9
+ {% endfor %}
10
+ </address>
27
11
  </div>
28
- {% endunless %}
29
- <div class="row footer-strip">
30
- <div class="container no-padding">
31
- <div class="col-md-6 company-footer-bottom">
32
- {% if site.data.footer.footer-image-url %}<a href="{{site.data.footer.footer-image-url}}"><img src="{{site.data.footer.footer-image}}"
33
- class="footer-logo" alt="{{site.title}} Footer Icon" /></a>{% endif %}
34
- Copyright &copy; {{ 'now' | date: "%Y" }} {{site.data.footer.company-copyright-text}}
35
- {% for link in site.data.footer.company-links %}
36
- <span class="coloured-bp">&bull;</span>
37
- <a href="{{link.url}}">{{link.name}}</a>
12
+ <div class="col-xs-12 col-sm-3 footer-column">
13
+ <h3>{{site.data.footer.middle-column.title}}</h3>
14
+ <ul class="list-group">
15
+ {% if site.data.footer.middle-column.latest-posts %}
16
+ {% include_cached latest-posts.html %}
17
+ {% else %}
18
+ {% for item in site.data.footer.middle-column.items %}
19
+ <li class="list-group-item">
20
+ <a href="{{item.url}}">{{item.name}}</a>
21
+ </li>
38
22
  {% endfor %}
39
- {% if site.data.settings.newsletter.enabled %}
40
- <span class="coloured-bp">&bull;</span>
41
- <a href="{{site.data.settings.newsletter.url}}">Subscribe to Newsletter</a>
42
- {% else %}
43
- {% if site.data.settings.newsletter.enabled %}
44
- <span class="coloured-bp">&bull;</span>
45
- <a href="{{site.data.settings.newsletter.url}}" id="open-newsletter-popup">Subscribe to Newsletter</a>
46
- {% endif %}
47
- {% endif %}
48
- </div>
49
- <div class="col-md-6 social-footer-bottom text-right no-padding">
50
- {% if site.data.settings.facebook_username %}
51
- <a href="http://facebook.com/{{site.data.settings.facebook_username}}" class="btn btn-social-icon"><i class="icon-facebook"></i></a>
52
- {% endif %}
53
- {% if site.data.settings.github_username %}
54
- <a href="https://github.com/{{site.data.settings.github_username}}" class="btn btn-social-icon"><i class="icon-github-circled"></i></a>
55
- {% endif %}
56
- {% if site.data.settings.google_plus_username %}
57
- <a href="https://plus.google.com/{{site.data.settings.google_plus_username}}/posts" class="btn btn-social-icon"><i class="icon-gplus"></i></a>
58
- {% endif %}
59
- {% if site.data.settings.linkedin_username %}
60
- <a href="https://www.linkedin.com/company/{{site.data.settings.linkedin_username}}" class="btn btn-social-icon"><i class="icon-linkedin"></i></a>
61
- {% endif %}
62
- {% if site.data.settings.twitter_username %}
63
- <a href="https://twitter.com/{{site.data.settings.twitter_username}}" class="btn btn-social-icon"><i class="icon-twitter"></i></a>
64
- {% endif %}
65
- {% if site.data.settings.youtube_username %}
66
- <a href="https://www.youtube.com/{{site.data.settings.youtube_username}}" class="btn btn-social-icon"><i class="icon-youtube"></i></a>
67
- {% endif %}
68
- </div>
69
- <div style="clear:both;"></div>
70
- </div>
23
+ {% endif %}
24
+ </ul>
25
+ </div>
26
+ <div class="col-xs-12 col-sm-3 footer-column">
27
+ <h3>{{site.data.footer.last-column.title}}</h3>
28
+ <ul class="list-group">
29
+ {% for item in site.data.footer.last-column.items %}
30
+ <li class="list-group-item">
31
+ <a href="{{item.url}}">{{item.name}}</a>
32
+ </li>
33
+ {% endfor %}
34
+ </ul>
35
+ </div>
36
+ {% if site.data.footer.social-media-icons %}
37
+ <div class="col-xs-12 col-sm-3 footer-column footer-follow-section">
38
+ <h3>Follow us</h3>
39
+ {% include_cached social-media-icons.html %}
40
+ </div>
41
+ {% endif %}
42
+ </div>
43
+ </div>
44
+ <div class="row footer-bottom p-t-20 p-b-20">
45
+ <div class="container">
46
+ <div class="col-xs-12 text-white text-center">
47
+ Copyright &copy; {{ 'now' | date: "%Y" }} {{site.data.footer.copyright-text}}
48
+ {% for link in site.data.footer.company-links %}
49
+ <span class="coloured-bp">&bull;</span>
50
+ <a href="{{link.url}}">{{link.name}}</a>
51
+ {% endfor %}
52
+ </div>
53
+ <div class="col-xs-12 text-white text-center m-t-10">
54
+ {% if site.data.footer.linaro-branding %}
55
+ <a href="https://www.linaro.org">
56
+ <img src="/assets/images/Linaro-logo-white.png" class="footer-logo" alt="Linaro Logo White Footer Icon" />
57
+ </a>
58
+ {% endif %}
71
59
  </div>
72
- <!--/.container-->
73
60
  </div>
74
- </footer>
75
- </div>
61
+ </div>
62
+ </footer>
@@ -0,0 +1,11 @@
1
+ {% assign posts = site.posts | sort: 'date' | reverse %}
2
+ {% for post in posts limit: 5 %}
3
+ <li class="list-group-item">
4
+ <a href="{{post.url}}">
5
+ {{post.title | truncate:40 }}
6
+ <small class="date">
7
+ <em>{{ post.date | date: '%B %d, %Y' }}</em>
8
+ </small>
9
+ </a>
10
+ </li>
11
+ {% endfor %}
@@ -0,0 +1,24 @@
1
+ {% if site.data.settings.facebook_username %}
2
+ <a href="http://facebook.com/{{site.data.settings.facebook_username}}" class="btn btn-social-icon"><i
3
+ class="icon-facebook"></i></a>
4
+ {% endif %}
5
+ {% if site.data.settings.github_username %}
6
+ <a href="https://github.com/{{site.data.settings.github_username}}" class="btn btn-social-icon"><i
7
+ class="icon-github-circled"></i></a>
8
+ {% endif %}
9
+ {% if site.data.settings.google_plus_username %}
10
+ <a href="https://plus.google.com/{{site.data.settings.google_plus_username}}/posts" class="btn btn-social-icon"><i
11
+ class="icon-gplus"></i></a>
12
+ {% endif %}
13
+ {% if site.data.settings.linkedin_username %}
14
+ <a href="https://www.linkedin.com/company/{{site.data.settings.linkedin_username}}" class="btn btn-social-icon"><i
15
+ class="icon-linkedin"></i></a>
16
+ {% endif %}
17
+ {% if site.data.settings.twitter_username %}
18
+ <a href="https://twitter.com/{{site.data.settings.twitter_username}}" class="btn btn-social-icon"><i
19
+ class="icon-twitter"></i></a>
20
+ {% endif %}
21
+ {% if site.data.settings.youtube_username %}
22
+ <a href="https://www.youtube.com/{{site.data.settings.youtube_username}}" class="btn btn-social-icon"><i
23
+ class="icon-youtube"></i></a>
24
+ {% endif %}
@@ -1,146 +1,140 @@
1
- .sub-footer {
2
- background-color: $sub-footer-color;
3
- padding-top: 40px;
4
- padding-bottom:30px;
5
- }
6
- #footer .col-md-6.company-footer-bottom a {
7
- color: $footer-text-color;
8
- }
9
- #footer .col-md-6.company-footer-bottom a:hover {
10
- color: $brand-primary;
11
- }
12
- #footer a.footer-element {
13
- color: $footer-text-color;
14
- }
15
- #footer a.footer-element:hover {
16
- color: $brand-primary;
17
- }
18
- #content-container > div.row.sub-footer{
19
- margin-top: 20px;
20
- }
21
- input#mc-embedded-subscribe {
22
- color: #fff;
23
- background-color: #717171;
24
- border-color: #95989A;
25
- }
26
- input#mc-embedded-subscribe:hover{
27
- color: #fff;
28
- }
29
- div.row.sub-footer > div.container {
30
- padding: 0;
31
- }
32
- footer {
33
- background-color: $footer-bg-color;
34
- height:auto;
35
- color: $footer-text-color;
36
- padding:20px;
37
- font-size: 16px;
38
- }
39
- a.btn.btn-social-icon {
40
- margin-right: 0;
41
- padding-right: 0;
42
- }
43
- a.btn.btn-social-icon i {
44
- margin-right: 0;
45
- }
46
- footer a{
47
- color: $footer-text-color;
48
- font-size: 14px;
49
- }
50
- footer h3 {
51
- font-size: 14px;
52
- }
53
- footer a:hover{
54
- color: $brand-primary;
55
- text-decoration: none;
56
- transition: color .5s ease;
57
- -moz-transition: color .5s ease;
58
- -webkit-transition: color .5s ease;
59
- }
60
- footer b a {
61
- color: $brand-primary;
62
- }
63
- footer b a:hover{
64
- color: $brand-primary;
65
- }
66
- .footer-bottom {
67
- height:40px;
68
- line-height: 29px;
69
- background-color: darken($brand-primary, 20%);
70
- color: #FFF;
71
- }
72
- .footer-strip{
73
- background-color: $footer-bg-color;
74
- border-top: 1px $footer-border-color solid;
75
- }
76
- div.row.footer-strip > div > div.pull-right > ul {
77
- background-color: $gray-darker;
78
- }
79
- div.row.footer-strip > div > div.pull-right > ul a {
80
- color: $footer-text-color;
81
- }
82
- div.row.footer-strip > div > div.pull-right > ul a:hover{
83
- color: $brand-primary;
84
- transition: color .5s ease;
85
- -moz-transition: color .5s ease;
86
- -webkit-transition: color .5s ease;
87
- }
88
- .footer-strip .container div {
89
- height:auto;
90
- line-height: 50px;
91
- color: $footer-text-color;
92
- }
93
- .coloured-bp{
94
- color: $brand-primary;
95
- }
96
- .main-footer-content{
97
- margin-bottom: 10px;
98
- padding: 40px 0px;
99
- }
100
- .footer-logo {
101
- display:block;
102
- max-width: 100px;
103
- height: auto;
104
- }
105
- .company-footer-bottom {
106
- padding-left: 0px;
107
- font-size: 13px;
108
- }
109
- .company-footer-bottom .container {
110
- padding-left: 0px;
111
- }
112
- .social-footer-bottom{
113
- padding-left: 0px;
114
- }
115
- .social-footer-bottom .container{
116
- padding-left: 0px;
117
- }
118
- a.btn.btn-social-icon i {
119
- color: $footer-text-color;
120
- transition: color 1s ease;
121
- }
122
- a.btn.btn-social-icon:hover i {
123
- color: $brand-primary;
124
- transition: color 1s ease;
125
- }
126
- .company-footer-bottom img.footer-logo {
127
- width:40px;
128
- height:100%;
129
- display:inline;
130
- }
131
- .company-footer-bottom, .company-footer-bottom a{
132
- color: $footer-text-color;
133
- }
134
- @media(max-width:$screen-sm-min - 1){
135
- .footer-strip .container div, .footer-strip {
136
- text-align: center;
137
- }
138
- a.btn.btn-social-icon {
139
- margin-right: 0;
140
- padding-right: 0;
141
- text-align: center;
142
- margin-left: 0;
143
- padding: 4px;
144
- }
145
- }
1
+ // Footer List Groups
2
+ $footer-bg-color: #1c1c1c;
3
+ #wrapper {
4
+ footer {
5
+ a {
6
+ color: $footer-text-color;
7
+ font-size: 14px;
8
+ &:hover {
9
+ color: $brand-primary;
10
+ text-decoration: none;
11
+ transition: color .5s ease;
12
+ -moz-transition: color .5s ease;
13
+ -webkit-transition: color .5s ease;
14
+ }
15
+ }
16
+ b {
17
+ a {
18
+ color: $brand-primary;
19
+ }
20
+ &:hover {
21
+ color: $brand-primary;
22
+ }
23
+ }
24
+ h3 {
25
+ font-size:24px;
26
+ color: $footer-text-color;
27
+ @media(max-width: $screen-sm-min - 1){
28
+ text-align: center;
29
+ }
30
+ }
31
+ .footer-main {
32
+
33
+ background: $footer-bg-color; /* Old browsers */
34
+ background: -moz-linear-gradient(-45deg, lighten($footer-bg-color, 30%) 0%, $footer-bg-color 23%, lighten($footer-bg-color, 20%) 46%, lighten($footer-bg-color, 30%) 73%, footer-bg-color 100%); /* FF3.6-15 */
35
+ background: -webkit-linear-gradient(-45deg, lighten($footer-bg-color, 30%) 0%,$footer-bg-color 23%,lighten($footer-bg-color, 20%) 46%, lighten($footer-bg-color, 30%) 73%, $footer-bg-color 100%); /* Chrome10-25,Safari5.1-6 */
36
+ background: linear-gradient(135deg, lighten($footer-bg-color, 30%) 0%,$footer-bg-color 23%,lighten($footer-bg-color, 20%) 46%, lighten($footer-bg-color, 30%) 73%, $footer-bg-color 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
37
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='lighten($footer-bg-color, 30%)', endColorstr='$footer-bg-color',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
146
38
 
39
+ ul.list-group {
40
+ margin-left:0px;
41
+ li {
42
+ background-color:transparent;
43
+ border:0;
44
+ padding-left:0px;
45
+ padding-right:0px;
46
+ transition: all 400ms ease;
47
+ &:hover {
48
+ padding-left: 4px;
49
+ a {
50
+ color:darken($brand-primary, 10%);
51
+ }
52
+ }
53
+ small.date {
54
+ display: block;
55
+ }
56
+ }
57
+ @media(max-width: $screen-sm-min - 1){
58
+ text-align: center;
59
+ }
60
+ }
61
+ // Address and contact details
62
+ .contact-details {
63
+ margin-top: 20px;
64
+ address {
65
+ font-size: 14px;
66
+ color: $footer-text-color;
67
+ a.email {
68
+ text-align: left;
69
+ font-size: 24px;
70
+ display:inline-block;
71
+ background-color: transparent;
72
+ border: 0px;
73
+ margin-top:5px;
74
+ color: $footer-text-color;
75
+ width:100%;
76
+ &:hover{
77
+ color:$brand-primary;
78
+ }
79
+ &:visited, &:hover, &:active, &:link {
80
+ text-decoration: none !important;
81
+ color: $footer-text-color;
82
+ }
83
+ @media(max-width: $screen-sm-min - 1){
84
+ text-align: center;
85
+ }
86
+ }
87
+ }
88
+ @media(max-width: $screen-sm-min - 1){
89
+ text-align: center;
90
+ }
91
+ }
92
+ .footer-follow-section {
93
+ padding-bottom: 40px;
94
+ text-align: center;
95
+ a.btn.btn-social-icon {
96
+ margin-right: 10px;
97
+ padding-right: 0;
98
+ margin-top: 5px;
99
+ background-color: $footer-bg-color;
100
+ border-radius: 50%;
101
+ transition: all 300ms ease;
102
+ i {
103
+ width: 60px;
104
+ height: 60px;
105
+ left: -8px;
106
+ position: relative;
107
+ padding-top: 15px;
108
+ padding-left: 5px;
109
+ border-radius: 50%;
110
+ text-align: center;
111
+ font-size:24px;
112
+ margin-top:25px;
113
+ margin-right: 5px;
114
+ transition: all 1s linear;
115
+ color: $footer-text-color;
116
+ }
117
+ &:hover {
118
+ background-color: lighten($footer-bg-color, 30%);
119
+ color: $brand-primary;
120
+ }
121
+ }
122
+ h3 {
123
+ font-size: 24px;
124
+ color: $footer-text-color;
125
+ }
126
+ }
127
+ }
128
+ .footer-bottom {
129
+ background-color: #1c1c1c;
130
+ color: #FFF;
131
+ span.coloured-bp{
132
+ color: $brand-primary;
133
+ }
134
+ img.footer-logo {
135
+ height: 40px;
136
+ display: inline-block;
137
+ }
138
+ }
139
+ }
140
+ }
@@ -1,31 +1,27 @@
1
- /* big triangle */
2
- .big-triangle:before {
3
- right: 50%;
4
- border-right: 1500px solid transparent;
5
- border-left: 1500px solid;
6
- }
7
-
8
- .big-triangle:after {
9
- left: 50%;
10
- border-left: 1500px solid transparent;
11
- border-right: 1500px solid;
12
- }
13
-
14
- .big-triangle:after, .big-triangle:before {
15
- content: '';
16
- position: absolute;
17
- bottom: 0;
18
- width: 50%;
19
- z-index: 100;
20
- /* change the hieght and the color below */
21
- border-bottom: 160px solid $triangle-divider-bg-color;
22
- -moz-transform: rotate(0.000001deg);
23
- -webkit-transform: rotate(0.000001deg);
24
- -o-transform: rotate(0.000001deg);
25
- -ms-transform: rotate(0.000001deg);
26
- transform: rotate(0.000001deg);
27
- }
28
1
  .big-triangle {
29
2
  z-index: -1;
30
3
  position: relative;
4
+ &:after, &:before {
5
+ content: '';
6
+ position: absolute;
7
+ bottom: 0;
8
+ width: 50%;
9
+ z-index: 100;
10
+ border-bottom: 160px solid $triangle-divider-bg-color;
11
+ -moz-transform: rotate(0.000001deg);
12
+ -webkit-transform: rotate(0.000001deg);
13
+ -o-transform: rotate(0.000001deg);
14
+ -ms-transform: rotate(0.000001deg);
15
+ transform: rotate(0.000001deg);
16
+ }
17
+ &:before {
18
+ right: 50%;
19
+ border-right: 1500px solid transparent;
20
+ border-left: 1500px solid;
21
+ }
22
+ &:after {
23
+ left: 50%;
24
+ border-left: 1500px solid transparent;
25
+ border-right: 1500px solid;
26
+ }
31
27
  }
Binary file
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jumbo-jekyll-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 4.5.0
4
+ version: 4.6.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Kyle Kirkby
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2019-05-14 00:00:00.000000000 Z
11
+ date: 2019-05-21 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -386,6 +386,7 @@ files:
386
386
  - _includes/image.html
387
387
  - _includes/javascript.html
388
388
  - _includes/jumbotron.html
389
+ - _includes/latest-posts.html
389
390
  - _includes/linaro-404.html
390
391
  - _includes/linaro-svg.html
391
392
  - _includes/media.html
@@ -398,6 +399,7 @@ files:
398
399
  - _includes/responsive-image.html
399
400
  - _includes/schema.html
400
401
  - _includes/sidebar.html
402
+ - _includes/social-media-icons.html
401
403
  - _includes/sticky-tab-bar.html
402
404
  - _includes/thumb.html
403
405
  - _includes/thumbnail_image.html
@@ -553,6 +555,7 @@ files:
553
555
  - assets/images/Linaro-Logo.svg
554
556
  - assets/images/Linaro-Logo_light.png
555
557
  - assets/images/Linaro-Sprinkle.png
558
+ - assets/images/Linaro-logo-white.png
556
559
  - assets/images/avatar-placeholder.jpg
557
560
  - assets/images/breadcrumb-image.jpg
558
561
  - assets/images/close.png