intia-theme 0.1.29 → 0.1.33

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.
Files changed (13) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/button.html +2 -2
  3. data/_includes/hero.html +7 -3
  4. data/_includes/highlighter.html +20 -1
  5. data/_sass/_layout.scss +35 -1
  6. data/_sass/_main.scss +4 -1
  7. data/_sass/_print.scss +157 -157
  8. data/assets/img/logo-black.png +0 -0
  9. data/assets/img/logo-white.png +0 -0
  10. data/favicon.png +0 -0
  11. metadata +2 -4
  12. data/assets/img/logo-black-old.png +0 -0
  13. data/assets/img/logo-white-short.png +0 -0
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 8313b8e43a223cb683e3c862853a0868877944c4de672e87e339eeaacc349d4c
4
- data.tar.gz: e1bc36ddeb55d615e767b8dfeb9bc65bcee20489148f115fe460367a6ca8b321
3
+ metadata.gz: d91479c69748c51cbcca036645f04192dc05d45603d08a2336dd069d35183eaa
4
+ data.tar.gz: 562743e6f282501a33959ac6000121fb3f160e9fbc81dae2f1f148289f9c6c45
5
5
  SHA512:
6
- metadata.gz: 1f7b9f4aed41fd3b69a4ba3227532712112007f6e35790a8f2f739142d558c4953dd5439509512bc3aed85c2883cf04926eaa12a96f6761de3a0968bcebf93a3
7
- data.tar.gz: 80bb57e239b7c0f3ca5851c03800a7faaad7ab308b95413026e759cc2b85e34eb09ab02da128f020ae6bf4d0860232027b6425fb5726c65cb8fd915c48af6fc5
6
+ metadata.gz: bdfd41fb22ddaf7f2f6d3b13c186b872961835b7b73a93b47c87b01b11adfef6ba5c688781a093e947c0cff083a3f047e58ea59cbedbe5b3d91db3d94d740cf8
7
+ data.tar.gz: 4877edc1e207f096f9df822d613a25d5b1ce6e0a1b9932e563f707f7e8a626cbddcb5ad09c1703370b8cee2cc63244a87ef020ee978dec081452a08f06db6108
data/_includes/button.html CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  <a href="#" class="button is-rounded is-dark">
3
+ <span> {{ include.label }} </span>
3
4
  <span class="icon is-small">
4
5
  <i class="fas fa-chevron-right fa-xs"></i>
5
- </span>
6
- <span> {{ include.label }} </span>
6
+ </span>
7
7
  </a>
data/_includes/hero.html CHANGED
@@ -8,7 +8,11 @@
8
8
  {% if page.hero_image %}
9
9
  <img src="{{page.hero_image}}" alt="placeholder" class="is-rounded is-hidden-mobile">
10
10
  {% endif %}
11
- <p class="subtitle is-4">{{ page.subtitle }}</p>
11
+ {% if page.subtitle_markdownify %}
12
+ <p class="subtitle is-4">{{ page.subtitle | markdownify }}</p>
13
+ {% else %}
14
+ <p class="subtitle is-4">{{ page.subtitle }}</p>
15
+ {% endif %}
12
16
  {% if page.hero_link %}
13
17
  <a href="{{ page.hero_link | relative_url }}" class="button is-rounded is-dark">
14
18
  <span>{{ page.hero_link_text }}</span>
@@ -18,13 +22,13 @@
18
22
  </a>
19
23
  {% endif %}
20
24
  <div class="buttons-hero has-text-centered">
21
- <a href="" class="button is-rounded is-dark { % if item.link == page.url % } { % endif % }">
25
+ <a onclick="window.history.back()" class="button is-rounded is-dark { % if item.link == page.url % } { % endif % }">
22
26
  <span class="icon is-small">
23
27
  <i class="fas fa-chevron-left"></i>
24
28
  </span>
25
29
  <span>Zur Übersicht</span>
26
30
  </a>
