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 +4 -4
- data/_includes/home-hero.html +5 -9
- data/_includes/home-project.html +18 -15
- data/_sass/jekyll-theme-open-project.scss +91 -2
- data/_sass/open-project-base.scss +6 -15
- data/_sass/open-project-header-footer.scss +27 -47
- data/_sass/open-project-mixins.scss +1 -1
- metadata +4 -4
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: cbbeb25a641389d5a1223c874cf869f5fb272b927cc2aa2b6babbca1d48b398d
|
4
|
+
data.tar.gz: 9721bb489d92889b20c8054b0763bf282d152923a1edb0d50d1f2207b6eff10e
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 42f683272134eebba6ffd7a71b6c64836be8195950bade105a62068b31032618bcc5185329d94fdeb279bb8eaed4729f05b684035a280c6458e8610cc8de38cd
|
7
|
+
data.tar.gz: fd373199041f54d2211e95a2d96294196ee3f0afe83289b39869d213d7e15555487c0a60cc638d9b6e859942f34a06aeed7d0cb4604c7d849f740dd2f534413c
|
data/_includes/home-hero.html
CHANGED
@@ -18,13 +18,9 @@
|
|
18
18
|
{% endfor %}
|
19
19
|
{% endif %}
|
20
20
|
</div>
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
{% include parent-hub/assets/symbol.svg %} <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>
|
data/_includes/home-project.html
CHANGED
@@ -28,7 +28,14 @@
|
|
28
28
|
|
29
29
|
{% if num_software > 0 %}
|
30
30
|
<section class="software">
|
31
|
-
|
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">
|
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
|
-
|
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
|
-
|
138
|
+
z-index: 4;
|
155
139
|
}
|
156
140
|
.illustration {
|
157
|
-
|
158
|
-
|
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
|
-
|
167
|
-
|
168
|
-
|
169
|
-
|
170
|
-
|
171
|
-
|
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
|
-
|
181
|
-
|
182
|
-
|
183
|
-
|
184
|
-
|
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;
|
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.
|
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-
|
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.
|
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.
|
82
|
+
version: 1.1.18
|
83
83
|
- !ruby/object:Gem::Dependency
|
84
84
|
name: bundler
|
85
85
|
requirement: !ruby/object:Gem::Requirement
|