jumbo-jekyll-theme 4.5.0 → 4.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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