27
- <a href="" class="button is-rounded is-dark { % if item.link == page.url % } { % endif % }">
31
+ <a onclick="window.print()" class="button is-rounded is-dark { % if item.link == page.url % } { % endif % }">
28
32
  <span>Als PDF Herunterladen</span>
29
33
  <span class="icon is-small">
30
34
  <i class="fas fa-chevron-right"></i>
data/_includes/highlighter.html CHANGED
@@ -1,7 +1,26 @@
1
1
 
2
- <div class="highlighter {% if include.two-columns %} two-columns {% endif %} {% if include.min-height25p %} min-height25p {% endif %} {% if include.style %} include.style {% endif %} ">
2
+ <div class="highlighter {% if include.two-columns %} two-columns {% endif %} {% if include.image %} highlighter-fit-image {% endif %} {% if include.min-height25p %} min-height25p {% endif %} {% if include.style %} include.style {% endif %} ">
3
+ {% if include.image %}
4
+
5
+ <div class="columns">
6
+ <div class="highlighter-image column is-two-fifths">
7
+ <figure class="image">
8
+ <img src={{ include.image }}>
9
+ </figure>
10
+ </div>
11
+ <div class="highlighter-content column">
12
+
13
+ {% endif %}
14
+
3
15
  {{ include.content }}
4
16
  {% if include.button %}
5
17
  {% include button.html label=include.button %}
6
18
  {% endif %}
19
+
20
+ {% if include.image %}
21
+
22
+ </div>
23
+ </div>
24
+
25
+ {% endif %}
7
26
  </div>
data/_sass/_layout.scss CHANGED
@@ -234,7 +234,8 @@ a.navbar-item.is-active,
234
234
  }
235
235
  //// Hero sub-pages with green text
236
236
  .subpage h1,
