jekyll-theme-open-project 1.1.17 → 1.1.18

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: 985058ab03cdc730f457234ab4c643e7b5c45cfe74fe8653fb9492913bb614e3
4
- data.tar.gz: b3a54a0c5596163cd28d30f22d4f3101b9593cdbbfb719230b9b9c946d65d931
3
+ metadata.gz: cbbeb25a641389d5a1223c874cf869f5fb272b927cc2aa2b6babbca1d48b398d
4
+ data.tar.gz: 9721bb489d92889b20c8054b0763bf282d152923a1edb0d50d1f2207b6eff10e
5
5
  SHA512:
6
- metadata.gz: 77ad5de68ffc78ee735e629f3d269bdd687b0d302d3fd8ed03bf0c916b0885ce07a40dafc7d6db02cc4dedc98e88a0b5753b2772879f21ea06d72f37e278beaf
7
- data.tar.gz: 77ac7160156d7371abc6d0ba7f9fea277d710f3614ce7b35630b6948f74b6c007a19fec9ff596e9130a30a0e0a2c9a3b02f257eb81629dd2d7a462f5aaef039e
6
+ metadata.gz: 42f683272134eebba6ffd7a71b6c64836be8195950bade105a62068b31032618bcc5185329d94fdeb279bb8eaed4729f05b684035a280c6458e8610cc8de38cd
7
+ data.tar.gz: fd373199041f54d2211e95a2d96294196ee3f0afe83289b39869d213d7e15555487c0a60cc638d9b6e859942f34a06aeed7d0cb4604c7d849f740dd2f534413c
@@ -18,13 +18,9 @@
18
18
  {% endfor %}
19
19
  {% endif %}
20
20
  </div>
21
-
22
- {% if site.parent_hub %}
23
- <div class="parent-hub-plug">
24
- <span class="label">{{ site.title }} is</span>
25
- <a class="logo" role="presentation" href="{{ site.parent_hub.home_url }}">
26
- {% include parent-hub/assets/symbol.svg %}&nbsp;<span class="title">{% include parent-hub/title.html %}</span>
27
- </a>
28
- </div>
29
- {% endif %}
21
+ </div>
22
+ <div class="illustration">
23
+ <div role="presentation" class="logo">
24
+ {% include assets/symbol.svg %}
25
+ </div>
30
26
  </div>
@@ -28,7 +28,14 @@
28
28
 
29
29
  {% if num_software > 0 %}
30
30
  <section class="software">
31
- <h2 class="title">Open Source Software</h2>
31
+ {% if num_featured_software >= num_software or num_software <= site.max_featured_software %}
32
+ <h2 class="title">Open-source Software</h2>
33
+ {% else %}
34
+ <h2 class="title">
35
+ Featured Software
36
+ <a class="more-link" href="/software/" title="See all {{ site.title }} software">(see all)</a>
37
+ </h2>
38
+ {% endif %}
32
39
 
33
40
  <div class="items">
34
41
  {% for item in software | limit: site.max_featured_software %}
@@ -57,18 +64,12 @@
57
64
  </a>
58
65
  {% endfor %}
59
66
  </div>
60
-
61
- {% if num_featured_software < num_software %}
62
- <footer>
63
- <a class="more-link" href="/software/">See all {{ site.title }} software</a>
64
- </footer>
65
- {% endif %}
66
67
  </section>
67
68
  {% endif %}
68
69
 
69
70
  {% if num_posts > 0 %}
70
71
  <section class="featured-posts">
71
- <h2 class="title">From the Blog</h2>
72
+ <h2 class="title">From the <a href="/blog/">Blog</a></h2>
72
73
 
73
74
  <div class="items">
74
75
  {% for item in posts | limit: site.max_featured_posts %}
@@ -81,7 +82,15 @@
81
82
 
82
83
  {% if num_specs > 0 %}
83
84
  <section class="specs">
84
- <h2 class="title">Open Specifications</h2>
85
+ <h2 class="title">
86
+ {% if num_featured_specs >= num_specs or num_specs <= site.max_featured_specs %}
87
+ Open Specifications
88
+ {% else %}
89
+ Featured Specifications
90
+ <a class="more-link"
91
+ href="/specs/" title="See all {{ site.title }} specs">(see all)</a>
92
+ {% endif %}
93
+ </h2>
85
94
 
86
95
  <div class="items">
87
96
  {% for item in specs | limit: site.max_featured_specs %}
@@ -106,11 +115,5 @@
106
115
  </a>
107
116
  {% endfor %}
108
117
  </div>
109
-
110
- {% if num_featured_specs < num_specs %}
111
- <footer>
112
- <a class="more-link" href="/specs/">See all {{ site.title }} specs</a>
113
- </footer>
114
- {% endif %}
115
118
  </section>
116
119
  {% endif %}
@@ -302,6 +302,9 @@ main {
302
302
  display: inline-block;
303
303
  height: 80px;
304
304
  width: 80px;
305
+
306
+ // Without this, some items’ logos don’t conform to above dimensions
307
+ overflow: hidden;
305
308
  }
