intia-theme 0.1.15 → 0.1.19
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_includes/contact.html +15 -21
- data/_includes/footer.html +4 -4
- data/_includes/header.html +10 -5
- data/_sass/_layout.scss +259 -38
- data/_sass/_main.scss +26 -1
- data/assets/img/logos/BMBF-01.png +0 -0
- data/assets/img/logos/DiTes_Single.png +0 -0
- data/assets/img/logos/INTIA_Plattform_Logos_BMBF_weiss.png +0 -0
- data/assets/img/logos/INTIA_Plattform_Logos_Dites_weiss.png +0 -0
- data/assets/img/logos/INTIA_Plattform_Logos_TH_weiss.png +0 -0
- data/assets/img/logos/StadtGrenzenlos_Logo.png +0 -0
- data/assets/img/logos/TH_Single.png +0 -0
- data/assets/img/logos/diakonie_michaelshoven.png +0 -0
- data/assets/img/logos/ev_jugendhilfe_godesheim.png +0 -0
- data/assets/img/logos/fjmk.png +0 -0
- metadata +14 -4
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: ceada495a7c4296884bfed6d52017e3b1cddf3b400fe0dd99250717671064112
|
|
4
|
+
data.tar.gz: b5169fd063ae8a2563fe31865fb3352dcfebbb086f9519a66cb8fbb64ee3b5da
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 2f5a83f7fa9a9b1b5b93d00d926914c0c5b7f422a36e565c998c728146a3f4238b8016f315941f029cb8cbafdf66153c0af1ed306c2e03216984e086f7a61e8b
|
|
7
|
+
data.tar.gz: 01cc165e7f4b8cc1bb84bf2392559e0dc05b3db85ea2995cbd649cd747577cee2176f17b1c4d9e26b57c71fa13b143ebdb35adc43b00ac2c9bff026379a4c200
|
data/_includes/contact.html
CHANGED
|
@@ -1,40 +1,34 @@
|
|
|
1
1
|
{% if page.contact %}
|
|
2
|
-
<div class="
|
|
2
|
+
<div class="container contact">
|
|
3
3
|
<h1>{{ site.data.contact.title }}</h1>
|
|
4
4
|
{{ site.data.contact.introduction }}
|
|
5
5
|
<form action="{{ site.data.contact.action }}" class="columns">
|
|
6
6
|
<div class="column is-6">
|
|
7
7
|
<div class="field">
|
|
8
|
-
<label class="label">
|
|
8
|
+
<label class="label">Vor- und Nachname</label>
|
|
9
9
|
<div class="control has-icons-left">
|
|
10
|
-
<input class="input" type="text" id="name" name="name" placeholder="
|
|
10
|
+
<input class="input" type="text" id="name" name="name" placeholder="Hier tippen..." required>
|
|
11
11
|
<span class="icon is-small is-left">
|
|
12
12
|
<i class="fas fa-user"></i>
|
|
13
13
|
</span>
|
|
14
14
|
</div>
|
|
15
15
|
</div>
|
|
16
16
|
<div class="field">
|
|
17
|
-
<label class="label">E-
|
|
17
|
+
<label class="label">E-Mailadresse</label>
|
|
18
18
|
<div class="control has-icons-left">
|
|
19
|
-
<input class="input" type="email" id="email" name="email" placeholder="
|
|
19
|
+
<input class="input" type="email" id="email" name="email" placeholder="Hier tippen...">
|
|
20
20
|
<span class="icon is-small is-left">
|
|
21
21
|
<i class="fas fa-envelope"></i>
|
|
22
22
|
</span>
|
|
23
23
|
</div>
|
|
24
24
|
</div>
|
|
25
25
|
<div class="field">
|
|
26
|
-
<label class="label">
|
|
27
|
-
|
|
28
|
-
<
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
<option value="Innovationskoffer">Innovationskoffer</option>
|
|
33
|
-
<option value="Methoden">Methoden</option>
|
|
34
|
-
<option value="Prototypen">Prototypen</option>
|
|
35
|
-
<option value="Stories">Stories</option>
|
|
36
|
-
</select>
|
|
37
|
-
</div>
|
|
26
|
+
<label class="label">Betreff</label>
|
|
27
|
+
<div class="control has-icons-left">
|
|
28
|
+
<input class="input" id="thema" name="thema" placeholder="Hier tippen...">
|
|
29
|
+
<span class="icon is-small is-left">
|
|
30
|
+
<i class="fas fa-pen"></i>
|
|
31
|
+
</span>
|
|
38
32
|
</div>
|
|
39
33
|
</div>
|
|
40
34
|
</div>
|
|
@@ -46,18 +40,18 @@
|
|
|
46
40
|
class="textarea"
|
|
47
41
|
id="message"
|
|
48
42
|
name="message"
|
|
49
|
-
placeholder="
|
|
43
|
+
placeholder="Hier tippen..."
|
|
50
44
|
required=""
|
|
51
45
|
></textarea>
|
|
52
46
|
</div>
|
|
53
47
|
</div>
|
|
54
48
|
<div class="checkbox columns">
|
|
55
|
-
<div class="column
|
|
49
|
+
<div class="column contact-box">
|
|
56
50
|
<input class="column" type="checkbox" id="agree" name="privacy-policy" value="agreed" required oninvalid="this.setCustomValidity('Bitte dieses Feld anklicken, um fortzufahren')"
|
|
57
51
|
oninput="this.setCustomValidity('')">
|
|
58
52
|
</div>
|
|
59
53
|
|
|
60
|
-
<div class="column">
|
|
54
|
+
<div class="column contact-agree">
|
|
61
55
|
<label for="agree">{{ site.data.contact.checkbox }}</label><br><br>
|
|
62
56
|
<button class="button is-rounded is-dark" type="submit">Abschicken</button>
|
|
63
57
|
</div>
|
|
@@ -65,4 +59,4 @@
|
|
|
65
59
|
</div>
|
|
66
60
|
</form>
|
|
67
61
|
</div>
|
|
68
|
-
|
|
62
|
+
{% endif %}
|
data/_includes/footer.html
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
<div class="navbar-brand column is-full">
|
|
5
5
|
<a href="{{ site.baseurl }}/" class="columns navbar-item">
|
|
6
6
|
<img class="column" src="{{ site.baseurl }}/assets/img/logo-white.png">
|
|
7
|
-
<p class="calumn brand-title"
|
|
7
|
+
<p class="calumn brand-title"></p>
|
|
8
8
|
</a>
|
|
9
9
|
</div>
|
|
10
10
|
<div class="column is-2">
|
|
@@ -54,12 +54,12 @@
|
|
|
54
54
|
<div class="columns content is-small has-text-centered footer-logos">
|
|
55
55
|
<div class="column has-text-right"><div class="page-owner">
|
|
56
56
|
<p class="has-text-left">Eine Seite von</p>
|
|
57
|
-
<img src="
|
|
58
|
-
<img src="{{ site.baseurl }}/assets/img/
|
|
57
|
+
<img src="{{ site.baseurl }}/assets/img/logos/INTIA_Plattform_Logos_TH_weiss.png">
|
|
58
|
+
<img src="{{ site.baseurl }}/assets/img/logos/INTIA_Plattform_Logos_Dites_weiss.png">
|
|
59
59
|
</div></div>
|
|
60
60
|
<div class="column has-text-left"><div class="page-sponsor">
|
|
61
61
|
<p class="has-text-left">Gefördert von</p>
|
|
62
|
-
<img src="
|
|
62
|
+
<img src="{{ site.baseurl }}/assets/img/logos/INTIA_Plattform_Logos_BMBF_weiss.png">
|
|
63
63
|
</div></div>
|
|
64
64
|
</div>
|
|
65
65
|
<div class="content is-small has-text-centered">
|
data/_includes/header.html
CHANGED
|
@@ -17,20 +17,25 @@
|
|
|
17
17
|
{% for item in site.data.navigation %}
|
|
18
18
|
{% if item.dropdown %}
|
|
19
19
|
<div
|
|
20
|
-
class="navbar-item has-text-left button is-rounded is-dark has-dropdown is-hoverable {% if site.fixed_navbar == 'bottom' %} has-dropdown-up {% endif %}">
|
|
21
|
-
|
|
22
|
-
|
|
20
|
+
class="navbar-item has-text-left button is-rounded is-dark has-dropdown is-hoverable {% if site.fixed_navbar == 'bottom' %} has-dropdown-up {% endif %} {% for subitem in item.dropdown %} {% if subitem.link == page.url %} is-active-header {% endif %} {% endfor %}">
|
|
21
|
+
|
|
22
|
+
{% if item.selectable %}
|
|
23
|
+
<a href="{{ item.link | relative_url }}"
|
|
24
|
+
class="navbar-link {% if item.link == page.url %} is-active {% endif %}">{{ item.name }}</a>
|
|
25
|
+
{% else %}
|
|
26
|
+
<a for="navbar-click" class="navbar-link">{{ item.name }}</a>
|
|
27
|
+
{% endif %}
|
|
23
28
|
<div class="navbar-dropdown">
|
|
24
29
|
{% for subitem in item.dropdown %}
|
|
25
30
|
<a href="{{ subitem.link | relative_url }}"
|
|
26
|
-
class="navbar-item button is-rounded is-dark {% if subitem.link == page.url %}is-active{% endif %}">{{ subitem.name
|
|
31
|
+
class="navbar-item button is-rounded is-dark {% if subitem.link == page.url %} is-active {% endif %}">{{ subitem.name
|
|
27
32
|
}}</a>
|
|
28
33
|
{% endfor %}
|
|
29
34
|
</div>
|
|
30
35
|
</div>
|
|
31
36
|
{% else %}
|
|
32
37
|
<a href="{{ item.link | relative_url }}"
|
|
33
|
-
class="navbar-item button is-rounded is-dark {% if item.link == page.url %}is-active{% endif %}">{{ item.name }}</a>
|
|
38
|
+
class="navbar-item has-text-left button is-rounded is-dark {% if item.link == page.url %}is-active{% endif %}">{{ item.name }}</a>
|
|
34
39
|
{% endif %}
|
|
35
40
|
{% endfor %}
|
|
36
41
|
{% endif %}
|
data/_sass/_layout.scss
CHANGED
|
@@ -47,11 +47,13 @@ div.highlight {
|
|
|
47
47
|
}
|
|
48
48
|
|
|
49
49
|
.green {
|
|
50
|
+
width: 100%;
|
|
50
51
|
background-color: $light;
|
|
51
52
|
padding-left: 5%;
|
|
52
53
|
padding-right: 5%;
|
|
53
54
|
padding-top: 6rem;
|
|
54
55
|
padding-bottom: 8rem;
|
|
56
|
+
overflow: hidden;
|
|
55
57
|
}
|
|
56
58
|
|
|
57
59
|
.highlighter {
|
|
@@ -76,9 +78,13 @@ div.highlight {
|
|
|
76
78
|
img.is-rounded {
|
|
77
79
|
border-radius: 65px;
|
|
78
80
|
}
|
|
81
|
+
.hidden {
|
|
82
|
+
display: none;
|
|
83
|
+
}
|
|
79
84
|
.arrow-image {
|
|
80
85
|
z-index: 10;
|
|
81
86
|
top: calc(50% - 68px);
|
|
87
|
+
left: 4vw;
|
|
82
88
|
position: sticky;
|
|
83
89
|
width: 64px;
|
|
84
90
|
cursor: pointer;
|
|
@@ -158,7 +164,17 @@ a .tooltip-popup {
|
|
|
158
164
|
.navbar-link {
|
|
159
165
|
background-color: transparent;
|
|
160
166
|
}
|
|
161
|
-
|
|
167
|
+
a.navbar-item:focus,
|
|
168
|
+
a.navbar-item:focus-within,
|
|
169
|
+
a.navbar-item:hover,
|
|
170
|
+
a.navbar-item.is-active,
|
|
171
|
+
.navbar-link:focus,
|
|
172
|
+
.navbar-link:focus-within,
|
|
173
|
+
.navbar-link:hover,
|
|
174
|
+
.navbar-link.is-active {
|
|
175
|
+
background-color: $primary-dark;
|
|
176
|
+
color: white;
|
|
177
|
+
}
|
|
162
178
|
.button.is-rounded {
|
|
163
179
|
padding-right: 0em !important;
|
|
164
180
|
}
|
|
@@ -270,7 +286,9 @@ a .tooltip-popup {
|
|
|
270
286
|
.subtitle {
|
|
271
287
|
padding: 50px;
|
|
272
288
|
}
|
|
273
|
-
|
|
289
|
+
.subtitle.is-4 {
|
|
290
|
+
font-size: 1.6rem;
|
|
291
|
+
}
|
|
274
292
|
.post h3 {
|
|
275
293
|
font-weight: 600;
|
|
276
294
|
padding-top: 2rem;
|
|
@@ -463,19 +481,20 @@ a .tooltip-popup {
|
|
|
463
481
|
display: flex;
|
|
464
482
|
background-color: white;
|
|
465
483
|
border-radius: 1000px;
|
|
466
|
-
padding:
|
|
484
|
+
padding: 2rem;
|
|
467
485
|
float: none;
|
|
468
486
|
overflow: hidden;
|
|
469
487
|
height: 300px;
|
|
470
|
-
width: 300px;
|
|
488
|
+
width: 300px;
|
|
471
489
|
}
|
|
472
490
|
.highlighter .is-round img {
|
|
473
491
|
background-color: white;
|
|
474
492
|
padding-left: 0;
|
|
475
493
|
padding-right: 0;
|
|
476
|
-
object-fit:
|
|
477
|
-
height: auto;
|
|
494
|
+
object-fit: cover;
|
|
495
|
+
//height: auto;
|
|
478
496
|
width: auto;
|
|
497
|
+
aspect-ratio: 1 / 1;
|
|
479
498
|
}
|
|
480
499
|
|
|
481
500
|
// Footer
|
|
@@ -491,8 +510,12 @@ a .tooltip-popup {
|
|
|
491
510
|
flex-grow: 0;
|
|
492
511
|
}
|
|
493
512
|
.footer-logos img {
|
|
494
|
-
height:
|
|
513
|
+
height: 80px;
|
|
495
514
|
margin-right: 15px;
|
|
515
|
+
image-rendering: -webkit-optimize-contrast;
|
|
516
|
+
}
|
|
517
|
+
.footer-logos p {
|
|
518
|
+
padding-bottom: 5px;
|
|
496
519
|
}
|
|
497
520
|
.footer .title {
|
|
498
521
|
color: white;
|
|
@@ -529,34 +552,6 @@ footer .columns {
|
|
|
529
552
|
font-weight: 600;
|
|
530
553
|
}
|
|
531
554
|
|
|
532
|
-
// Hacks für Mobil
|
|
533
|
-
@include mobile {
|
|
534
|
-
.button {
|
|
535
|
-
height: auto;
|
|
536
|
-
}
|
|
537
|
-
.button a,
|
|
538
|
-
.button span {
|
|
539
|
-
font-size: 24px !important;
|
|
540
|
-
font-weight: 600;
|
|
541
|
-
}
|
|
542
|
-
.buttons {
|
|
543
|
-
display: table-caption;
|
|
544
|
-
}
|
|
545
|
-
.navbar-menu {
|
|
546
|
-
background-color: #229387;
|
|
547
|
-
}
|
|
548
|
-
.hero.is-medium .hero-body {
|
|
549
|
-
padding: 5rem 1rem 4.5rem;
|
|
550
|
-
}
|
|
551
|
-
.navbar-menu .button {
|
|
552
|
-
// Buttongröße aus Figma
|
|
553
|
-
height: auto;
|
|
554
|
-
}
|
|
555
|
-
.footer-logos .column {
|
|
556
|
-
text-align: left !important;
|
|
557
|
-
}
|
|
558
|
-
}
|
|
559
|
-
|
|
560
555
|
// Tool-Tip
|
|
561
556
|
|
|
562
557
|
.tooltip-popup {
|
|
@@ -584,13 +579,24 @@ a:hover .tooltip-popup,
|
|
|
584
579
|
.input,
|
|
585
580
|
.textarea,
|
|
586
581
|
#thema {
|
|
582
|
+
background-color: $light;
|
|
587
583
|
border: 3px solid $primary-dark;
|
|
588
584
|
border-radius: 45px;
|
|
589
585
|
padding-left: 2.5em;
|
|
590
586
|
padding-right: 2.5em;
|
|
591
587
|
}
|
|
592
|
-
.input,
|
|
593
|
-
|
|
588
|
+
.input:hover,
|
|
589
|
+
.textarea:hover,
|
|
590
|
+
#thema:hover {
|
|
591
|
+
border: 3px solid $dark;
|
|
592
|
+
}
|
|
593
|
+
.input:focus,
|
|
594
|
+
.textarea:focus {
|
|
595
|
+
//border: 2px solid $primary-dark;
|
|
596
|
+
border: 3px solid $dark;
|
|
597
|
+
box-shadow: none;
|
|
598
|
+
}
|
|
599
|
+
.input {
|
|
594
600
|
height: 2.75em;
|
|
595
601
|
}
|
|
596
602
|
|
|
@@ -602,13 +608,21 @@ a:hover .tooltip-popup,
|
|
|
602
608
|
.label {
|
|
603
609
|
color: $primary-dark;
|
|
604
610
|
font-weight: 600;
|
|
605
|
-
padding-left:
|
|
611
|
+
padding-left: 0.5rem;
|
|
606
612
|
margin-bottom: 0 !important;
|
|
607
613
|
}
|
|
608
614
|
.contact .column {
|
|
609
615
|
padding: 5rem;
|
|
616
|
+
padding-bottom: 0;
|
|
610
617
|
padding-left: 0;
|
|
611
618
|
}
|
|
619
|
+
.contact .contact-box {
|
|
620
|
+
flex-grow: 0;
|
|
621
|
+
padding-right: 50px;
|
|
622
|
+
}
|
|
623
|
+
.contact-agree {
|
|
624
|
+
padding-right: 0 !important;
|
|
625
|
+
}
|
|
612
626
|
.select:not(.is-multiple):not(.is-loading)::after {
|
|
613
627
|
border-color: $primary-dark;
|
|
614
628
|
right: 2.3em;
|
|
@@ -619,9 +633,40 @@ a:hover .tooltip-popup,
|
|
|
619
633
|
top: 2px;
|
|
620
634
|
}
|
|
621
635
|
.contact .button {
|
|
636
|
+
margin-top: 50px;
|
|
622
637
|
float: right;
|
|
623
638
|
}
|
|
624
639
|
|
|
640
|
+
[type="checkbox"] {
|
|
641
|
+
position: relative;
|
|
642
|
+
//left: 15px;
|
|
643
|
+
top: 0;
|
|
644
|
+
z-index: 0;
|
|
645
|
+
-webkit-appearance: none;
|
|
646
|
+
}
|
|
647
|
+
[type="checkbox"] {
|
|
648
|
+
position: absolute;
|
|
649
|
+
}
|
|
650
|
+
[type="checkbox"]::before {
|
|
651
|
+
width: 25px;
|
|
652
|
+
height: 25px;
|
|
653
|
+
border-radius: 8px;
|
|
654
|
+
border: 2px solid $primary-dark;
|
|
655
|
+
background-color: $light;
|
|
656
|
+
display: block;
|
|
657
|
+
content: "";
|
|
658
|
+
float: left;
|
|
659
|
+
left: 12px;
|
|
660
|
+
//margin-top: 5px;
|
|
661
|
+
//margin-right: 5px;
|
|
662
|
+
z-index: 5;
|
|
663
|
+
position: relative;
|
|
664
|
+
}
|
|
665
|
+
[type="checkbox"]:checked::before {
|
|
666
|
+
box-shadow: inset 0px 0px 0px 4px #fff;
|
|
667
|
+
background-color: $primary-dark;
|
|
668
|
+
}
|
|
669
|
+
|
|
625
670
|
// newss
|
|
626
671
|
.news {
|
|
627
672
|
box-shadow: none;
|
|
@@ -671,3 +716,179 @@ a:hover .tooltip-popup,
|
|
|
671
716
|
display: flow-root;
|
|
672
717
|
margin: auto;
|
|
673
718
|
}
|
|
719
|
+
|
|
720
|
+
// Mobil
|
|
721
|
+
|
|
722
|
+
@include mobile {
|
|
723
|
+
body,
|
|
724
|
+
.highlighter {
|
|
725
|
+
font-size: 0.9rem;
|
|
726
|
+
line-height: 1.5rem;
|
|
727
|
+
}
|
|
728
|
+
.arrow-image {
|
|
729
|
+
display: none;
|
|
730
|
+
}
|
|
731
|
+
h1,
|
|
732
|
+
h2,
|
|
733
|
+
h3,
|
|
734
|
+
p {
|
|
735
|
+
padding-bottom: 0px;
|
|
736
|
+
}
|
|
737
|
+
h1,
|
|
738
|
+
h1 p {
|
|
739
|
+
font-size: 1.875rem; //30px
|
|
740
|
+
}
|
|
741
|
+
.home .hero-body h1 {
|
|
742
|
+
max-width: none;
|
|
743
|
+
}
|
|
744
|
+
.subtitle {
|
|
745
|
+
padding: 35px;
|
|
746
|
+
padding-top: 0;
|
|
747
|
+
}
|
|
748
|
+
.title.is-1 {
|
|
749
|
+
font-size: 1.3rem;
|
|
750
|
+
font-weight: 600;
|
|
751
|
+
}
|
|
752
|
+
.subtitle.is-4 {
|
|
753
|
+
font-size: 1.1rem;
|
|
754
|
+
}
|
|
755
|
+
h2,
|
|
756
|
+
h2 p,
|
|
757
|
+
.highlighter h2 {
|
|
758
|
+
font-size: 1.2rem;
|
|
759
|
+
}
|
|
760
|
+
|
|
761
|
+
h3 {
|
|
762
|
+
font-weight: 600;
|
|
763
|
+
font-size: 1.7rem;
|
|
764
|
+
}
|
|
765
|
+
|
|
766
|
+
h4 {
|
|
767
|
+
font-size: 1rem;
|
|
768
|
+
}
|
|
769
|
+
|
|
770
|
+
h5 {
|
|
771
|
+
font-size: 0.83rem;
|
|
772
|
+
}
|
|
773
|
+
.navbar {
|
|
774
|
+
padding-top: 0.6rem;
|
|
775
|
+
padding-bottom: 0.6rem;
|
|
776
|
+
}
|
|
777
|
+
.navbar-brand img {
|
|
778
|
+
margin: 1rem;
|
|
779
|
+
}
|
|
780
|
+
.hero.is-primary .title {
|
|
781
|
+
padding-top: 35px;
|
|
782
|
+
}
|
|
783
|
+
.navbar-menu .button.is-dark {
|
|
784
|
+
background-color: transparent;
|
|
785
|
+
border-radius: 0;
|
|
786
|
+
width: 100vw;
|
|
787
|
+
}
|
|
788
|
+
.navbar-menu {
|
|
789
|
+
background-color: transparent;
|
|
790
|
+
}
|
|
791
|
+
a.navbar-link {
|
|
792
|
+
background-color: $primary-dark;
|
|
793
|
+
}
|
|
794
|
+
a.navbar-item {
|
|
795
|
+
background-color: $primary-dark !important;
|
|
796
|
+
margin-left: 50px;
|
|
797
|
+
}
|
|
798
|
+
.navbar-item,
|
|
799
|
+
.navbar-link {
|
|
800
|
+
color: #fff;
|
|
801
|
+
display: block;
|
|
802
|
+
line-height: 2.5;
|
|
803
|
+
padding: 0.9rem;
|
|
804
|
+
position: relative;
|
|
805
|
+
}
|
|
806
|
+
.navbar-link:not(.is-arrowless)::after {
|
|
807
|
+
border-color: #fff;
|
|
808
|
+
}
|
|
809
|
+
.navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
|
|
810
|
+
background-color: #09443e !important;
|
|
811
|
+
}
|
|
812
|
+
.button {
|
|
813
|
+
height: auto;
|
|
814
|
+
}
|
|
815
|
+
.button a,
|
|
816
|
+
.button span {
|
|
817
|
+
font-size: 0.8rem !important;
|
|
818
|
+
font-weight: 600;
|
|
819
|
+
}
|
|
820
|
+
.navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
|
|
821
|
+
background-color: #09443e;
|
|
822
|
+
color: #fff;
|
|
823
|
+
}
|
|
824
|
+
.buttons {
|
|
825
|
+
// display: table-caption;
|
|
826
|
+
}
|
|
827
|
+
.hero-body .button,
|
|
828
|
+
.content-wrapper .button {
|
|
829
|
+
padding: 0.5rem !important;
|
|
830
|
+
}
|
|
831
|
+
.hero.is-medium .hero-body {
|
|
832
|
+
padding: 5rem 1rem 4.5rem;
|
|
833
|
+
}
|
|
834
|
+
.navbar-menu .button {
|
|
835
|
+
// Buttongröße aus Figma
|
|
836
|
+
height: auto;
|
|
837
|
+
}
|
|
838
|
+
.story-slider,
|
|
839
|
+
.content-wrapper img {
|
|
840
|
+
border-radius: 25px !important;
|
|
841
|
+
}
|
|
842
|
+
.column.slider-image img {
|
|
843
|
+
border-top-right-radius: 25px !important;
|
|
844
|
+
border-bottom-left-radius: 0 !important;
|
|
845
|
+
border-bottom-right-radius: 0 !important;
|
|
846
|
+
}
|
|
847
|
+
.slider-navigation-next,
|
|
848
|
+
.slider-navigation-previous {
|
|
849
|
+
top: 100% !important;
|
|
850
|
+
width: 20px !important;
|
|
851
|
+
height: 20px !important;
|
|
852
|
+
margin-left: 80px;
|
|
853
|
+
margin-right: 80px;
|
|
854
|
+
}
|
|
855
|
+
.card-content p {
|
|
856
|
+
padding-left: 3rem;
|
|
857
|
+
}
|
|
858
|
+
.card {
|
|
859
|
+
margin-top: 0;
|
|
860
|
+
}
|
|
861
|
+
.card-content {
|
|
862
|
+
padding: 2.5rem;
|
|
863
|
+
}
|
|
864
|
+
.left.card-image {
|
|
865
|
+
padding-left: 2.5rem;
|
|
866
|
+
padding-right: 2.5rem;
|
|
867
|
+
}
|
|
868
|
+
.right.card-image {
|
|
869
|
+
padding-bottom: 2.5rem;
|
|
870
|
+
}
|
|
871
|
+
.columns {
|
|
872
|
+
margin-left: 0;
|
|
873
|
+
margin-right: 0;
|
|
874
|
+
margin-top: 0;
|
|
875
|
+
}
|
|
876
|
+
.two-columns p {
|
|
877
|
+
column-count: 1;
|
|
878
|
+
column-gap: 1rem;
|
|
879
|
+
}
|
|
880
|
+
.highlighter .is-round {
|
|
881
|
+
padding: 10px;
|
|
882
|
+
height: auto;
|
|
883
|
+
width: auto;
|
|
884
|
+
}
|
|
885
|
+
.footer-logos .column {
|
|
886
|
+
text-align: left !important;
|
|
887
|
+
}
|
|
888
|
+
.footer-logos img {
|
|
889
|
+
height: 75px;
|
|
890
|
+
margin-right: 15px;
|
|
891
|
+
image-rendering: -webkit-optimize-contrast;
|
|
892
|
+
padding-bottom: 15px;
|
|
893
|
+
}
|
|
894
|
+
}
|
data/_sass/_main.scss
CHANGED
|
@@ -132,7 +132,20 @@ h5 {
|
|
|
132
132
|
border-color: transparent;
|
|
133
133
|
color: white;
|
|
134
134
|
}
|
|
135
|
-
|
|
135
|
+
@include desktop {
|
|
136
|
+
.navbar-menu .button.is-dark:hover.has-dropdown,
|
|
137
|
+
.navbar-menu .button.is-dark.is-hovered.has-dropdown {
|
|
138
|
+
background-color: $primary-dark;
|
|
139
|
+
}
|
|
140
|
+
}
|
|
141
|
+
.is-active-header {
|
|
142
|
+
background-color: $dark !important;
|
|
143
|
+
}
|
|
144
|
+
@include mobile {
|
|
145
|
+
.is-active-header {
|
|
146
|
+
background-color: transparent !important;
|
|
147
|
+
}
|
|
148
|
+
}
|
|
136
149
|
// Dropdownmenüelemente
|
|
137
150
|
.navbar-dropdown,
|
|
138
151
|
.navbar-item:focus,
|
|
@@ -142,6 +155,11 @@ h5 {
|
|
|
142
155
|
border-width: 2px;
|
|
143
156
|
color: white;
|
|
144
157
|
}
|
|
158
|
+
.navbar.is-primary .navbar-start .navbar-item:hover .navbar-link::after,
|
|
159
|
+
.navbar.is-primary .navbar-end .navbar-item:hover .navbar-link::after {
|
|
160
|
+
transform: rotate(135deg);
|
|
161
|
+
margin-top: 0;
|
|
162
|
+
}
|
|
145
163
|
|
|
146
164
|
// Dropdownmenühintergrund und Rand
|
|
147
165
|
.navbar-dropdown {
|
|
@@ -159,6 +177,13 @@ h5 {
|
|
|
159
177
|
.navbar-item {
|
|
160
178
|
//padding-top: 21px;
|
|
161
179
|
}
|
|
180
|
+
.navbar-dropdown {
|
|
181
|
+
display: none;
|
|
182
|
+
}
|
|
183
|
+
.button.is-dark.has-dropdown:hover .navbar-dropdown,
|
|
184
|
+
.button.is-dark.is-hovered.has-dropdown .navbar-dropdown {
|
|
185
|
+
display: block;
|
|
186
|
+
}
|
|
162
187
|
|
|
163
188
|
.footer {
|
|
164
189
|
background-color: $primary-dark;
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
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.
|
|
4
|
+
version: 0.1.19
|
|
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-11-
|
|
11
|
+
date: 2021-11-19 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -69,6 +69,16 @@ files:
|
|
|
69
69
|
- assets/img/logo-white-old.png
|
|
70
70
|
- assets/img/logo-white.png
|
|
71
71
|
- assets/img/logo.png
|
|
72
|
+
- assets/img/logos/BMBF-01.png
|
|
73
|
+
- assets/img/logos/DiTes_Single.png
|
|
74
|
+
- assets/img/logos/INTIA_Plattform_Logos_BMBF_weiss.png
|
|
75
|
+
- assets/img/logos/INTIA_Plattform_Logos_Dites_weiss.png
|
|
76
|
+
- assets/img/logos/INTIA_Plattform_Logos_TH_weiss.png
|
|
77
|
+
- assets/img/logos/StadtGrenzenlos_Logo.png
|
|
78
|
+
- assets/img/logos/TH_Single.png
|
|
79
|
+
- assets/img/logos/diakonie_michaelshoven.png
|
|
80
|
+
- assets/img/logos/ev_jugendhilfe_godesheim.png
|
|
81
|
+
- assets/img/logos/fjmk.png
|
|
72
82
|
- assets/img/posts/escape-game.jpg
|
|
73
83
|
- assets/img/posts/messenger.jpg
|
|
74
84
|
- assets/img/posts/photoprobe.jpg
|
|
@@ -393,6 +403,6 @@ requirements: []
|
|
|
393
403
|
rubygems_version: 3.2.19
|
|
394
404
|
signing_key:
|
|
395
405
|
specification_version: 4
|
|
396
|
-
summary: A
|
|
397
|
-
Bulma. It can be viewed on theme.intia.de
|
|
406
|
+
summary: A accessible focused design by INTIA, created to be used as an Jekyll theme
|
|
407
|
+
using Bulma. It can be viewed on theme.intia.de
|
|
398
408
|
test_files: []
|