jekyll-theme-open-project 1.1.2 → 1.1.3

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: bd1b10bdd1ffbb4f53d979dd495eb4f7866e8ae0e6564409602d975cf447062c
4
- data.tar.gz: 595cbcb64e3004e6cb847850f97edf85634785a8b942da79a9448fc23228624c
3
+ metadata.gz: e95b2d856bcf987fb67dcee4adc422576e929adc6d94826a4d330391e8c83db0
4
+ data.tar.gz: d2d8c6d7ab7515dad32a37d74725c3684f5d776ce5acff7603a3480fc9f38711
5
5
  SHA512:
6
- metadata.gz: e38af7c7d1c957aeeb2c836b0cf31fd266fbffc065fd9681341b67659eb7a2fdf583a81ea016b71e63db619c29e7385250f8245d2750697df045f9d5437d9180
7
- data.tar.gz: 6fcdd5cdefff403b2454d2637079ca46cce6c8c809b1a856e382b1e2abedd4bc4abe1b60fc48bd327bc3f8f2ec41eac4836842dd903b220d35f0f7067db225f9
6
+ metadata.gz: fb6a1826f4032e183de6f54e4afef170a9953efc920bf8e9e7426e9725b931aec75cb6eb508362bc6dc21cd55efda8fb7fe9e006c1d54f3a895dd6b8c8bebc13
7
+ data.tar.gz: 0cd8a4eb5bd71b523c13d2211b9b3de70f195320d100df53cdfc9f05dc002b2070300a5c42af00b99dfbe37d690a89639f8d00a1e368d7cf7f10fcf4822eba1c
data/_includes/legal.html CHANGED
@@ -1,4 +1,7 @@
1
- <span class="copyright">Copyright © 2018 {{ site.legal.name }} — All rights reserved.</span>
1
+ <span class="copyright">
2
+ <span class="copyright-head">Copyright © 2018 {{ site.legal.name }} —</span>
3
+ <span class="copyright-tail">All rights reserved.</span>
4
+ </span>
2
5
 
3
6
  {% if site.legal.privacy_policy_link or site.legal.tos_link %}
4
7
  <nav>
@@ -0,0 +1,32 @@
1
+ {% include nav-page-link.html url="/" title="Home" %}
2
+ {% assign contact_link = "mailto:" | append: site.contact_email %}
3
+
4
+ {% if site.is_hub %}
5
+ {% include nav-page-link.html url="/projects/" title="Open Projects" %}
6
+
7
+ {% if site.num_all_software > 0 %}
8
+ {% include nav-page-link.html url="/software/" title="Software" active_for_nested=true %}
9
+ {% endif %}
10
+ {% if site.num_all_specs > 0 %}
11
+ {% include nav-page-link.html url="/specs/" title="Specifications" active_for_nested=true %}
12
+ {% endif %}
13
+ {% if site.num_posts_combined > 0 %}
14
+ {% include nav-page-link.html url="/blog/" title="Blog" active_for_nested=true %}
15
+ {% endif %}
16
+
17
+ {% else %}
18
+ {% if site.num_all_software > 0 %}
19
+ {% include nav-page-link.html url="/software/" title="Software" active_for_nested=true %}
20
+ {% endif %}
21
+ {% if site.num_all_specs > 0 %}
22
+ {% include nav-page-link.html url="/specs/" title="Specifications" active_for_nested=true %}
23
+ {% endif %}
24
+
25
+ {% include project-nav.html %}
26
+
27
+ {% if site.num_posts_combined > 0 %}
28
+ {% include nav-page-link.html url="/blog/" title="Blog" active_for_nested=true %}
29
+ {% endif %}
30
+
31
+ {% include nav-page-link.html url=contact_link title="Contact" %}
32
+ {% endif %}
@@ -3,6 +3,7 @@
3
3
 
4
4
  <head>
5
5
  <meta charset="utf-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1">
6
7
 
7
8
  <link id="themeCSS" rel="stylesheet" href="{{ "assets/css/style.css" | relative_url }}">
8
9
  <script defer src="https://pro.fontawesome.com/releases/v5.1.0/js/all.js" integrity="sha384-E5SpgaZcbSJx0Iabb3Jr2AfTRiFnrdOw1mhO19DzzrT9L+wCpDyHUG2q07aQdO6E" crossorigin="anonymous"></script>
@@ -17,41 +18,27 @@
17
18
  <div class="underlay header" role="presentation">
18
19
  <header>
19
20
  <h1 class="site-logo"><a href="/">{% include logo.html %}</a></h1>