237
- .subpage p {
237
+ .subpage p,
238
+ .subpage ul {
238
239
  color: $primary-dark !important;
239
240
  }
240
241
  .subpage .hero-body img,
@@ -476,6 +477,34 @@ figcaption {
476
477
  .highlighter .button {
477
478
  float: right;
478
479
  }
480
+ .highlighter .column.highlighter-image {
481
+ margin-right: 0;
482
+ padding: 0;
483
+ }
484
+ .highlighter .highlighter-image img {
485
+ padding: 0;
486
+ }
487
+ .highlighter .highlighter-image .image {
488
+ height: 100%;
489
+ }
490
+ .highlighter .highlighter-image img {
491
+ border-top-left-radius: 65px;
492
+ border-bottom-left-radius: 65px;
493
+ border-top-right-radius: 0 !important;
494
+ border-bottom-right-radius: 0 !important;
495
+ height: 100%;
496
+ width: 100%;
497
+ object-fit: cover;
498
+ }
499
+ .highlighter .highlighter-content {
500
+ padding: 3em;
501
+ }
502
+ .highlighter .column.highlighter-content {
503
+ margin-right: 0;
504
+ }
505
+ .highlighter.highlighter-fit-image {
506
+ padding: 0;
507
+ }
479
508
 
480
509
  .highlighter img {
481
510
  border-radius: 0;
@@ -496,6 +525,11 @@ figcaption {
496
525
  padding-top: 2rem;
497
526
  padding-bottom: 2rem;
498
527
  }
528
+ .highlighter .column .button.highlighter-column-button {
529
+ margin-top: 1em;
530
+ margin-left: 2em;
531
+ float: none;
532
+ }
499
533
 
500
534
  .highlighter .is-round {
501
535
  display: flex;
data/_sass/_main.scss CHANGED
@@ -88,7 +88,10 @@ h4 {
88
88
  h5 {
89
89
  font-size: 0.83rem;
90
90
  }
91
-
91
+ ul {
92
+ list-style-type: disc;
93
+ padding-left: 1em;
94
+ }
92
95
  // Button Animation + Gleiche Breite
93
96
  .button {
94
97
  // Schrifft
data/_sass/_print.scss CHANGED
@@ -3,191 +3,191 @@
3
3
  * Copied from: https://gitlab.com/find-it-program-locator/newtowne/-/blob/8.x-1.x/src/global/_print.sass
4
4
  */
5
5
 
6
-
7
6
  /**
8
7
  * This may get into Bulma proper: https://github.com/jgthms/bulma/pull/2329
9
8
  * And https://github.com/jgthms/bulma/issues/721
10
9
  */
11
10
 
12
-
13
11
  /* This mixin would be in sass/utilities/mixins.sass per pull/2329 */
14
12
 
15
13
  // Media types
16
14
  @mixin print {
17
- @media print {
18
- @content;
19
- }
20
- @media screen and (min-width: 1024px) {
21
- .navbar.is-primary .navbar-start .navbar-link::after,
22
- .navbar.is-primary .navbar-end .navbar-link::after {
23
- border-color: white;
24
- }
25
- }
26
- @media screen and (min-width: 1024px) {
27
- .navbar.is-primary .navbar-start>.navbar-item,
28
- .navbar.is-primary .navbar-start .navbar-link,
29
- .navbar.is-primary .navbar-end>.navbar-item,
30
- .navbar.is-primary .navbar-end .navbar-link {
31
- color: white;
32
- }
33
- }
34
- @media screen and (min-width: 1024px) {
35
- .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link,
36
- .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link,
37
- .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link {
38
- background-color: transparent;
39
- color: white;
40
- }
41
- }
42
- @media screen and (min-width: 1024px) {
43
- .navbar-dropdown {
44
- background-color: transparent;
45
- border-bottom-left-radius: 6px;
46
- border-bottom-right-radius: 6px;
47
- border-top: transparent;
48
- box-shadow: none;
49
- }
50
- }
15
+ @media print {
16
+ @content;
17
+ }
18
+ @media screen and (min-width: 1024px) {
19
+ .navbar.is-primary .navbar-start .navbar-link::after,
20
+ .navbar.is-primary .navbar-end .navbar-link::after {
21
+ border-color: white;
22
+ }
23
+ }
24
+ @media screen and (min-width: 1024px) {
25
+ .navbar.is-primary .navbar-start > .navbar-item,
26
+ .navbar.is-primary .navbar-start .navbar-link,
27
+ .navbar.is-primary .navbar-end > .navbar-item,
28
+ .navbar.is-primary .navbar-end .navbar-link {
29
+ color: white;
30
+ }
31
+ }
32
+ @media screen and (min-width: 1024px) {
33
+ .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link,
34
+ .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link,
35
+ .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link {
36
+ background-color: transparent;
37
+ color: white;
38
+ }
39
+ }
40
+ @media screen and (min-width: 1024px) {
41
+ .navbar-dropdown {
42
+ background-color: transparent;
43
+ border-bottom-left-radius: 6px;
44
+ border-bottom-right-radius: 6px;
45
+ border-top: transparent;
46
+ box-shadow: none;
47
+ }
48
+ }
51
49
  }
52
50
 
53
-
54
51
  /* From https://github.com/jgthms/bulma/pull/2329#issuecomment-459391961 */
55
52
 
56
53
  .columns {
57
- @include print {
58
- &.no-print {
59
- display:block {}
60
- }
54
+ @include print {
55
+ &.no-print {
56
+ display:block {
57
+ }
61
58
  }
59
+ }
62
60
  }
63
61
 
64
-
65
62
  /* Rest from https://github.com/jgthms/bulma/pull/2329/files as was mixin */
66
63
 
67
64
  @include print {
68
- .is-hidden-print {
69
- display: none !important;
65
+ .is-hidden-print {
66
+ display: none !important;
67
+ }
68
+ .arrow-image {
69
+ display: none;
70
+ }
71
+ /* i added or modified these print link URLs */
72
+ a:not(.is-not-linked-print)[href]::after {
73
+ content: attr(href);
74
+ text-decoration: underline;
75
+ font-size: 90%;
76
+ padding-left: 0.5rem;
77
+ }
78
+ a[href].clearfix::after {
79
+ content: attr(href);
80
+ text-decoration: underline;
81
+ font-size: 90%;
82
+ padding-top: 0.5rem;
83
+ }
84
+ /* and i did this drastic war on color */
85
+ * {
86
+ background-color: white !important;
87
+ color: black !important;
88
+ }
89
+ .is-together-print {
90
+ page-break-inside: avoid;
91
+ }
92
+ /* prevent break inside of a table row */
93
+ table {
94
+ page-break-inside: auto;
95
+ }
96
+ tr {
97
+ page-break-inside: avoid;
98
+ page-break-after: auto;
99
+ }
100
+ .section {
101
+ padding-top: 0;
102
+ }
103
+ .column.is-narrow {
104
+ display: inline-block;
105
+ }
106
+ .column.is-narrow ~ .column {
107
+ display: inline-block;
108
+ }
109
+ }
110
+
111
+ .column {
112
+ @include print {
113
+ &.is-narrow-print {
114
+ flex: none;
115
+ }
116
+ &.is-full-print {
117
+ flex: none;
118
+ width: 100%;
119
+ }
120
+ &.is-three-quarters-print {
121
+ flex: none;
122
+ width: 75%;
123
+ }
124
+ &.is-two-thirds-print {
125
+ flex: none;
126
+ width: 66.6666%;
70
127
  }
71
- /* i added or modified these print link URLs */
72
- a:not(.is-not-linked-print)[href]::after {
73
- content: attr(href);
74
- text-decoration: underline;
75
- font-size: 90%;
76
- padding-left: 0.5rem;
128
+ &.is-half-print {
129
+ flex: none;
130
+ width: 50%;
77
131
  }
78
- a[href].clearfix::after {
79
- content: attr(href);
80
- text-decoration: underline;
81
- font-size: 90%;
82
- padding-top: 0.5rem;
132
+ &.is-one-third-print {
133
+ flex: none;
134
+ width: 33.3333%;
83
135
  }
84
- /* and i did this drastic war on color */
85
- * {
86
- background-color: white !important;
87
- color: black !important;
136
+ &.is-one-quarter-print {
137
+ flex: none;
138
+ width: 25%;
88
139
  }
89
- .is-together-print {
90
- page-break-inside: avoid;
140
+ &.is-one-fifth-print {
141
+ flex: none;
142
+ width: 20%;
91
143
  }
92
- /* prevent break inside of a table row */
93
- table {
94
- page-break-inside: auto
144
+ &.is-two-fifths-print {
145
+ flex: none;
146
+ width: 40%;
95
147
  }
96
- tr {
97
- page-break-inside: avoid;
98
- page-break-after: auto
148
+ &.is-three-fifths-print {
149
+ flex: none;
150
+ width: 60%;
99
151
  }
100
- .section {
101
- padding-top: 0;
152
+ &.is-four-fifths-print {
153
+ flex: none;
154
+ width: 80%;
102
155
  }
103
- .column.is-narrow {
104
- display: inline-block;
156
+ &.is-offset-three-quarters-print {
157
+ margin-left: 75%;
105
158
  }
106
- .column.is-narrow~.column {
107
- display: inline-block;
159
+ &.is-offset-two-thirds-print {
160
+ margin-left: 66.6666%;
108
161
  }
162
+ &.is-offset-half-print {
163
+ margin-left: 50%;
164
+ }
165
+ &.is-offset-one-third-print {
166
+ margin-left: 33.3333%;
167
+ }
168
+ &.is-offset-one-quarter-print {
169
+ margin-left: 25%;
170
+ }
171
+ &.is-offset-one-fifth-print {
172
+ margin-left: 20%;
173
+ }
174
+ &.is-offset-two-fifths-print {
175
+ margin-left: 40%;
176
+ }
177
+ &.is-offset-three-fifths-print {
178
+ margin-left: 60%;
179
+ }
180
+ &.is-offset-four-fifths-print {
181
+ margin-left: 80%;
182
+ }
183
+ @for $i from 1 through 12 {
184
+ &.is-#{$i}-print {
185
+ flex: none;
186
+ width: percentage($i / 12);
187
+ }
188
+ &.is-offset-#{$i}-print {
189
+ margin-left: percentage($i / 12);
190
+ }
191
+ }
192
+ }
109
193
  }
110
-
111
- .column {
112
- @include print {
113
- &.is-narrow-print {
114
- flex: none;
115
- }
116
- &.is-full-print {
117
- flex: none;
118
- width: 100%;
119
- }
120
- &.is-three-quarters-print {
121
- flex: none;
122
- width: 75%;
123
- }
124
- &.is-two-thirds-print {
125
- flex: none;
126
- width: 66.6666%;
127
- }
128
- &.is-half-print {
129
- flex: none;
130
- width: 50%;
131
- }
132
- &.is-one-third-print {
133
- flex: none;
134
- width: 33.3333%;
135
- }
136
- &.is-one-quarter-print {
137
- flex: none;
138
- width: 25%;
139
- }
140
- &.is-one-fifth-print {
141
- flex: none;
142
- width: 20%;
143
- }
144
- &.is-two-fifths-print {
145
- flex: none;
146
- width: 40%;
147
- }
148
- &.is-three-fifths-print {
149
- flex: none;
150
- width: 60%;
151
- }
152
- &.is-four-fifths-print {
153
- flex: none;
154
- width: 80%;
155
- }
156
- &.is-offset-three-quarters-print {
157
- margin-left: 75%;
158
- }
159
- &.is-offset-two-thirds-print {
160
- margin-left: 66.6666%;
161
- }
162
- &.is-offset-half-print {
163
- margin-left: 50%;
164
- }
165
- &.is-offset-one-third-print {
166
- margin-left: 33.3333%;
167
- }
168
- &.is-offset-one-quarter-print {
169
- margin-left: 25%;
170
- }
171
- &.is-offset-one-fifth-print {
172
- margin-left: 20%;
173
- }
174
- &.is-offset-two-fifths-print {
175
- margin-left: 40%;
176
- }
177
- &.is-offset-three-fifths-print {
178
- margin-left: 60%;
179
- }
180
- &.is-offset-four-fifths-print {
181
- margin-left: 80%;
182
- }
183
- @for $i from 1 through 12 {
184
- &.is-#{$i}-print {
185
- flex: none;
186
- width: percentage($i / 12);
187
- }
188
- &.is-offset-#{$i}-print {
189
- margin-left: percentage($i / 12);
190
- }
191
- }
192
- }
193
- }
data/assets/img/logo-black.png CHANGED
Binary file
data/assets/img/logo-white.png CHANGED
Binary file
data/favicon.png CHANGED
Binary file
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: intia-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.29
4
+ version: 0.1.33
5
5
  platform: ruby
6
6
  authors:
7
7
  - Marc Schmidt
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2021-12-13 00:00:00.000000000 Z
11
+ date: 2021-12-17 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -59,10 +59,8 @@ files:
59
59
  - assets/img/download_link.png
60
60
  - assets/img/external-link.png
61
61
  - assets/img/internal-link.png
62
- - assets/img/logo-black-old.png
63
62
  - assets/img/logo-black.png
64
63
  - assets/img/logo-dites.png
65
- - assets/img/logo-white-short.png
66
64
  - assets/img/logo-white.png
67
65
  - assets/img/logos/BMBF_logo.jpg
68
66
  - assets/img/logos/DiTes_Single.png
data/assets/img/logo-black-old.png DELETED
Binary file
data/assets/img/logo-white-short.png DELETED
Binary file