306
309
 
307
310
  header > .title {
@@ -311,9 +314,14 @@ main {
311
314
 
312
315
  .body {
313
316
  font-size: 16px;
314
- height: 100px;
317
+ padding-bottom: 20px;
315
318
  overflow: hidden;
316
319
  text-overflow: ellipsis;
320
+
321
+ @media screen and (min-width: $bigscreen-breakpoint) {
322
+ height: 100px;
323
+ padding-bottom: 0;
324
+ }
317
325
  }
318
326
 
319
327
  .cta-view-project {
@@ -434,6 +442,59 @@ main {
434
442
  /* Project */
435
443
 
436
444
  .site--project {
445
+ &.layout--home > main > .underlay.summary-background {
446
+ padding-top: 20px;
447
+
448
+ > svg {
449
+ > polygon {
450
+ fill: #F7F7F7;
451
+ }
452
+ bottom: 0;
453
+ width: 100%;
454
+ height: 35vw;
455
+ }
456
+
457
+ .summary {
458
+ font-size: 18px;
459
+
460
+ ul.you-can {
461
+ padding: 0;
462
+ display: flex;
463
+ flex-flow: column nowrap;
464
+ li {
465
+ flex: 1 1 auto;
466
+ &:first-child {
467
+ margin-right: 40px;
468
+ }
469
+ }
470
+ }
471
+ .cta {
472
+ margin-top: 30px;
473
+ .button {
474
+ @include cta-button($primary-dark-color, white);
475
+ border-radius: 25px;
476
+ border: 1px solid $primary-color;
477
+ }
478
+ }
479
+ p:first-child:first-letter {
480
+ color: $accent-color;
481
+ float: left;
482
+ font-size: 75px;
483
+ line-height: 60px;
484
+ padding-right: 8px;
485
+ margin-left: -5px;
486
+ }
487
+ @media screen and (min-width: $bigscreen-breakpoint) {
488
+ p:first-child {
489
+ padding-right: 20vw;
490
+ }
491
+ ul.you-can {
492
+ flex-flow: row nowrap;
493
+ }
494
+ }
495
+ }
496
+ }
497
+
437
498
  &.layout--home > main > .underlay > .software,
438
499
  &.layout--home > main > .specs,
439
500
  &.layout--software-index > main,
@@ -456,7 +517,6 @@ main {
456
517
 
457
518
  padding: 30px 32px;
458
519
  text-align: left;
459
- margin-bottom: 20px;
460
520
 
461
521
  header > .title {
462
522
  margin: 0;
@@ -498,6 +558,35 @@ main {
498
558
  &.layout--home > main > .underlay > .software,
499
559
  &.layout--home > main > .specs {
500
560
  @extend .main-section;
561
+
562
+ .items {
563
+ @extend .item-grid;
564
+ justify-content: center;
565
+
566
+ > .item {
567
+ @media screen and (min-width: $bigscreen-breakpoint) {
568
+ box-sizing: border-box;
569
+ flex-basis: calc( 100%/#{$featured-cols-narrow} - #{$gutter} );
570
+
571
+ // Hide third element (there’re at most 3)
572
+ &:nth-child(3) {
573
+ opacity: 0;
574
+ display: none;
575
+ }
576
+ }
577
+
578
+ @media screen and (min-width: $widescreen-breakpoint) {
579
+ box-sizing: border-box;
580
+ flex-basis: calc( 100%/#{$featured-cols} - #{$gutter} );
581
+
582
+ // Show third element
583
+ &:nth-child(3) {
584
+ opacity: 1;
585
+ display: block;
586
+ }
587
+ }
588
+ }
589
+ }
501
590
  }
502
591
 
503
592
  &.layout--software-index > main,
@@ -32,6 +32,7 @@ a {
32
32
 
33
33
  > .item {
34
34
  margin-right: $gutter;
35
+ flex: 1;
35
36
  }
36
37
  }
37
38
  }
@@ -50,10 +51,6 @@ a {
50
51
  display: flex;
51
52
  flex-flow: column nowrap;
52
53
 
53
- @media screen and (min-width: $bigscreen-breakpoint) {
54
- margin-top: 100px;
55
- }
56
-
57
54
  > .puny-label {
58
55
  align-self: center;
59
56
 
@@ -72,10 +69,14 @@ a {
72
69
 
73
70
  margin-top: 0;
74
71
  margin-bottom: 1em;
75
- font-size: 32px;
76
72
 
77
73
  position: relative;
78
74
 
75
+ .more-link {
76
+ margin-left: .5em;
77
+ font-size: 70%;
78
+ }
79
+
79
80
  &:after {
80
81
  // Underlaying border feature can be turned on
81
82
  // in extending sections by providing border-bottom-color
@@ -95,16 +96,6 @@ a {
95
96
  > .items {
96
97
  align-self: stretch;
97
98
  }
98
-
99
- > footer {
100
- text-align: center;
101
-
102
- .more-link {
103
- @include cta-button-mini(white, $primary-color);
104
- border-radius: 25px;
105
- border: 1px solid $primary-color;
106
- }
107
- }
108
99
  }
109
100
 
110
101
  .with-symbol-background {
@@ -43,12 +43,6 @@ body > .underlay > footer {
43
43
  .logo {
44
44
  display: block;
45
45
  }
46
- .layout--home > .underlay.header > .hero > .text > & {
47
- position: absolute;
48
- bottom: 0;
49
- right: 0;
50
- text-align: right;
51
- }
52
46
  body > .underlay.footer & {
53
47
  display: flex;
54
48
  flex-flow: row nowrap;
@@ -75,17 +69,11 @@ body > .underlay > footer {
75
69
 
76
70
  > .hero {
77
71
  padding-top: 20px;
78
-
79
- @media screen and (min-width: $widescreen-breakpoint) {
80
- padding-top: 55px;
81
- padding-bottom: 30px;
82
- }
83
-
84
72
  color: white;
85
73
 
86
74
  > .text {
75
+ padding-bottom: 50px;
87
76
  position: relative;
88
- padding-bottom: 80px;
89
77
 
90
78
  > .title {
91
79
  font-size: 44px;
@@ -123,15 +111,6 @@ body > .underlay > footer {
123
111
  }
124
112
  .layout--home > & {
125
113
  background: $superhero-background;
126
-
127
- > .hero {
128
- > .text {
129
- padding-bottom: 85px;
130
- @media screen and (min-width: $bigscreen-breakpoint) {
131
- padding-bottom: 100px;
132
- }
133
- }
134
- }
135
114
  }
136
115
 
137
116
  .site--hub > & {
@@ -141,47 +120,47 @@ body > .underlay > footer {
141
120
  .site--hub.layout--home > & {
142
121
  > .hero {
143
122
  text-align: left;
144
-
123
+ @media screen and (min-width: $bigscreen-breakpoint) {
124
+ padding-bottom: 50px;
125
+ }
126
+ }
127
+ }
128
+ .layout--home > & {
129
+ > .hero {
145
130
  .illustration {
146
131
  display: none;
147
132
  }
148
-
149
133
  @media screen and (min-width: $bigscreen-breakpoint) {
150
134
  display: flex;
151
135
  flex-flow: row nowrap;
152
-
136
+ position: relative;
153
137
  .text {
154
- width: 550px;
138
+ z-index: 4;
155
139
  }
156
140
  .illustration {
157
- flex: 1;
158
- display: flex;
159
- flex-flow: column nowrap;
160
- align-items: center;
141
+ display: block;
142
+ position: absolute;
161
143
  }
162
144
  }
163
145
  }
164
146
  }
165
-
166
- .site--project > & {
167
- > .hero {
168
- text-align: center;
169
-
170
- > .text {
171
- > .desc {
172
- @media screen and (min-width: $bigscreen-breakpoint) {
173
- margin: 0 7em;
174
- }
147
+ @media screen and (min-width: $bigscreen-breakpoint) {
148
+ .site--hub.layout--home > & > .hero {
149
+ .illustration {
150
+ bottom: 100px;
151
+ right: -15%;
152
+ svg {
153
+ width: 700px;
175
154
  }
176
155
  }
177
156
  }
178
- }
179
-
180
- .site--project.layout--home > & {
181
- > .hero {
182
- padding-bottom: 30px;
183
- @media screen and (min-width: $widescreen-breakpoint) {
184
- padding-bottom: 40px;
157
+ .site--project.layout--home > & > .hero {
158
+ .illustration {
159
+ bottom: 40px;
160
+ right: 0;
161
+ svg {
162
+ width: 200px;
163
+ }
185
164
  }
186
165
  }
187
166
  }
@@ -194,6 +173,7 @@ body > .underlay.footer {
194
173
  body > .underlay > header {
195
174
  padding-top: 26px;
196
175
  padding-bottom: 26px;
176
+ z-index: 2;
197
177
 
198
178
  align-items: flex-start;
199
179
  flex-flow: row nowrap;
@@ -70,7 +70,7 @@
70
70
  @mixin cta-button($bgcolor, $color) {
71
71
  font-weight: 800;
72
72
  font-size: 18px;
73
- padding: 12px 22px;
73
+ padding: 12px 32px;
74
74
  display: inline-block;
75
75
 
76
76
  .icon {
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.17
4
+ version: 1.1.18
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-10-22 00:00:00.000000000 Z
11
+ date: 2018-10-24 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -72,14 +72,14 @@ dependencies:
72
72
  requirements:
73
73
  - - '='
74
74
  - !ruby/object:Gem::Version
75
- version: 1.1.17
75
+ version: 1.1.18
76
76
  type: :runtime
77
77
  prerelease: false
78
78
  version_requirements: !ruby/object:Gem::Requirement
79
79
  requirements:
80
80
  - - '='
81
81
  - !ruby/object:Gem::Version
82
- version: 1.1.17
82
+ version: 1.1.18
83
83
  - !ruby/object:Gem::Dependency
84
84
  name: bundler
85
85
  requirement: !ruby/object:Gem::Requirement