20
- <nav>
21
- {% include nav-page-link.html url="/" title="Home" %}
22
- {% assign contact_link = "mailto:" | append: site.contact_email %}
23
-
24
- {% if site.is_hub %}
25
- {% include nav-page-link.html url="/projects/" title="Open Projects" %}
26
-
27
- {% if site.num_all_software > 0 %}
28
- {% include nav-page-link.html url="/software/" title="Open Source Software" active_for_nested=true %}
29
- {% endif %}
30
- {% if site.num_all_specs > 0 %}
31
- {% include nav-page-link.html url="/specs/" title="Open Specifications" active_for_nested=true %}
32
- {% endif %}
33
- {% if site.num_posts_combined > 0 %}
34
- {% include nav-page-link.html url="/blog/" title="Blog" active_for_nested=true %}
35
- {% endif %}
36
-
37
- {% else %}
38
- {% if site.num_all_software > 0 %}
39
- {% include nav-page-link.html url="/software/" title="Open Source Software" active_for_nested=true %}
40
- {% endif %}
41
- {% if site.num_all_specs > 0 %}
42
- {% include nav-page-link.html url="/specs/" title="Open Specifications" active_for_nested=true %}
43
- {% endif %}
44
-
45
- {% include project-nav.html %}
46
-
47
- {% if site.num_posts_combined > 0 %}
48
- {% include nav-page-link.html url="/blog/" title="Blog" active_for_nested=true %}
49
- {% endif %}
50
-
51
- {% include nav-page-link.html url=contact_link title="Contact" %}
52
- {% endif %}
21
+ <nav class="top-menu">
22
+ {% include nav-links.html %}
53
23
  </nav>
24
+
54
25
  {% include social-links.html %}
26
+
27
+ <button class="hamburger" aria-expanded="false" id="hamburgerButton">
28
+ <i class="fa fa-bars"></i>
29
+ </button>
30
+
31
+ <div class="hamburger-menu" id="hamburgerMenu" aria-hidden="true">
32
+ <div class="site-logo-container">
33
+ <h1 class="site-logo"><a href="/">{% include logo.html %}</a></h1>
34
+ </div>
35
+
36
+ <nav>
37
+ {% include nav-links.html %}
38
+ </nav>
39
+
40
+ {% include social-links.html %}
41
+ </div>
55
42
  </header>
56
43
 
57
44
  {% if page.hero_include %}
@@ -88,5 +75,21 @@
88
75
  </footer>
89
76
  </div>
90
77
 
78
+ <script>
79
+ (function () {
80
+ var hamBtn = document.getElementById('hamburgerButton');
81
+ var hamMnu = document.getElementById('hamburgerMenu');
82
+ var hasOpened = false;
83
+
84
+ hamBtn.addEventListener('click', function (evt) {
85
+ hasOpened = hamMnu.classList.toggle('expanded');
86
+ if (hasOpened) {
87
+ hamBtn.setAttribute('aria-expanded', true);
88
+ hamMnu.setAttribute('aria-hidden', false);
89
+ }
90
+ });
91
+ }());
92
+ </script>
93
+
91
94
  {% include scripts.html %}
92
95
  </body>
