betterplace-content 0.7.84 → 0.7.89

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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 272410f8230f7110bdc8260e320f837e0908bfdbf971d701264522ee12758986
4
- data.tar.gz: dad9a31f348698f9a744cf4ab6a073338b5ccefaf49d91f952e7950e96632e40
3
+ metadata.gz: 5d89bdb892cf8750046c4dc818e2393d1a8ca8b5673e1b0c7eca4575a2dee2ee
4
+ data.tar.gz: c8ecf4eade2f89cd40f0913d057bbe60c9e6e457a0725d04a6d2b0ff690011b3
5
5
  SHA512:
6
- metadata.gz: 324432c690870e4eba5d6afdadafec694561daa702311d28970d9f6f4008eb4978d40b062e8b1165fc415f7de95f462098b576f7fbc54d87946aba9abc44b029
7
- data.tar.gz: b6e52e8e4f7880d27761a6d06926f3bfa0b856777db75055736371a38c1105df3becd8b0e59e6b17c7501b98e2044079cce29ce53946b869f2453ac7079380d1
6
+ metadata.gz: 5362c6e28a671c5bc7212583fc66786dd7fdc262ef3fae6fb9804b7f26e49df7bd85f65ce991fe7c5a154979019e2ad174ece87a473e511d9de302dd1e5e9aa5
7
+ data.tar.gz: 5ab3ad2cc5092866543b2453911c954ed32b92af1947b93b358bd088c757e2f29e5aa09e72170913d8c185ac85f122c3250da5314ca9af40d846c3845c01d8e1
@@ -113,6 +113,24 @@ Update 2019-07-19: Another problem that came us is, that URLs endet in .html whi
113
113
  <script src="{{ style_host }}/de/layouts/current_pack/utils"></script>
114
114
  <script src="{{ style_host }}/de/layouts/current_pack/locale_{{ site.lang }}"></script>
115
115
  <script src="{{ style_host }}/de/layouts/current_pack/homepage"></script>
116
+ <script>
117
+ // Make sure we can test the Rails-staging CSS on jekyll-staging.
118
+ {% comment -%}
119
+ // For Staging: Simulate the environment by replacing the URLs.
120
+ // For Development: This does nothing, unless you force `JEKYLL_ENV=production`.
121
+ // This will also replace URLs like the navbar logo URL which is a nice extra.
122
+ // The attribute data-host-replaced=true is meant as a heads up when using the inspector that something was change here.
123
+ // We cannot use the same logic for JS – more at https://github.com/betterplace/content--theme/commit/cff6293.
124
+ {% endcomment -%}
125
+ if (window.location.hostname !== 'www.betterplace.org') {
126
+ document.querySelectorAll("[href]").forEach(element => {
127
+ if (element.href.includes('www.betterplace.org')) {
128
+ element.href = element.href.replace('www.betterplace.org', window.location.hostname)
129
+ element.setAttribute('data-host-replaced', 'true')
130
+ }
131
+ })
132
+ }
133
+ </script>
116
134
 
117
135
  </body>
118
136
  </html>
@@ -3,7 +3,7 @@ layout: default
3
3
  head_include: <meta content="noindex" name="robots" />
4
4
  ---
5
5
 
6
- <div class="content-wrapper generic-background-color background-color-blue-medium preserves-space-for-transparent-header-with-subnavi">
6
+ <div class="content-wrapper bg-teal-500 preserves-space-for-transparent-header-with-subnavi">
7
7
  <div class="container">
8
8
  <div class="row">
9
9
  <div class="col-md-24 text-center">
@@ -20,12 +20,12 @@
20
20
  display: block
21
21
  font-weight: 400
22
22
  color: black
23
- background: $very-light-grey
23
+ background: $gray-200
24
24
 
25
25
  +desktop
26
26
  font-size: 20px
27
27
  line-height: 66px
28
- border-left: 66px solid $medium-green
28
+ border-left: 66px solid $green-500
29
29
  box-shadow: inset 1px 0 0px 0px #FFF
30
30
  -webkit-box-shadow: inset 1px 0 0px 0px #FFF
