jekyll-theme-open-project 1.1.2 → 1.1.3

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: 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