betterplace-content 0.7.85 → 0.7.90

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: ded70697e24d4949d798f4ce07580869aec5078e80e13796bb43de822eb65de6
4
- data.tar.gz: 2d550bfe4ea0c5cfea042325a540cd9f0377f4430249a38e8dd7375de028e9ee
3
+ metadata.gz: c0d5ecd95aa4970b9db1f2d89aa2f4209adeffcf78f64ec06e73b8dc66347c55
4
+ data.tar.gz: 40723e770bce99db45e5fb223afe786e53eedf046e1aae213a8fdaf43d282942
5
5
  SHA512:
6
- metadata.gz: 7507e81c321734a8c91e59c8767d8cd89efbd5c5d9a867b020a685f2bb6b3f9527ce31fbb110a72d529fa08fd7eb6b7984353bc2cc1f651e2925c17049f9fc4c
7
- data.tar.gz: cdfcfe0692a05b87046b9c09cdac4e5756728df49bedef291ee0a35cd74fc67615498fe83b00ff28722bf131434608e68da4d383cc5471dd5d46ae17091a7fc4
6
+ metadata.gz: 5ac3b91b7573655dfd1543e54c77bf581e3ea25cbd45a64e35195926c38a96386abd653dd7554faeff3b4bb6a167efb62c29fb352bbebfeb6af6bf8ba8db829b
7
+ data.tar.gz: 92c90e6fa7359bc0c72dda57cb8c06d197c0e61609d1f7f66d472723e43ea5f4a78b4e239fe220c5cd54e09b2f2e24db0d2ac8b345781ff6a68c03a7f1d127a3
@@ -114,20 +114,19 @@ Update 2019-07-19: Another problem that came us is, that URLs endet in .html whi
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
116
  <script>
117
- {% comment %}
118
- // Make sure we can test the staging CSS.
119
- // For Staging: Simmulate the environment by replacing the URLs
120
- // For Development: This does nothing, unless you force `JEKYLL_ENV=production`
121
- {% endcomment %}
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 -%}
122
125
  if (window.location.hostname !== 'www.betterplace.org') {
123
- document.querySelectorAll("[src]").forEach(element => {
124
- if (element.src.includes('www.betterplace.org')) {
125
- element.src = element.src.replace('www.betterplace.org', window.location.hostname)
126
- }
127
- })
128
126
  document.querySelectorAll("[href]").forEach(element => {
129
127
  if (element.href.includes('www.betterplace.org')) {
130
128
  element.href = element.href.replace('www.betterplace.org', window.location.hostname)
129
+ element.setAttribute('data-host-replaced', 'true')
131
130
  }
132
131
  })
133
132
  }
@@ -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
 
@@ -35,7 +35,7 @@
35
35
  height: 0;
36
36
  border-style: solid;
37
37
  border-width: 5px 5px 0 5px;
38
- border-color: $very-light_grey transparent transparent transparent;
38
+ border-color: $gray-200 transparent transparent transparent;
39
39
  }
40
40
  }
41
41
 
@@ -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;
@@ -136,7 +136,7 @@
136
136
  height: 0;
137
137
  border-style: solid;
138
138
  border-width: 20px 20px 20px 0;
139
- border-color: transparent $very-light_grey transparent transparent;
139
+ border-color: transparent $gray-200 transparent transparent;
140
140
  @include desktop {
141
141
  top: 50%;
142
142
  margin-top: -15px;
@@ -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.85
4
+ version: 0.7.90
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-17 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