31
31
  height: 66px
@@ -42,8 +42,8 @@
42
42
  &:hover,
43
43
  &:focus
44
44
  text-decoration: none
45
- background: darken($very-light-grey, 2%)
46
- border-left-color: darken($medium-green, 2%)
45
+ background: darken($gray-200, 2%)
46
+ border-left-color: darken($green-500, 2%)
47
47
 
48
48
  i
49
49
  position: absolute
@@ -57,7 +57,7 @@
57
57
 
58
58
  +phone
59
59
  left: 20px
60
- color: $medium-green !important
60
+ color: $green-500 !important
61
61
 
62
62
  .btn + br
63
63
  +desktop
@@ -110,7 +110,7 @@
110
110
  &:before
111
111
  content: ''
112
112
  position: absolute
113
- border-bottom: 1px solid $very-light-grey
113
+ border-bottom: 1px solid $gray-200
114
114
  height: 1px
115
115
 
116
116
  +desktop
@@ -5,7 +5,7 @@
5
5
  +desktop
6
6
  padding-top: 41px
7
7
  height: 560px
8
- background: url('#{$site_baseurl}/assets/theme_images/about-us/generic-content-header_desktop.jpg') no-repeat 50% 0 $very-light-grey
8
+ background: url('#{$site_baseurl}/assets/theme_images/about-us/generic-content-header_desktop.jpg') no-repeat 50% 0 $gray-200
9
9
  background-size: cover
10
10
 
11
11
  +phone
@@ -3,7 +3,7 @@
3
3
  color: #ffffff
4
4
 
5
5
  +desktop
6
- background: url('#{$site_baseurl}/assets/theme_images/about-us/history-banner-desktop.jpg') no-repeat 50% 0 $very-light-grey
6
+ background: url('#{$site_baseurl}/assets/theme_images/about-us/history-banner-desktop.jpg') no-repeat 50% 0 $gray-200
7
7
  height: 560px
8
8
 
9
9
  +phone
@@ -31,17 +31,17 @@
31
31
  background: rgba(255, 255, 255, 0.1)
32
32
 
33
33
  &.dark-style
34
- border-color: $light-grey
34
+ border-color: $gray-300
35
35
 
36
36
  &:before
37
- border-top-color: $light-grey
37
+ border-top-color: $gray-300
38
38
 
39
39
  &:hover
40
40
  background: inherit
41
- border-color: darken($light-grey, 5%)
41
+ border-color: darken($gray-300, 5%)
42
42
 
43
43
  &:before
44
- border-top-color: darken($light-grey, 5%)
44
+ border-top-color: darken($gray-300, 5%)
45
45
 
46
46
  +phone
47
47
  display: none
@@ -3,11 +3,11 @@
3
3
  color: white
4
4
 
5
5
  +desktop
6
- background: url('#{$site_baseurl}/assets/theme_images/about-us/team-teaser-desktop.jpg') no-repeat 50% 0 $very-light-grey
6
+ background: url('#{$site_baseurl}/assets/theme_images/about-us/team-teaser-desktop.jpg') no-repeat 50% 0 $gray-200
7
7
  height: 560px
8
8
 
9
9
  +phone
10
- background: url('#{$site_baseurl}/assets/theme_images/about-us/team-teaser-phone.jpg') no-repeat 40% center $very-light-grey
10
+ background: url('#{$site_baseurl}/assets/theme_images/about-us/team-teaser-phone.jpg') no-repeat 40% center $gray-200
11
11
  height: 380px
12
12
  background-size: cover
13
13
 
@@ -1,4 +1,5 @@
1
1
  .why
2
+ background: $gray-200
2
3
  text-align: center
3
4
  position: relative
4
5
 
@@ -1,6 +1,6 @@
1
1
  .hero-search
2
2
 
3
- background: $light-green
3
+ background: $green-300
4
4
  display: flex
5
5
  justify-content: center
6
6
  align-items: center
@@ -52,7 +52,7 @@
52
52
  }
53
53
 
