jekyll-theme-isotc211 0.2.4 → 0.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 +4 -4
- data/_includes/newsroll-entry.html +17 -0
- data/_layouts/default.html +9 -0
- data/_layouts/home.html +1 -14
- data/_layouts/post.html +1 -1
- data/_sass/home.scss +18 -7
- data/_sass/jekyll-theme-isotc211.scss +20 -11
- data/_sass/main.scss +36 -17
- data/_sass/offsets.scss +2 -2
- data/_sass/post.scss +12 -1
- metadata +3 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: e9ea16ec48f64dc0ddfa05644d0773f34228fcea9d155d50594daf5285adf8f4
|
|
4
|
+
data.tar.gz: c81df5f9596a7ed860cc2dc80f6d979fa54f3b4fa1c624619e4baf9d2c067b29
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 0f9066da821978a383e0a06984ba30d0ec7b0f55cbc155c64f651b93ff6fb477bffe77ee532a30c276ceefb019562ca7514bcc61c73f502898e228d5acf8dc7c
|
|
7
|
+
data.tar.gz: 02babca920bd2532fc7f27077f5bc7a2b17010a6a00e1a8e2b26a127a6bae41841027f6758b9acfcafa99fa64819cf9952ca01a9ebb1beb7edb48e6f33ec5123
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
<article class="
|
|
2
|
+
news-item-card
|
|
3
|
+
{% if post.illustration %}news-item--with-illustration{% endif %}">
|
|
4
|
+
|
|
5
|
+
{% if post.illustration %}
|
|
6
|
+
<a class="illustration-container" href="{{ post.url | relative_url }}">
|
|
7
|
+
<img src="{{ post.illustration | relative_url }}">
|
|
8
|
+
</a>
|
|
9
|
+
{% endif %}
|
|
10
|
+
|
|
11
|
+
<h3 class="title"><a href="{{ post.url | relative_url }}">{{ post.title }}</a></h3>
|
|
12
|
+
|
|
13
|
+
<div class="meta">{{ post.date | date: '%B %d, %Y' }}</div>
|
|
14
|
+
|
|
15
|
+
<div class="excerpt">{{ post.excerpt }}</div>
|
|
16
|
+
|
|
17
|
+
</article>
|
data/_layouts/default.html
CHANGED
|
@@ -43,6 +43,15 @@
|
|
|
43
43
|
{{ content }}
|
|
44
44
|
</main>
|
|
45
45
|
|
|
46
|
+
{% if site.awards %}
|
|
47
|
+
<p class="awards">
|
|
48
|
+
Winner of
|
|
49
|
+
{% for award in site.awards %}
|
|
50
|
+
<span class="award"><a href="{{ award.path }}"
|
|
51
|
+
>{{ award.title }}</a>{%- unless forloop.last -%}, {% endunless %}</span>{% endfor %}.
|
|
52
|
+
</p>
|
|
53
|
+
{% endif %}
|
|
54
|
+
|
|
46
55
|
<footer>
|
|
47
56
|
<ul role="nav">
|
|
48
57
|
{% for link in site.social.links %}
|
data/_layouts/home.html
CHANGED
|
@@ -13,20 +13,7 @@ bodyClass: home
|
|
|
13
13
|
|
|
14
14
|
<div class="items">
|
|
15
15
|
{% for post in site.posts %}
|
|
16
|
-
|
|
17
|
-
<article class="
|
|
18
|
-
news-item-card
|
|
19
|
-
{% if post.illustration %}news-item--with-illustration{% endif %}">
|
|
20
|
-
|
|
21
|
-
{% if post.illustration %}
|
|
22
|
-
<div class="illustration-container">
|
|
23
|
-
<img src="{{ post.illustration | relative_url }}">
|
|
24
|
-
</div>
|
|
25
|
-
{% endif %}
|
|
26
|
-
|
|
27
|
-
<h3 class="title"><a href="{{ post.url | relative_url }}">{{ post.title }}</a></h3>
|
|
28
|
-
<div class="excerpt">{{ post.excerpt }}</div>
|
|
29
|
-
</article>
|
|
16
|
+
{% include newsroll-entry.html %}
|
|
30
17
|
{% endfor %}
|
|
31
18
|
</div>
|
|
32
19
|
</section>
|
data/_layouts/post.html
CHANGED
data/_sass/home.scss
CHANGED
|
@@ -13,11 +13,10 @@ body.home {
|
|
|
13
13
|
> .news {
|
|
14
14
|
|
|
15
15
|
// Assuming it goes right before footer
|
|
16
|
-
box-shadow: 0 5px 20px -10px silver inset;
|
|
17
|
-
border-bottom: 0;
|
|
18
16
|
flex: 1;
|
|
19
|
-
|
|
20
|
-
|
|
17
|
+
border-bottom: 0;
|
|
18
|
+
background: $headerFooterBackgroundColor;
|
|
19
|
+
box-shadow: 0 5px 20px -10px $mainShadowColor inset;
|
|
21
20
|
|
|
22
21
|
.items {
|
|
23
22
|
display: flex;
|
|
@@ -25,14 +24,17 @@ body.home {
|
|
|
25
24
|
justify-content: flex-start;
|
|
26
25
|
align-items: stretch;
|
|
27
26
|
overflow-y: auto;
|
|
28
|
-
|
|
27
|
+
padding-top: 1em;
|
|
28
|
+
padding-bottom: 1em;
|
|
29
29
|
}
|
|
30
|
+
|
|
30
31
|
.news-item-card {
|
|
31
32
|
max-width: 90vw;
|
|
32
33
|
border-radius: .5em;
|
|
33
|
-
padding: 0
|
|
34
|
+
padding: 0 $homeSectionItemSidePadding;
|
|
34
35
|
background: #fff;
|
|
35
36
|
margin-right: 1em;
|
|
37
|
+
box-shadow: 1px 1px 20px -5px rgba(black, 0.3);
|
|
36
38
|
|
|
37
39
|
min-width: 320px;
|
|
38
40
|
@media screen and (min-width: $bigscreenBreakpoint) {
|
|
@@ -43,13 +45,14 @@ body.home {
|
|
|
43
45
|
&.news-item--with-illustration {
|
|
44
46
|
position: relative;
|
|
45
47
|
|
|
46
|
-
.title, .excerpt {
|
|
48
|
+
.title, .excerpt, .meta {
|
|
47
49
|
margin-left: 155px;
|
|
48
50
|
}
|
|
49
51
|
|
|
50
52
|
.illustration-container {
|
|
51
53
|
position: absolute;
|
|
52
54
|
top: 0; left: 0; bottom: 0;
|
|
55
|
+
display: block;
|
|
53
56
|
width: 155px;
|
|
54
57
|
overflow: hidden;
|
|
55
58
|
|
|
@@ -67,11 +70,19 @@ body.home {
|
|
|
67
70
|
|
|
68
71
|
.title {
|
|
69
72
|
font-weight: normal;
|
|
73
|
+
margin-top: .75em;
|
|
74
|
+
margin-bottom: .4em;
|
|
75
|
+
|
|
70
76
|
a {
|
|
71
77
|
text-decoration: none;
|
|
72
78
|
}
|
|
73
79
|
}
|
|
74
80
|
|
|
81
|
+
.meta {
|
|
82
|
+
font-size: 80%;
|
|
83
|
+
color: lighten($textColor, 50);
|
|
84
|
+
}
|
|
85
|
+
|
|
75
86
|
div.excerpt p {
|
|
76
87
|
font-size: 90%;
|
|
77
88
|
line-height: 1.6;
|
|
@@ -5,11 +5,18 @@ $bigscreenBreakpoint: 900px;
|
|
|
5
5
|
$logoOffset: 112px;
|
|
6
6
|
$logoSize: 100px;
|
|
7
7
|
|
|
8
|
+
$isoTCColor: #0f6db3;
|
|
8
9
|
$textColor: black;
|
|
9
10
|
|
|
10
|
-
$
|
|
11
|
+
$mainShadowColor: rgba(black, 0.4);
|
|
12
|
+
$headerFooterBackgroundColor: rgba(black, 0.05);
|
|
13
|
+
$mainSectionBackgroundColor: rgba(white, 0.8);
|
|
14
|
+
|
|
15
|
+
$linkColor: $isoTCColor;
|
|
11
16
|
$linkColorInverse: white;
|
|
12
17
|
|
|
18
|
+
$homeSectionItemSidePadding: 1em;
|
|
19
|
+
|
|
13
20
|
@mixin titleFontFamily($useBold: false) {
|
|
14
21
|
font-family: 'Tienne', Georgia, serif;
|
|
15
22
|
|
|
@@ -26,6 +33,17 @@ body {
|
|
|
26
33
|
font-family: $bodyFontFamily;
|
|
27
34
|
}
|
|
28
35
|
|
|
36
|
+
a {
|
|
37
|
+
&:link, &:visited, &:hover {
|
|
38
|
+
color: inherit;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
main a {
|
|
42
|
+
&:link, &:visited, &:hover {
|
|
43
|
+
color: $linkColor;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
|
|
29
47
|
input, textarea, button {
|
|
30
48
|
font-size: inherit;
|
|
31
49
|
font-family: inherit;
|
|
@@ -43,17 +61,8 @@ html {
|
|
|
43
61
|
text-transform: uppercase;
|
|
44
62
|
flex-shrink: 0;
|
|
45
63
|
margin-top: 0;
|
|
64
|
+
margin-bottom: 0;
|
|
46
65
|
position: relative;
|
|
47
|
-
|
|
48
|
-
@media screen and (min-width: $bigscreenBreakpoint) {
|
|
49
|
-
&:before {
|
|
50
|
-
position: absolute;
|
|
51
|
-
width: 112px;
|
|
52
|
-
left: -112px;
|
|
53
|
-
text-align: center;
|
|
54
|
-
content: "⧐";
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
66
|
}
|
|
58
67
|
|
|
59
68
|
@import 'offsets';
|
data/_sass/main.scss
CHANGED
|
@@ -33,8 +33,20 @@ body > main > .section {
|
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
+
body > main,
|
|
37
|
+
body.home > main > section,
|
|
38
|
+
body.home > main > .section {
|
|
39
|
+
background: $mainSectionBackgroundColor;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
body.home > main {
|
|
43
|
+
background: transparent;
|
|
44
|
+
}
|
|
45
|
+
|
|
36
46
|
body {
|
|
37
|
-
$
|
|
47
|
+
$footerLogoSize: 60px;
|
|
48
|
+
$footerH: $footerLogoSize + 20px;
|
|
49
|
+
$footerPoweredByLogoWidth: 100px;
|
|
38
50
|
|
|
39
51
|
flex: 1;
|
|
40
52
|
|
|
@@ -43,29 +55,34 @@ body {
|
|
|
43
55
|
align-items: stretch;
|
|
44
56
|
margin-bottom: -$footerH;
|
|
45
57
|
|
|
58
|
+
background: linear-gradient(90deg, $isoTCColor 30px, transparent 20px);
|
|
59
|
+
|
|
60
|
+
> .awards {
|
|
61
|
+
color: grey;
|
|
62
|
+
margin: 0;
|
|
63
|
+
padding: 1em 15vw;
|
|
64
|
+
background: rgba(black, 0.1);
|
|
65
|
+
font-size: 80%;
|
|
66
|
+
}
|
|
67
|
+
|
|
46
68
|
> footer {
|
|
47
69
|
flex-shrink: 0;
|
|
48
70
|
font-size: 90%;
|
|
49
71
|
line-height: 1.6;
|
|
50
72
|
|
|
51
|
-
background:
|
|
52
|
-
box-shadow: 0 5px 20px -10px
|
|
73
|
+
background: $headerFooterBackgroundColor;;
|
|
74
|
+
box-shadow: 0 5px 20px -10px $mainShadowColor inset;
|
|
53
75
|
|
|
54
76
|
padding-top: 1em;
|
|
55
77
|
|
|
56
|
-
@media screen and (min-width: $bigscreenBreakpoint) {
|
|
57
|
-
height: $footerH;
|
|
58
|
-
padding-top: 0;
|
|
59
|
-
}
|
|
60
|
-
|
|
61
78
|
.logo {
|
|
62
79
|
width: $logoOffset;
|
|
63
80
|
margin-left: 0;
|
|
64
81
|
display: inline-block;
|
|
65
82
|
|
|
66
83
|
img {
|
|
67
|
-
width: $
|
|
68
|
-
height: $
|
|
84
|
+
width: $footerLogoSize;
|
|
85
|
+
height: $footerLogoSize;
|
|
69
86
|
vertical-align: middle;
|
|
70
87
|
}
|
|
71
88
|
}
|
|
@@ -82,7 +99,7 @@ body {
|
|
|
82
99
|
}
|
|
83
100
|
|
|
84
101
|
img {
|
|
85
|
-
width: $
|
|
102
|
+
width: $footerPoweredByLogoWidth;
|
|
86
103
|
display: block;
|
|
87
104
|
}
|
|
88
105
|
}
|
|
@@ -110,11 +127,14 @@ body {
|
|
|
110
127
|
|
|
111
128
|
@media screen and (min-width: $bigscreenBreakpoint) {
|
|
112
129
|
display: flex;
|
|
113
|
-
flex-flow: row
|
|
130
|
+
flex-flow: row wrap;
|
|
114
131
|
align-items: center;
|
|
115
132
|
justify-content: flex-end;
|
|
116
133
|
|
|
117
|
-
|
|
134
|
+
height: $footerH;
|
|
135
|
+
padding-top: 0;
|
|
136
|
+
|
|
137
|
+
.powered-by {
|
|
118
138
|
margin-left: 2em;
|
|
119
139
|
}
|
|
120
140
|
}
|
|
@@ -122,12 +142,11 @@ body {
|
|
|
122
142
|
|
|
123
143
|
> header {
|
|
124
144
|
flex-shrink: 0;
|
|
125
|
-
|
|
126
|
-
margin-bottom: 1em;
|
|
127
|
-
padding-top: 0;
|
|
145
|
+
padding-top: .5em;
|
|
128
146
|
padding-bottom: .5em;
|
|
129
147
|
|
|
130
|
-
|
|
148
|
+
background: $headerFooterBackgroundColor;
|
|
149
|
+
box-shadow: 0 -5px 20px -10px $mainShadowColor inset;
|
|
131
150
|
|
|
132
151
|
.site-headline {
|
|
133
152
|
.parent-org-reference {
|
data/_sass/offsets.scss
CHANGED
|
@@ -16,7 +16,7 @@ body > footer {
|
|
|
16
16
|
|
|
17
17
|
// Hanging logo on the right
|
|
18
18
|
@media screen and (min-width: $bigscreenBreakpoint) {
|
|
19
|
-
padding: 0 calc(#{$sideOffsetBase} - #{$logoOffset}) 0
|
|
19
|
+
padding: 0 calc(#{$sideOffsetBase} - #{$logoOffset}) 0 $sideOffsetBase;
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
22
|
|
|
@@ -32,7 +32,7 @@ body.home > main {
|
|
|
32
32
|
body.home > main > .news {
|
|
33
33
|
.items {
|
|
34
34
|
.news-item-card:first-child {
|
|
35
|
-
margin-left: calc(#{$sideOffsetBase} -
|
|
35
|
+
margin-left: calc(#{$sideOffsetBase} - #{$homeSectionItemSidePadding});
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
38
|
}
|
data/_sass/post.scss
CHANGED
|
@@ -1,6 +1,17 @@
|
|
|
1
1
|
body.post {
|
|
2
2
|
> main {
|
|
3
|
-
|
|
3
|
+
padding-bottom: 1em;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.meta {
|
|
7
|
+
color: lighten($textColor, 50);
|
|
8
|
+
margin-bottom: 2em;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
h2 {
|
|
12
|
+
margin-bottom: 0;
|
|
13
|
+
font-weight: normal;
|
|
14
|
+
font-size: 200%;
|
|
4
15
|
}
|
|
5
16
|
|
|
6
17
|
.illustration {
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: jekyll-theme-isotc211
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.
|
|
4
|
+
version: '0.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: 2019-03-
|
|
11
|
+
date: 2019-03-24 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -135,6 +135,7 @@ files:
|
|
|
135
135
|
- _includes/copyright.html
|
|
136
136
|
- _includes/google-analytics.html
|
|
137
137
|
- _includes/head.html
|
|
138
|
+
- _includes/newsroll-entry.html
|
|
138
139
|
- _includes/script.html
|
|
139
140
|
- _layouts/default.html
|
|
140
141
|
- _layouts/home.html
|