@@ -113,6 +113,7 @@ main {
113
113
  .layout--software-index > &,
114
114
  .layout--blog-index > &,
115
115
  .layout--product > &,
116
+ .layout--post > &,
116
117
  .layout--spec > &,
117
118
  .layout--project-index > & {
118
119
  padding-bottom: 100px;
@@ -1,17 +1,10 @@
1
1
  body > .underlay > header,
2
2
  body > .underlay > footer {
3
3
  display: flex;
4
- flex-flow: row wrap;
5
- align-items: center;
6
-
7
- @media screen and (min-width: $bigscreen-breakpoint) {
8
- flex-flow: row nowrap;
9
- }
10
4
 
11
5
  .site-logo {
12
6
  margin: 0;
13
7
  padding: 0;
14
- margin-right: 100px;
15
8
 
16
9
  line-height: .5;
17
10
  font-size: 24px;
@@ -27,6 +20,10 @@ body > .underlay > footer {
27
20
  height: 30px;
28
21
  vertical-align: middle;
29
22
  }
23
+
24
+ @media screen and (min-width: $bigscreen-breakpoint) {
25
+ margin-right: 100px;
26
+ }
30
27
  }
31
28
  .social-links {
32
29
  > a {
@@ -54,11 +51,15 @@ body > .underlay > footer {
54
51
  display: flex;
55
52
  flex-flow: row nowrap;
56
53
  align-items: center;
57
- margin-right: 50px;
54
+ white-space: nowrap;
58
55
  line-height: .5;
59
56
  opacity: 0.8;
60
57
  color: white;
61
58
 
59
+ @media screen and (min-width: $bigscreen-breakpoint) {
60
+ margin-right: 50px;
61
+ }
62
+
62
63
  .label {
63
64
  margin-right: 20px;
64
65
  font-weight: 500;
@@ -216,9 +217,78 @@ body > .underlay > header {
216
217
  padding-top: 26px;
217
218
  padding-bottom: 26px;
218
219
 
220
+ align-items: flex-start;
221
+ flex-flow: row nowrap;
222
+ justify-content: space-between;
223
+
219
224
  color: white;
220
225
 
221
- > nav {
226
+ > button.hamburger {
227
+ border: 0;
228
+ background: transparent;
229
+ color: white;
230
+ font-size: inherit;
231
+ z-index: 20;
232
+ }
233
+
234
+ > .hamburger-menu {
235
+ position: absolute;
236
+ top: 0;
237
+ left: 0;
238
+ right: 0;
239
+ transform: translateY(-100%);
240
+ transition: transform .2s ease-out;
241
+
242
+ height: 100vh;
243
+ z-index: 10;
244
+ color: white;
245
+ background: rgba($primary-dark-color, 0.95);
246
+
247
+ display: flex;
248
+ flex-flow: column nowrap;
249
+ align-items: center;
250
+ justify-content: flex-start;
251
+
252
+ .site-logo-container {
253
+ margin-left: 2em;
254
+ margin-top: 26px;
255
+ align-self: flex-start;
256
+ }
257
+
258
+ > nav,
259
+ > .social-links {
260
+ span, a:link, a:visited, a:hover {
261
+ color: white;
262
+ font-size: 2em;
263
+ }
264
+ }
265
+
266
+ > nav {
267
+ flex: 1;
268
+ display: flex;
269
+ flex-flow: column nowrap;
270
+ align-items: center;
271
+ justify-content: center;
272
+
273
+ > * {
274
+ margin: .25em;
275
+ }
276
+ > span {
277
+ font-weight: bold;
278
+ }
279
+ }
280
+
281
+ .social-links {
282
+ margin-top: 1em;
283
+ margin-bottom: 2em;
284
+ }
285
+
286
+ &.expanded {
287
+ transform: translateY(0);
288
+ }
289
+ }
290
+
291
+ > .top-menu {
222
292
  flex: 1;
223
293
 
224
294
  > * {
@@ -230,9 +300,11 @@ body > .underlay > header {
230
300
  }
231
301
  }
232
302
 
233
- > nav, > .social-links {
303
+ > .top-menu, > .social-links {
234
304
  color: white;
235
305
 
306
+ display: none;
307
+
236
308
  span {
237
309
  background-color: rgba(black, 0.1);
238
310
  }
@@ -240,12 +312,25 @@ body > .underlay > header {
240
312
  color: white;
241
313
  }
242
314
  }
315
+
316
+ @media screen and (min-width: $bigscreen-breakpoint) {
317
+ justify-content: unset;
318
+ > button.hamburger {
319
+ display: none;
320
+ }
321
+ > .top-menu, > .social-links {
322
+ display: block;
323
+ }
324
+ }
243
325
  }
244
326
 
245
327
  body > .underlay > footer {
246
328
  padding-top: 50px;
247
329
  padding-bottom: 50px;
248
330
 
331
+ align-items: center;
332
+ flex-flow: column nowrap;
333
+
249
334
  color: #909B9C;
250
335
 
251
336
  a:link, a:visited, a:hover {
@@ -257,17 +342,33 @@ body > .underlay > footer {
257
342
 
258
343
  flex: 1;
259
344
  display: flex;
260
- flex-flow: row nowrap;
261
- justify-content: space-between;
345
+ flex-flow: row wrap;
346
+ justify-content: space-around;
262
347
 
263
- .copyright {
264
- margin-right: 40px;
265
- white-space: nowrap;
348
+ margin-top: 1em;
349
+ margin-bottom: 1em;
350
+
351
+ @media screen and (min-width: $bigscreen-breakpoint) {
352
+ margin-top: 0;
353
+ margin-bottom: 0;
266
354
  }
355
+
267
356
  nav {
268
357
  > * {
269
358
  margin-right: 40px;
270
359
  }
271
360
  }
361
+ .copyright {
362
+ margin-right: 40px;
363
+ text-align: center;
364
+
365
+ .copyright-head, .copyright-tail {
366
+ white-space: nowrap;
367
+ }
368
+ }
369
+ }
370
+
371
+ @media screen and (min-width: $bigscreen-breakpoint) {
372
+ flex-flow: row nowrap;
272
373
  }
273
374
  }
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-theme-open-project
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.1.2
4
+ version: 1.1.3
5
5
  platform: ruby
6
6
  authors:
7
7
  - Ribose Inc.
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2018-09-03 00:00:00.000000000 Z
11
+ date: 2018-09-04 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -168,6 +168,7 @@ files:
168
168
  - _includes/item-doc-page.html
169
169
  - _includes/legal.html
170
170
  - _includes/logo.html
171
+ - _includes/nav-links.html
171
172
  - _includes/nav-page-link.html
172
173
  - _includes/post-card.html
173
174
  - _includes/project-nav.html