betterplace-content 0.4.18 → 0.5.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_layouts/default.html +8 -0
- data/_layouts/landingpage.html +6 -0
- data/_sass/generics/hero_search.sass +1 -1
- data/_sass/initialize/colors.sass +1 -5
- data/_sass/lpm/_background_colors.sass +36 -0
- data/_sass/lpm/_cloudcannon_editor.sass +11 -0
- data/_sass/lpm/_col2.sass +35 -0
- data/_sass/lpm/_col3.sass +71 -0
- data/_sass/lpm/_contact_box.sass +14 -0
- data/_sass/lpm/_headline_and_image.sass +18 -0
- data/_sass/lpm/_hero_element.sass +24 -0
- data/_sass/lpm/_list.sass +104 -0
- data/_sass/lpm/_seperator.sass +7 -0
- data/_sass/lpm/_variables.sass +21 -0
- data/assets/css/landingpage_modules.sass +17 -0
- metadata +14 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: b801b86eb42d2be851e943b37be09c9710e90e93
|
|
4
|
+
data.tar.gz: a9e86be230410ef9e0cf5d38c2f6fe12b68a69ed
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 77dd4c084a91c6ef9ebdb94f73e723a37cbf75dbc59b3a1db1b6c137784cd7366c3c36bc670c2192249f00d859fbcbbe952a332202e4e5f7a2e38533a8b2eabb
|
|
7
|
+
data.tar.gz: 179fee844814166f193edea79cfb7b34df2eeb7bd8a933cda937cc582efca3be285b39900452d705f85bd4c98fbbc691cfb6a1dba3dcd4fb0cf9b675207dae7a
|
data/_layouts/default.html
CHANGED
|
@@ -30,11 +30,19 @@
|
|
|
30
30
|
|
|
31
31
|
<script src="{{ style_host }}/de/layouts/current_javascript/application"></script>
|
|
32
32
|
<script src="{{ style_host }}/de/layouts/current_pack/cookies_banner"></script>
|
|
33
|
+
|
|
33
34
|
{% comment %}Das content--theme legt die default.css für jedes repo ab. Nicht geil, aber OK.{% endcomment %}
|
|
34
35
|
<link rel="stylesheet" href="{{ style_host }}{{ site.baseurl }}/assets/css/default.css" />
|
|
36
|
+
|
|
37
|
+
{% comment %}Für das Layout "landingpage" haben wir eine zusätzliche Datei {% endcomment %}
|
|
38
|
+
{% if page.layout == 'landingpage' or page.layout == 'lpm-styleguide' %}
|
|
39
|
+
<link rel="stylesheet" href="{{ style_host }}{{ site.baseurl }}/assets/css/landingpage_modules.css" />
|
|
40
|
+
{% endif %}
|
|
41
|
+
|
|
35
42
|
{% if site._options.content.styles %}
|
|
36
43
|
<link rel="stylesheet" href="{{ style_host }}{{ site.baseurl }}{{ site._options.content.styles }}" />
|
|
37
44
|
{% endif %}
|
|
45
|
+
|
|
38
46
|
<link rel="stylesheet" href="{{ style_host }}/de/layouts/current_stylesheet/generics_bootstrap" />
|
|
39
47
|
<link rel="stylesheet" href="{{ style_host }}/de/layouts/current_stylesheet/generics" />
|
|
40
48
|
<link rel="stylesheet" href="{{ style_host }}/de/layouts/current_stylesheet/application" />
|
|
@@ -1,8 +1,4 @@
|
|
|
1
|
-
//
|
|
2
|
-
$very-light-green: #d8e89e
|
|
3
|
-
// $very-dark-grey: #3f3f3f
|
|
4
|
-
|
|
5
|
-
// Farben aus app/assets/stylesheets/initialize/_colors.sass
|
|
1
|
+
// Farben aus ORG app/assets/stylesheets/initialize/_colors.sass
|
|
6
2
|
|
|
7
3
|
$light-green: #CEE57D
|
|
8
4
|
$medium-green: #9ECB0A
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
// backgroundcolor
|
|
2
|
+
.bg-color-silver-delight
|
|
3
|
+
background-color: $very-light-grey
|
|
4
|
+
.bg-color-happy-give
|
|
5
|
+
background-color: $happy-give
|
|
6
|
+
.bg-color-good-choice
|
|
7
|
+
background-color: $good-choice
|
|
8
|
+
.bg-color-light-sky
|
|
9
|
+
background-color: $light-sky
|
|
10
|
+
.bg-color-mindful-way
|
|
11
|
+
background-color: $mindful-way
|
|
12
|
+
.bg-color-peaceful-step
|
|
13
|
+
background-color: $peaceful-step
|
|
14
|
+
.bg-color-tolerant-turn
|
|
15
|
+
background-color: $tolerant-turn
|
|
16
|
+
.bg-color-open-mind
|
|
17
|
+
background-color: $open-mind
|
|
18
|
+
.bg-color-sunny-day
|
|
19
|
+
background-color: $sunny-day
|
|
20
|
+
|
|
21
|
+
.lpm-happy-give-stripe
|
|
22
|
+
background-image: linear-gradient(white 0%, white 120px, $happy-give 120px, $happy-give 100%)
|
|
23
|
+
.lpm-good-choice-stripe
|
|
24
|
+
background-image: linear-gradient(white 0%, white 120px, $good-choice 120px, $good-choice 100%)
|
|
25
|
+
.lpm-light-sky-stripe
|
|
26
|
+
background-image: linear-gradient(white 0%, white 120px, $light-sky 120px, $light-sky 100%)
|
|
27
|
+
.lpm-mindful-way-stripe
|
|
28
|
+
background-image: linear-gradient(white 0%, white 120px, $mindful-way 120px, $mindful-way 100%)
|
|
29
|
+
.lpm-peaceful-step-stripe
|
|
30
|
+
background-image: linear-gradient(white 0%, white 120px, $peaceful-step 120px, $peaceful-step 100%)
|
|
31
|
+
.lpm-tolerant-turn-stripe
|
|
32
|
+
background-image: linear-gradient(white 0%, white 120px, $tolerant-turn 120px, $tolerant-turn 100%)
|
|
33
|
+
.lpm-open-mind-stripe
|
|
34
|
+
background-image: linear-gradient(white 0%, white 120px, $open-mind 120px, $open-mind 100%)
|
|
35
|
+
.lpm-sunny-day-stripe
|
|
36
|
+
background-image: linear-gradient(white 0%, white 120px, $sunny-day 120px, $sunny-day 100%)
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
// This magic makes the styles visible for the cloudcannon editor.
|
|
2
|
+
// This way we can edit them in cloudcannon but they show up correctly for our users.
|
|
3
|
+
// Docs: https://docs.cloudcannon.com/editing/visual-editor/#editor-content
|
|
4
|
+
|
|
5
|
+
.cms-editor-active .hidden-xs,
|
|
6
|
+
.cms-editor-active .visible-xs
|
|
7
|
+
display: initial !important
|
|
8
|
+
border: 2px dotted #6e147d
|
|
9
|
+
max-height: 400px
|
|
10
|
+
.img-responsive.img-center
|
|
11
|
+
margin: 0 auto
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
.lpm-col2-col
|
|
2
|
+
padding: 0 20px
|
|
3
|
+
.lpm-col2-image
|
|
4
|
+
margin-left: -20px
|
|
5
|
+
margin-right: -20px
|
|
6
|
+
|
|
7
|
+
// Desktop:
|
|
8
|
+
@media (min-width: $breakpoint-sm)
|
|
9
|
+
.lpm-col2-row
|
|
10
|
+
display: -webkit-box
|
|
11
|
+
display: -ms-flexbox
|
|
12
|
+
display: flex
|
|
13
|
+
-ms-flex-wrap: wrap
|
|
14
|
+
flex-wrap: wrap
|
|
15
|
+
|
|
16
|
+
.lpm-col2-col
|
|
17
|
+
-ms-flex-preferred-size: 0
|
|
18
|
+
flex-basis: 0
|
|
19
|
+
-webkit-box-flex: 1
|
|
20
|
+
-ms-flex-positive: 1
|
|
21
|
+
display: flex
|
|
22
|
+
flex-grow: 1
|
|
23
|
+
flex-direction: column
|
|
24
|
+
justify-content: space-between
|
|
25
|
+
max-width: 100%
|
|
26
|
+
padding: 0 15px
|
|
27
|
+
|
|
28
|
+
.lpm-col2-text
|
|
29
|
+
flex: 1 0 auto
|
|
30
|
+
p:last-child
|
|
31
|
+
margin-bottom: 0
|
|
32
|
+
|
|
33
|
+
.lpm-col2-image
|
|
34
|
+
flex: 0 2 auto
|
|
35
|
+
margin: 0
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
.lpm-col3-row
|
|
2
|
+
display: flex
|
|
3
|
+
justify-content: space-between
|
|
4
|
+
flex-wrap: wrap
|
|
5
|
+
margin-left: -10px
|
|
6
|
+
margin-right: -10px
|
|
7
|
+
// Desktop:
|
|
8
|
+
@media (min-width: $breakpoint-sm)
|
|
9
|
+
margin-left: 0
|
|
10
|
+
margin-right: 0
|
|
11
|
+
|
|
12
|
+
.lpm-col3-col
|
|
13
|
+
display: flex
|
|
14
|
+
width: 100%
|
|
15
|
+
display: flex
|
|
16
|
+
flex-direction: column
|
|
17
|
+
background-color: white
|
|
18
|
+
width: 100%
|
|
19
|
+
justify-content: space-between
|
|
20
|
+
|
|
21
|
+
// Desktop:
|
|
22
|
+
@media (min-width: $breakpoint-sm)
|
|
23
|
+
width: calc(100% / 3 - 40px / 3)
|
|
24
|
+
|
|
25
|
+
.lpm-col3-headline
|
|
26
|
+
margin: 20px 0
|
|
27
|
+
|
|
28
|
+
.lpm-col3-content-text
|
|
29
|
+
flex: 1 0 auto
|
|
30
|
+
margin: 15px
|
|
31
|
+
padding: 0 0 $gutter-width 0
|
|
32
|
+
> h2,
|
|
33
|
+
> h3
|
|
34
|
+
margin-top: 0
|
|
35
|
+
|
|
36
|
+
.lpm-col3-content-avatar
|
|
37
|
+
flex: 0 2 auto
|
|
38
|
+
margin: 0 15px 15px 15px
|
|
39
|
+
|
|
40
|
+
.lpm-col3-content-text,
|
|
41
|
+
.lpm-col3-content-avatar
|
|
42
|
+
p:last-child
|
|
43
|
+
margin-bottom: 0
|
|
44
|
+
|
|
45
|
+
// Desktop:
|
|
46
|
+
@media (min-width: $breakpoint-sm)
|
|
47
|
+
.lpm-col3
|
|
48
|
+
margin-bottom: 30px
|
|
49
|
+
|
|
50
|
+
// Target those tripple boxes that are non-white
|
|
51
|
+
.lpm-col3.with-background
|
|
52
|
+
margin-bottom: 30px
|
|
53
|
+
|
|
54
|
+
.lpm-col3-row
|
|
55
|
+
margin-left: 0
|
|
56
|
+
margin-right: 0
|
|
57
|
+
margin-top: 20px
|
|
58
|
+
&.with-headline
|
|
59
|
+
margin-top: 0
|
|
60
|
+
|
|
61
|
+
.lpm-col3-col
|
|
62
|
+
margin-bottom: 20px
|
|
63
|
+
// Desktop:
|
|
64
|
+
@media (max-width: $breakpoint-sm)
|
|
65
|
+
margin-bottom: 15px
|
|
66
|
+
|
|
67
|
+
.lpm-col3-content
|
|
68
|
+
margin: 0px 10px
|
|
69
|
+
// Desktop:
|
|
70
|
+
@media (max-width: $breakpoint-sm)
|
|
71
|
+
margin: 0px 15px
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
.lpm-contact-box
|
|
2
|
+
text-align: center
|
|
3
|
+
margin-top: 30px
|
|
4
|
+
margin-bottom: 30px
|
|
5
|
+
|
|
6
|
+
// Desktop:
|
|
7
|
+
@media (min-width: $breakpoint-xs)
|
|
8
|
+
.lpm-contact-box
|
|
9
|
+
display: flex
|
|
10
|
+
align-items: center
|
|
11
|
+
justify-content: center
|
|
12
|
+
text-align: left
|
|
13
|
+
img
|
|
14
|
+
margin-right: $gutter-width
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
.lpm-font-and-image-headline
|
|
2
|
+
background-color: white
|
|
3
|
+
margin: -8rem 1rem 0 0
|
|
4
|
+
z-index: 2
|
|
5
|
+
padding: 1rem 1rem 1.3rem 1rem
|
|
6
|
+
|
|
7
|
+
.lpm-font-and-image-subline
|
|
8
|
+
padding: 0 1rem
|
|
9
|
+
|
|
10
|
+
@media (min-width: $breakpoint-sm)
|
|
11
|
+
.lpm-font-and-image
|
|
12
|
+
display: flex
|
|
13
|
+
align-items: center
|
|
14
|
+
.lpm-font-and-image-headline
|
|
15
|
+
margin: 0 -16rem 0 0
|
|
16
|
+
padding: 1rem 1rem 1.3rem 0
|
|
17
|
+
.lpm-font-and-image-subline
|
|
18
|
+
padding: 0
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
.lpm-hero-element
|
|
2
|
+
background-color: $sunny-day
|
|
3
|
+
display: flex
|
|
4
|
+
|
|
5
|
+
h1,
|
|
6
|
+
h2,
|
|
7
|
+
p
|
|
8
|
+
color: white
|
|
9
|
+
|
|
10
|
+
h1
|
|
11
|
+
line-height: 125%
|
|
12
|
+
margin-bottom: 0
|
|
13
|
+
|
|
14
|
+
@media (min-width: $breakpoint-sm)
|
|
15
|
+
align-items: center
|
|
16
|
+
height: 486px
|
|
17
|
+
|
|
18
|
+
@media (max-width: $breakpoint-sm)
|
|
19
|
+
height: 420px
|
|
20
|
+
flex-direction: column
|
|
21
|
+
justify-content: flex-end
|
|
22
|
+
padding-bottom: 20px
|
|
23
|
+
background-position: 50% 50%
|
|
24
|
+
background-size: cover
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
// Hierarchie
|
|
2
|
+
// Erst .lpm-list prüfen. Die Defaultliste.
|
|
3
|
+
// Dann .lpm-list.in-three-columns prüfen. Die Default-Liste in Spalten.
|
|
4
|
+
// Dann zusätzlich .size-large und .with-bullets und .with-checkmarks
|
|
5
|
+
|
|
6
|
+
// Mobile- und Base-Styles
|
|
7
|
+
// Modifikationen für Desktop via Media-Queries reingeschachtelt
|
|
8
|
+
|
|
9
|
+
.lpm-list
|
|
10
|
+
list-style: none
|
|
11
|
+
counter-reset: li
|
|
12
|
+
padding-left: 0
|
|
13
|
+
margin-bottom: 0
|
|
14
|
+
|
|
15
|
+
li
|
|
16
|
+
position: relative
|
|
17
|
+
counter-increment: li
|
|
18
|
+
padding: 0 0 0 30px
|
|
19
|
+
@media (min-width: $breakpoint-xs)
|
|
20
|
+
// Desktop:
|
|
21
|
+
padding: 0 30px 0 30px
|
|
22
|
+
&:before
|
|
23
|
+
content: "."counter(li)
|
|
24
|
+
font-weight: bold
|
|
25
|
+
direction: rtl
|
|
26
|
+
color: $medium-green
|
|
27
|
+
display: inline-block
|
|
28
|
+
position: absolute
|
|
29
|
+
top: 0
|
|
30
|
+
left: 5px
|
|
31
|
+
// Desktop:
|
|
32
|
+
@media (min-width: $breakpoint-xs)
|
|
33
|
+
left: 0
|
|
34
|
+
|
|
35
|
+
p:last-child
|
|
36
|
+
margin-bottom: 0
|
|
37
|
+
|
|
38
|
+
&.size-large
|
|
39
|
+
li
|
|
40
|
+
font-size: 18px
|
|
41
|
+
line-height: 24px
|
|
42
|
+
margin-bottom: 20px
|
|
43
|
+
padding-left: 35px
|
|
44
|
+
&:last-child
|
|
45
|
+
margin-bottom: 30px
|
|
46
|
+
// Desktop:
|
|
47
|
+
@media (min-width: $breakpoint-xs)
|
|
48
|
+
padding-left: 30px
|
|
49
|
+
|
|
50
|
+
&.size-large.in-three-columns
|
|
51
|
+
// Desktop:
|
|
52
|
+
@media (min-width: $breakpoint-xs)
|
|
53
|
+
li
|
|
54
|
+
padding-left: 25px
|
|
55
|
+
|
|
56
|
+
&.with-bullets
|
|
57
|
+
li:before
|
|
58
|
+
font-family: FontAwesome
|
|
59
|
+
content: "\f111"
|
|
60
|
+
padding-left: 0
|
|
61
|
+
font-size: 7px
|
|
62
|
+
top: 6px
|
|
63
|
+
left: 3px
|
|
64
|
+
|
|
65
|
+
&.size-large
|
|
66
|
+
li
|
|
67
|
+
padding-left: 25px
|
|
68
|
+
&:before
|
|
69
|
+
font-size: 10px
|
|
70
|
+
top: 0
|
|
71
|
+
left: 0
|
|
72
|
+
|
|
73
|
+
&.with-checkmarks
|
|
74
|
+
li
|
|
75
|
+
padding-left: 25px
|
|
76
|
+
li:before
|
|
77
|
+
font-family: FontAwesome
|
|
78
|
+
content: "\f00c"
|
|
79
|
+
top: 0
|
|
80
|
+
left: 0
|
|
81
|
+
|
|
82
|
+
&.size-large
|
|
83
|
+
li
|
|
84
|
+
line-height: 24px
|
|
85
|
+
padding-left: 33px
|
|
86
|
+
&:before
|
|
87
|
+
font-size: 22px
|
|
88
|
+
|
|
89
|
+
&.in-three-columns
|
|
90
|
+
li
|
|
91
|
+
margin-bottom: 15px
|
|
92
|
+
// Desktop:
|
|
93
|
+
@media (min-width: $breakpoint-xs)
|
|
94
|
+
margin-bottom: 30px
|
|
95
|
+
li:last-child
|
|
96
|
+
margin-bottom: 30px
|
|
97
|
+
|
|
98
|
+
// Desktop:
|
|
99
|
+
@media (min-width: $breakpoint-xs)
|
|
100
|
+
display: flex
|
|
101
|
+
flex-wrap: wrap
|
|
102
|
+
li
|
|
103
|
+
width: 33.333333333%
|
|
104
|
+
flex: 0 0 auto
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
// TODO: Diese Datei sollten wir später loswerden, damit alles über theme/colors.sass läuft.
|
|
2
|
+
|
|
3
|
+
$light-green: #CEE57D
|
|
4
|
+
$very-light-grey: #eeeeee
|
|
5
|
+
$medium-green: #9ECB0A
|
|
6
|
+
|
|
7
|
+
$happy-give: #FF6F6C
|
|
8
|
+
$good-choice: #AECFD1
|
|
9
|
+
$light-sky: #4597A2
|
|
10
|
+
$mindful-way: #4E414B
|
|
11
|
+
$peaceful-step: #EDEED0
|
|
12
|
+
$tolerant-turn: #6D2C64
|
|
13
|
+
$open-mind: #FFB38C
|
|
14
|
+
$sunny-day: #F6CE46
|
|
15
|
+
|
|
16
|
+
$spacer: 3rem
|
|
17
|
+
$gutter-width: 20px
|
|
18
|
+
|
|
19
|
+
$breakpoint-xs: 600px
|
|
20
|
+
$breakpoint-sm: 769px
|
|
21
|
+
$breakpoint-md: 1024px
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
---
|
|
2
|
+
---
|
|
3
|
+
@import initialize/colors
|
|
4
|
+
@import lpm/variables
|
|
5
|
+
@import lpm/background_colors
|
|
6
|
+
|
|
7
|
+
// Modules
|
|
8
|
+
@import lpm/list
|
|
9
|
+
@import lpm/seperator
|
|
10
|
+
@import lpm/headline_and_image
|
|
11
|
+
@import lpm/contact_box
|
|
12
|
+
@import lpm/hero_element
|
|
13
|
+
@import lpm/col2
|
|
14
|
+
@import lpm/col3
|
|
15
|
+
|
|
16
|
+
// Just for the Cloudcannon-Editor-UI
|
|
17
|
+
@import lpm/cloudcannon_editor
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: betterplace-content
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.
|
|
4
|
+
version: 0.5.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- betterplace.org Developers
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2018-08-
|
|
11
|
+
date: 2018-08-21 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -77,6 +77,7 @@ files:
|
|
|
77
77
|
- _layouts/default.html
|
|
78
78
|
- _layouts/error404.html
|
|
79
79
|
- _layouts/help.html
|
|
80
|
+
- _layouts/landingpage.html
|
|
80
81
|
- _layouts/news.html
|
|
81
82
|
- _layouts/post.html
|
|
82
83
|
- _layouts/redirect.html
|
|
@@ -106,6 +107,16 @@ files:
|
|
|
106
107
|
- _sass/generics/topicblock.sass
|
|
107
108
|
- _sass/initialize/colors.sass
|
|
108
109
|
- _sass/initialize/media_queries.sass
|
|
110
|
+
- _sass/lpm/_background_colors.sass
|
|
111
|
+
- _sass/lpm/_cloudcannon_editor.sass
|
|
112
|
+
- _sass/lpm/_col2.sass
|
|
113
|
+
- _sass/lpm/_col3.sass
|
|
114
|
+
- _sass/lpm/_contact_box.sass
|
|
115
|
+
- _sass/lpm/_headline_and_image.sass
|
|
116
|
+
- _sass/lpm/_hero_element.sass
|
|
117
|
+
- _sass/lpm/_list.sass
|
|
118
|
+
- _sass/lpm/_seperator.sass
|
|
119
|
+
- _sass/lpm/_variables.sass
|
|
109
120
|
- _sass/pages/freundeskreis.sass
|
|
110
121
|
- _sass/pages/help.sass
|
|
111
122
|
- _sass/pages/jobs.sass
|
|
@@ -113,6 +124,7 @@ files:
|
|
|
113
124
|
- _sass/pages/team.sass
|
|
114
125
|
- _sass/post.sass
|
|
115
126
|
- assets/css/default.sass
|
|
127
|
+
- assets/css/landingpage_modules.sass
|
|
116
128
|
- assets/js/ga-autotrack.js
|
|
117
129
|
- assets/js/lunr.js
|
|
118
130
|
- assets/js/search.js
|