54
54
  p {
55
- color: $dark-grey;
55
+ color: $gray-700;
56
56
  font-weight: 300;
57
57
  font-size: 14px;
58
58
  line-height: 18px;
@@ -207,7 +207,7 @@
207
207
  }
208
208
 
209
209
  .description, .info {
210
- color: $dark-grey;
210
+ color: $gray-700;
211
211
  font-weight: 300;
212
212
  font-size: 0.875em;
213
213
  line-height: 1.25;
@@ -1,26 +1,23 @@
1
- // Farben aus ORG app/assets/stylesheets/initialize/_colors.sass
1
+ // Farben aus ORG tailwind.config.js
2
2
 
3
- $light-green: #CEE57D
4
- $medium-green: #9ECB0A
5
- $dark-green: #357C00
3
+ $gray-200: #eeeeee
4
+ $gray-300: #cccccc
5
+ $gray-500: #919191
6
+ $gray-700: #636363
7
+ $gray-800: #3f3f3f
6
8
 
7
- $very-light-grey: #eeeeee
8
- $light-grey: #cccccc
9
- $medium-grey: #919191
10
- $dark-grey: #636b70
9
+ $green-100: #f5fccc
10
+ $green-300: #d6ef66
11
+ $green-500: #9ecb09
12
+ $green-500: #9ecb0a
11
13
 
12
- $error-red: #ad3922
13
- $dangerous-red: #cd0920
14
+ $purple-600: #6d2c64
14
15
 
15
- $very-light-blue: #AECFD1
16
- $medium-blue: #4597A2
17
- $dark-blue: #28638c
16
+ $red-500: #ff6f6c
18
17
 
19
- $pink: #ff00ff
18
+ $teal-500: #4597a2
19
+ $teal-500: #4597a2
20
20
 
21
- $brand-color-facebook: #4e69a2
22
- $brand-color-twitter: #1da1f2
21
+ $yellow-400: #f6ce46
23
22
 
24
- $footer-color-1: #7b8628
25
- $footer-color-2: #2d7d4f
26
- $footer-color-3: #34675a
23
+ $legacy-gray-blue-200: #aecfd1
@@ -1,31 +1,22 @@
1
1
  @mixin generate-backgrounds($color, $selector)
2
2
 
3
- .bg-color-#{$selector}
3
+ .bg-#{$selector}
4
4
  background-color: $color
5
5
 
6
6
  .lpm-#{$selector}-stripe
7
7
  background-image: linear-gradient(white 0%, white 120px, $color 120px, $color 100%)
8
8
 
9
- // .text-color-#{$selector}
10
- // color: $color
9
+ +generate-backgrounds($red-500, red-500)
10
+ +generate-backgrounds($green-500, green-500)
11
+ +generate-backgrounds($red-500, red-500)
12
+ +generate-backgrounds($legacy-gray-blue-200, legacy-gray-blue-200)
13
+ +generate-backgrounds($teal-500, teal-500)
14
+ +generate-backgrounds($green-100, green-100)
15
+ +generate-backgrounds($purple-600, purple-600)
16
+ +generate-backgrounds($yellow-400, yellow-400)
17
+ +generate-backgrounds($gray-800, gray-800)
18
+ +generate-backgrounds($gray-200, gray-200)
11
19
 
12
- +generate-backgrounds($happy-give, happy-give)
13
- +generate-backgrounds($green-spirit, green-spirit)
14
- +generate-backgrounds($smart-brain, smart-brain)
15
- +generate-backgrounds($happy-give, happy-give)
16
- +generate-backgrounds($good-choice, good-choice)
17
- +generate-backgrounds($light-sky, light-sky)
18
- +generate-backgrounds($mindful-way, mindful-way)
19
- +generate-backgrounds($peaceful-step, peaceful-step)
20
- +generate-backgrounds($tolerant-turn, tolerant-turn)
21
- +generate-backgrounds($open-mind, open-mind)
22
- +generate-backgrounds($sunny-day, sunny-day)
23
- +generate-backgrounds($strong-grey, strong-grey)
24
- +generate-backgrounds($very-light-grey, silver-delight)
25
-
26
- .text-color-white
27
- color: white
28
-
29
- .bg-color-green-spirit
20
+ .bg-green-500
30
21
  .generic-teaser-swiper .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active
31
22
  background-color: white
@@ -2,7 +2,7 @@
2
2
  display: flex
3
3
 
4
4
  @media (min-width: $breakpoint-sm)
5
- background-color: $sunny-day
5
+ background-color: $yellow-400
6
6
  align-items: center
7
7
  height: 486px
8
8
 
data/_sass/lpm/_list.sass CHANGED
@@ -23,7 +23,7 @@
23
23
  content: "."counter(li)
24
24
  font-weight: bold
25
25
  direction: rtl
26
- color: $medium-green
26
+ color: $green-500
27
27
  display: inline-block
28
28
  position: absolute
29
29
  top: 0
@@ -1,6 +1,6 @@
1
1
  hr.lpm-separator
2
2
  height: 0
3
- border-top: 1px solid $medium-green
3
+ border-top: 1px solid $green-500
4
4
  margin: 30px auto
5
5
  width: 5rem
6
6
  &.lpm-separator-long
@@ -6,18 +6,3 @@ $gutter-width: 20px
6
6
  $breakpoint-xs: 600px
7
7
  $breakpoint-sm: 769px
8
8
  $breakpoint-md: 1024px
9
-
10
- // TODO: Diese Datei sollten wir später loswerden, damit alles über theme/colors.sass läuft.
11
-
12
- $happy-give: #FF6F6C
13
- $green-spirit: #9ecb09
14
- $smart-brain: #309B89
15
- $happy-give: #ff6f6c
16
- $good-choice: #AECFD1
17
- $light-sky: #4597A2
18
- $mindful-way: #4E414B
19
- $peaceful-step: #EDEED0
20
- $tolerant-turn: #6D2C64
21
- $open-mind: #FFB38C
22
- $sunny-day: #F6CE46
23
- $strong-grey: #3f3f3f
@@ -18,7 +18,7 @@
18
18
  .supporter-tiles
19
19
 
20
20
  .tile
21
- background: $very-light-grey
21
+ background: $gray-200
22
22
  margin-bottom: 20px
23
23
  margin-top: 50px
24
24
  padding: 30px
@@ -32,7 +32,7 @@
32
32
  margin-left: (115px / -2)
33
33
  width: 115px
34
34
  height: 115px
35
- background: $very-light-grey
35
+ background: $gray-200
36
36
  border-radius: 100%
37
37
 
38
38
  img
@@ -68,7 +68,7 @@
68
68
  margin-bottom: 5px
69
69
 
70
70
  .grey-background
71
- background: $very-light-grey
71
+ background: $gray-200
72
72
  padding: 30px 0
73
73
  margin: 50px 0 0 0
74
74
 
@@ -92,7 +92,7 @@
92
92
  margin-top: 50px
93
93
 
94
94
  .header-illustration
95
- background: $very-light-grey
95
+ background: $gray-200
96
96
  border-radius: 100%
97
97
  width: 90px
98
98
  height: 90px
@@ -12,7 +12,7 @@
12
12
  .help-author,
13
13
  .help-date
14
14
  padding: 10px
15
- color: $medium-grey
15
+ color: $gray-500
16
16
  font-size: 16px
17
17
 
18
18
  .help-categories
@@ -24,7 +24,7 @@
24
24
  li > a
25
25
  padding-right: 10px
26
26
  padding-left: 10px
27
- border-right: 1px solid $light-grey
27
+ border-right: 1px solid $gray-300
28
28
 
29
29
  li:last-child a
30
30
  border-right: 0
@@ -10,5 +10,5 @@
10
10
  .news-author,
11
11
  .news-date
12
12
  padding: 10px
13
- color: $medium-grey
13
+ color: $gray-500
14
14
  font-size: 16px
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.7.84
4
+ version: 0.7.89
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: 2021-03-12 00:00:00.000000000 Z
11
+ date: 2021-04-13 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll