betterplace-content 0.7.87 → 0.7.92

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 31d44c3e0cf3baecdb3100e5b659ceae8114a2b0ff922f76a80e5414f0ae2d23
-  data.tar.gz: 395c8ac473faa93594452614b39bc4d11302c52d2f75298f0462af2b1544d0c3
+  metadata.gz: 269058cb07f2c466b7aecfd8ca2e724a30c87cef5188ba9b478ce7e917cdc7fc
+  data.tar.gz: fdb15c876fd1e7ff4e526ddd1c9086951378e807e0786a3310cd478398be41f8
 SHA512:
-  metadata.gz: 10fd3aee47f951ecc84abd9bd5603da3a6368912438ea1f090cc6de06eeb44c22b345238af2bba18ebfa0be85b9fa2c3b68cde9bd6066c5591123ecb7dce7a37
-  data.tar.gz: d65c91514775a434cb29f1cb6a057c63c961504f671ae84e62cb6de6cbc7eec2b9825a5ec7792e4eba1ccc5b26c96fb77f24c9fd1112b755de25a7bd2b0d3d12
+  metadata.gz: 857dfccbda73ac007eeced56bed21c2e7a0a07bffdaa050491d6bc999a2871194125cff8d77743887494719cfe8ea78ac622c912b1b7fde5aa038b863a72daf1
+  data.tar.gz: c6d1d5afef0a5d79e2714b30938ad2ece431d952e391e6a50c3d48cb2bb643a35da49b84d6c6f79639279045d572370b5fe78cbf3484b971af408f39aaa6b8a6

data/_includes/header-de.html

@@ -1 +1 @@
-<header><div class="header-logo"><a onclick="gaEvent(&#39;navigation header&#39;, &#39;click /de&#39;)" class="logo" href="https://www.betterplace.org/de"><img class="logo-full" alt="betterplace.org (Logo)" src="https://betterplace-assets.betterplace.org/assets/logos/layout-logo-d467733fb66cce20fecaf168956b759058116995fd5cc76f82e679acc0a0d54c.svg" /><img class="logo-compact" alt="betterplace.org (Logo)" src="https://betterplace-assets.betterplace.org/assets/logos/layout-logo-compact-c31a5daedfb45394a9fe63e271dc27ef75248a67aae3dece9eca21afc4082a22.svg" /></a></div><div class="header-claim">Deutschlands größte Spendenplattform</div><div class="header-search"><div data-search-url="https://www.betterplace.org/de/homepage/search" id="header-search-mountpoint"><i class="fa fa-search header-search-icon"></i></div></div><div class="header-login generic-header-login"><div data-login-check-url="https://www.betterplace.org/de/layouts/login_check" data-login-url="https://www.betterplace.org/de/users/sign_in?return_to={{site.baseurl}}" id="header-login-mountpoint"><span class="header-login-icon"><i class="fas fa-user fa-fw"></i></span><span class="header-login-label"><a href="https://www.betterplace.org/de/users/sign_in?return_to={{site.baseurl}}">Anmelden</a></span></div></div><div class="header-links"><ul class="header-list list-unstyled"><li class="header-item"><a onclick="gaEvent(&#39;navigation header&#39;, &#39;click /de/discover&#39;)" class="header-link" href="https://www.betterplace.org/de/discover">Entdecken</a></li><li class="header-item"><a onclick="gaEvent(&#39;navigation header&#39;, &#39;click /c/spenden-sammeln&#39;)" class="header-link" href="https://www.betterplace.org/c/spenden-sammeln">Spenden sammeln</a></li><li class="header-item"><a onclick="gaEvent(&#39;navigation header&#39;, &#39;click /c/ueber-uns&#39;)" class="header-link" href="/c/ueber-uns">Über uns</a></li></ul></div></header>
+<header><div class="header-logo"><a onclick="gaEvent(&#39;navigation header&#39;, &#39;click /de&#39;)" class="logo" href="https://www.betterplace.org/de"><img class="logo-full" alt="betterplace.org (Logo)" height="30" src="https://betterplace-assets.betterplace.org/assets/logos/layout-logo-d467733fb66cce20fecaf168956b759058116995fd5cc76f82e679acc0a0d54c.svg" /><img class="logo-compact" alt="betterplace.org (Logo)" height="30" src="https://betterplace-assets.betterplace.org/assets/logos/layout-logo-compact-c31a5daedfb45394a9fe63e271dc27ef75248a67aae3dece9eca21afc4082a22.svg" /></a></div><div class="header-claim">Deutschlands größte Spendenplattform</div><div class="header-search"><div data-search-url="https://www.betterplace.org/de/homepage/search" id="header-search-mountpoint"><i class="fa fa-search header-search-icon"></i></div></div><div class="header-login generic-header-login"><div data-login-check-url="https://www.betterplace.org/de/layouts/login_check" data-login-url="https://www.betterplace.org/de/users/sign_in?return_to={{site.baseurl}}" id="header-login-mountpoint"><span class="header-login-icon"><i class="fas fa-user fa-fw"></i></span><span class="header-login-label"><a href="https://www.betterplace.org/de/users/sign_in?return_to={{site.baseurl}}">Anmelden</a></span></div></div><div class="header-links"><ul class="header-list list-unstyled"><li class="header-item"><a onclick="gaEvent(&#39;navigation header&#39;, &#39;click /de/discover&#39;)" class="header-link" href="https://www.betterplace.org/de/discover">Entdecken</a></li><li class="header-item"><a onclick="gaEvent(&#39;navigation header&#39;, &#39;click /de/collect_donations&#39;)" class="header-link" href="https://www.betterplace.org/de/collect_donations">Spenden sammeln</a></li><li class="header-item"><a onclick="gaEvent(&#39;navigation header&#39;, &#39;click /c/ueber-uns&#39;)" class="header-link" href="/c/ueber-uns">Über uns</a></li></ul></div></header>

data/_includes/header-en.html

@@ -1 +1 @@
-<header><div class="header-logo"><a onclick="gaEvent(&#39;navigation header&#39;, &#39;click /en&#39;)" class="logo" href="https://www.betterplace.org/en"><img class="logo-full" alt="betterplace.org (Logo)" src="https://betterplace-assets.betterplace.org/assets/logos/layout-logo-d467733fb66cce20fecaf168956b759058116995fd5cc76f82e679acc0a0d54c.svg" /><img class="logo-compact" alt="betterplace.org (Logo)" src="https://betterplace-assets.betterplace.org/assets/logos/layout-logo-compact-c31a5daedfb45394a9fe63e271dc27ef75248a67aae3dece9eca21afc4082a22.svg" /></a></div><div class="header-claim">Change the world with your donation</div><div class="header-search"><div data-search-url="https://www.betterplace.org/en/homepage/search" id="header-search-mountpoint"><i class="fa fa-search header-search-icon"></i></div></div><div class="header-login generic-header-login"><div data-login-check-url="https://www.betterplace.org/en/layouts/login_check" data-login-url="https://www.betterplace.org/en/users/sign_in?return_to={{site.baseurl}}" id="header-login-mountpoint"><span class="header-login-icon"><i class="fas fa-user fa-fw"></i></span><span class="header-login-label"><a href="https://www.betterplace.org/en/users/sign_in?return_to={{site.baseurl}}">Login</a></span></div></div><div class="header-links"><ul class="header-list list-unstyled"><li class="header-item"><a onclick="gaEvent(&#39;navigation header&#39;, &#39;click /en/discover&#39;)" class="header-link" href="https://www.betterplace.org/en/discover">Discover</a></li><li class="header-item"><a onclick="gaEvent(&#39;navigation header&#39;, &#39;click /c/collect-donations&#39;)" class="header-link" href="https://www.betterplace.org/c/collect-donations">Collect donations</a></li><li class="header-item"><a onclick="gaEvent(&#39;navigation header&#39;, &#39;click /c/about-us&#39;)" class="header-link" href="/c/about-us">About Us</a></li></ul></div></header>
+<header><div class="header-logo"><a onclick="gaEvent(&#39;navigation header&#39;, &#39;click /en&#39;)" class="logo" href="https://www.betterplace.org/en"><img class="logo-full" alt="betterplace.org (Logo)" height="30" src="https://betterplace-assets.betterplace.org/assets/logos/layout-logo-d467733fb66cce20fecaf168956b759058116995fd5cc76f82e679acc0a0d54c.svg" /><img class="logo-compact" alt="betterplace.org (Logo)" height="30" src="https://betterplace-assets.betterplace.org/assets/logos/layout-logo-compact-c31a5daedfb45394a9fe63e271dc27ef75248a67aae3dece9eca21afc4082a22.svg" /></a></div><div class="header-claim">Change the world with your donation</div><div class="header-search"><div data-search-url="https://www.betterplace.org/en/homepage/search" id="header-search-mountpoint"><i class="fa fa-search header-search-icon"></i></div></div><div class="header-login generic-header-login"><div data-login-check-url="https://www.betterplace.org/en/layouts/login_check" data-login-url="https://www.betterplace.org/en/users/sign_in?return_to={{site.baseurl}}" id="header-login-mountpoint"><span class="header-login-icon"><i class="fas fa-user fa-fw"></i></span><span class="header-login-label"><a href="https://www.betterplace.org/en/users/sign_in?return_to={{site.baseurl}}">Login</a></span></div></div><div class="header-links"><ul class="header-list list-unstyled"><li class="header-item"><a onclick="gaEvent(&#39;navigation header&#39;, &#39;click /en/discover&#39;)" class="header-link" href="https://www.betterplace.org/en/discover">Discover</a></li><li class="header-item"><a onclick="gaEvent(&#39;navigation header&#39;, &#39;click /en/collect_donations&#39;)" class="header-link" href="https://www.betterplace.org/en/collect_donations">Collect donations</a></li><li class="header-item"><a onclick="gaEvent(&#39;navigation header&#39;, &#39;click /c/about-us&#39;)" class="header-link" href="/c/about-us">About Us</a></li></ul></div></header>

data/_layouts/error404.html

@@ -3,7 +3,7 @@ layout: default
 head_include: <meta content="noindex" name="robots" />
 ---
 
-<div class="content-wrapper generic-background-color background-color-blue-medium preserves-space-for-transparent-header-with-subnavi">
+<div class="content-wrapper bg-teal-500 preserves-space-for-transparent-header-with-subnavi">
   <div class="container">
     <div class="row">
       <div class="col-md-24 text-center">

data/_sass/about-us/feature.sass

@@ -20,12 +20,12 @@
       display: block
       font-weight: 400
       color: black
-      background: $very-light-grey
+      background: $gray-200
 
       +desktop
         font-size: 20px
         line-height: 66px
-        border-left: 66px solid $medium-green
+        border-left: 66px solid $green-500
         box-shadow: inset 1px 0 0px 0px #FFF
         -webkit-box-shadow: inset 1px 0 0px 0px #FFF
         height: 66px
@@ -42,8 +42,8 @@
       &:hover,
       &:focus
         text-decoration: none
-        background: darken($very-light-grey, 2%)
-        border-left-color: darken($medium-green, 2%)
+        background: darken($gray-200, 2%)
+        border-left-color: darken($green-500, 2%)
 
       i
         position: absolute
@@ -57,7 +57,7 @@
 
         +phone
           left: 20px
-          color: $medium-green !important
+          color: $green-500 !important
 
   .btn + br
     +desktop
@@ -110,7 +110,7 @@
     &:before
       content: ''
       position: absolute
-      border-bottom: 1px solid $very-light-grey
+      border-bottom: 1px solid $gray-200
       height: 1px
 
       +desktop

data/_sass/about-us/generic_content_header.sass

@@ -5,7 +5,7 @@
   +desktop
     padding-top: 41px
     height: 560px
-    background: url('#{$site_baseurl}/assets/theme_images/about-us/generic-content-header_desktop.jpg') no-repeat 50% 0 $very-light-grey
+    background: url('#{$site_baseurl}/assets/theme_images/about-us/generic-content-header_desktop.jpg') no-repeat 50% 0 $gray-200
     background-size: cover
 
   +phone

data/_sass/about-us/history.sass

@@ -3,7 +3,7 @@
   color: #ffffff
 
   +desktop
-    background: url('#{$site_baseurl}/assets/theme_images/about-us/history-banner-desktop.jpg') no-repeat 50% 0 $very-light-grey
+    background: url('#{$site_baseurl}/assets/theme_images/about-us/history-banner-desktop.jpg') no-repeat 50% 0 $gray-200
     height: 560px
 
   +phone

data/_sass/about-us/scroll-down.sass

@@ -31,17 +31,17 @@
       background: rgba(255, 255, 255, 0.1)
 
     &.dark-style
-      border-color: $light-grey
+      border-color: $gray-300
 
       &:before
-        border-top-color: $light-grey
+        border-top-color: $gray-300
 
       &:hover
         background: inherit
-        border-color: darken($light-grey, 5%)
+        border-color: darken($gray-300, 5%)
 
         &:before
-          border-top-color: darken($light-grey, 5%)
+          border-top-color: darken($gray-300, 5%)
 
   +phone
     display: none

data/_sass/about-us/team.sass

@@ -3,11 +3,11 @@
   color: white
 
   +desktop
-    background: url('#{$site_baseurl}/assets/theme_images/about-us/team-teaser-desktop.jpg') no-repeat 50% 0 $very-light-grey
+    background: url('#{$site_baseurl}/assets/theme_images/about-us/team-teaser-desktop.jpg') no-repeat 50% 0 $gray-200
     height: 560px
 
   +phone
-    background: url('#{$site_baseurl}/assets/theme_images/about-us/team-teaser-phone.jpg') no-repeat 40% center $very-light-grey
+    background: url('#{$site_baseurl}/assets/theme_images/about-us/team-teaser-phone.jpg') no-repeat 40% center $gray-200
     height: 380px
     background-size: cover
 

data/_sass/about-us/why.sass

@@ -1,4 +1,5 @@
 .why
+  background: $gray-200
   text-align: center
   position: relative
 

data/_sass/generics/desktop-navigation.scss

@@ -35,7 +35,7 @@
         height: 0;
         border-style: solid;
         border-width: 5px 5px 0 5px;
-        border-color: $very-light_grey transparent transparent transparent;
+        border-color: $gray-200 transparent transparent transparent;
       }
     }
 

data/_sass/generics/hero_search.sass

@@ -1,6 +1,6 @@
 .hero-search
 
-  background: $light-green
+  background: $green-300
   display: flex
   justify-content: center
   align-items: center

data/_sass/generics/team_list.scss

@@ -1,3 +1,4 @@
+// Used for counsil and shareholders.
 .generic-team-list {
   padding: 0;
   margin-left: 0;
@@ -52,7 +53,7 @@
       }
 
       p {
-        color: $dark-grey;
+        color: $gray-700;
         font-weight: 300;
         font-size: 14px;
         line-height: 18px;
@@ -79,101 +80,10 @@
       z-index: 20;
     }
 
-    &.is-alumni {
-      display: none;
-    }
-
     img {
       width: 100%;
       height: auto;
       display: block;
     }
-
-    &.has-speech-bubble {
-      @include desktop {
-        width: 40%;
-      }
-      @include phone {
-        width: 100%;
-      }
-      .user-image {
-        float: left;
-        @include desktop {
-          width: 50%;
-        }
-        @include phone {
-          width: 50%;
-        }
-      }
-      .name-and-meta {
-        width: 50%;
-      }
-    }
-
-    .speech-bubble {
-      hyphens: auto;
-      -webkit-hyphens: auto;
-      position: relative;
-      display: block;
-      width: 50%;
-      font-weight: normal;
-      font-size: 14px;
-      float: left;
-      background-color: #eeeeee;
-      @include desktop {
-        height: 188px;
-        padding: 15px;
-      }
-      @include phone {
-        padding: 10px 10px 0px 10px;
-      }
-
-      &:before {
-        content: '';
-        position: absolute;
-        left: -20px;
-        width: 0;
-        height: 0;
-        border-style: solid;
-        border-width: 20px 20px 20px 0;
-        border-color: transparent $very-light_grey transparent transparent;
-        @include desktop {
-          top: 50%;
-          margin-top: -15px;
-        }
-        @include phone {
-          top: 20px;
-        }
-      }
-
-      h2 {
-        font-weight: 300;
-        margin-top: 0;
-        @include desktop {
-          font-size: 18px;
-          line-height: 24px;
-        }
-        @include phone {
-          font-size: 5vw;
-          line-height: 6vw;
-        }
-      }
-      p {
-        font-weight: 300;
-        margin-bottom: 0;
-        @include desktop {
-          font-size: 13px;
-          line-height: 18px;
-        }
-        @include phone {
-          font-size: 3vw;
-          line-height: 4vw;
-        }
-        a {
-          font-weight: 300;
-          color: inherit;
-        }
-      }
-    }
   }
 }

data/_sass/generics/team_list_interlaced.scss

@@ -207,7 +207,7 @@
       }
 
       .description, .info {
-        color: $dark-grey;
+        color: $gray-700;
         font-weight: 300;
         font-size: 0.875em;
         line-height: 1.25;

data/_sass/initialize/colors.sass

@@ -1,26 +1,23 @@
-// Farben aus ORG app/assets/stylesheets/initialize/_colors.sass
+// Farben aus ORG tailwind.config.js
 
-$light-green:     #CEE57D
-$medium-green:    #9ECB0A
-$dark-green:      #357C00
+$gray-200:             #eeeeee
+$gray-300:             #cccccc
+$gray-500:             #919191
+$gray-700:             #636363
+$gray-800:             #3f3f3f
 
-$very-light-grey: #eeeeee
-$light-grey:      #cccccc
-$medium-grey:     #919191
-$dark-grey:       #636b70
+$green-100:            #f5fccc
+$green-300:            #d6ef66
+$green-500:            #9ecb09
+$green-500:            #9ecb0a
 
-$error-red:       #ad3922
-$dangerous-red:   #cd0920
+$purple-600:           #6d2c64
 
-$very-light-blue: #AECFD1
-$medium-blue:     #4597A2
-$dark-blue:       #28638c
+$red-500:              #ff6f6c
 
-$pink:            #ff00ff
+$teal-500:             #4597a2
+$teal-500:             #4597a2
 
-$brand-color-facebook: #4e69a2
-$brand-color-twitter:  #1da1f2
+$yellow-400:           #f6ce46
 
-$footer-color-1: #7b8628
-$footer-color-2: #2d7d4f
-$footer-color-3: #34675a
+$legacy-gray-blue-200: #aecfd1

data/_sass/lpm/_background_colors.sass

@@ -1,31 +1,22 @@
 @mixin generate-backgrounds($color, $selector)
 
-  .bg-color-#{$selector}
+  .bg-#{$selector}
     background-color: $color
 
   .lpm-#{$selector}-stripe
     background-image: linear-gradient(white 0%, white 120px, $color 120px, $color 100%)
 
-  // .text-color-#{$selector}
-  //   color: $color
++generate-backgrounds($red-500, red-500)
++generate-backgrounds($green-500, green-500)
++generate-backgrounds($red-500, red-500)
++generate-backgrounds($legacy-gray-blue-200, legacy-gray-blue-200)
++generate-backgrounds($teal-500, teal-500)
++generate-backgrounds($green-100, green-100)
++generate-backgrounds($purple-600, purple-600)
++generate-backgrounds($yellow-400, yellow-400)
++generate-backgrounds($gray-800, gray-800)
++generate-backgrounds($gray-200, gray-200)
 
-+generate-backgrounds($happy-give, happy-give)
-+generate-backgrounds($green-spirit, green-spirit)
-+generate-backgrounds($smart-brain, smart-brain)
-+generate-backgrounds($happy-give, happy-give)
-+generate-backgrounds($good-choice, good-choice)
-+generate-backgrounds($light-sky, light-sky)
-+generate-backgrounds($mindful-way, mindful-way)
-+generate-backgrounds($peaceful-step, peaceful-step)
-+generate-backgrounds($tolerant-turn, tolerant-turn)
-+generate-backgrounds($open-mind, open-mind)
-+generate-backgrounds($sunny-day, sunny-day)
-+generate-backgrounds($strong-grey, strong-grey)
-+generate-backgrounds($very-light-grey, silver-delight)
-
-.text-color-white
-  color: white
-
-.bg-color-green-spirit
+.bg-green-500
   .generic-teaser-swiper .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active
     background-color: white

data/_sass/lpm/_hero_element.sass

@@ -2,7 +2,7 @@
   display: flex
 
   @media (min-width: $breakpoint-sm)
-    background-color: $sunny-day
+    background-color: $yellow-400
     align-items: center
     height: 486px
 

data/_sass/lpm/_list.sass

@@ -23,7 +23,7 @@
       content: "."counter(li)
       font-weight: bold
       direction: rtl
-      color: $medium-green
+      color: $green-500
       display: inline-block
       position: absolute
       top: 0

data/_sass/lpm/_seperator.sass

@@ -1,6 +1,6 @@
 hr.lpm-separator
   height: 0
-  border-top: 1px solid $medium-green
+  border-top: 1px solid $green-500
   margin: 30px auto
   width: 5rem
   &.lpm-separator-long

data/_sass/lpm/_variables.sass

@@ -6,18 +6,3 @@ $gutter-width: 20px
 $breakpoint-xs: 600px
 $breakpoint-sm: 769px
 $breakpoint-md: 1024px
-
-// TODO: Diese Datei sollten wir später loswerden, damit alles über theme/colors.sass läuft.
-
-$happy-give: #FF6F6C
-$green-spirit: #9ecb09
-$smart-brain: #309B89
-$happy-give: #ff6f6c
-$good-choice: #AECFD1
-$light-sky: #4597A2
-$mindful-way: #4E414B
-$peaceful-step: #EDEED0
-$tolerant-turn: #6D2C64
-$open-mind: #FFB38C
-$sunny-day: #F6CE46
-$strong-grey: #3f3f3f

data/_sass/pages/freundeskreis.sass

@@ -18,7 +18,7 @@
   .supporter-tiles
 
     .tile
-      background: $very-light-grey
+      background: $gray-200
       margin-bottom: 20px
       margin-top: 50px
       padding: 30px
@@ -32,7 +32,7 @@
         margin-left: (115px / -2)
         width: 115px
         height: 115px
-        background: $very-light-grey
+        background: $gray-200
         border-radius: 100%
 
       img
@@ -68,7 +68,7 @@
       margin-bottom: 5px
 
   .grey-background
-    background: $very-light-grey
+    background: $gray-200
     padding: 30px 0
     margin: 50px 0 0 0
 
@@ -92,7 +92,7 @@
     margin-top: 50px
 
   .header-illustration
-    background: $very-light-grey
+    background: $gray-200
     border-radius: 100%
     width: 90px
     height: 90px

data/_sass/pages/help.sass

@@ -12,7 +12,7 @@
 .help-author,
 .help-date
   padding: 10px
-  color: $medium-grey
+  color: $gray-500
   font-size: 16px
 
 .help-categories
@@ -24,7 +24,7 @@
     li > a
       padding-right: 10px
       padding-left: 10px
-      border-right: 1px solid $light-grey
+      border-right: 1px solid $gray-300
 
     li:last-child a
       border-right: 0

data/_sass/pages/news.sass

@@ -10,5 +10,5 @@
   .news-author,
   .news-date
     padding: 10px
-    color: $medium-grey
+    color: $gray-500
     font-size: 16px

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: betterplace-content
 version: !ruby/object:Gem::Version
-  version: 0.7.87
+  version: 0.7.92
 platform: ruby
 authors:
 - betterplace.org Developers
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-03-19 00:00:00.000000000 Z
+date: 2021-05-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -218,7 +218,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.2.4
+rubygems_version: 3.2.16
 signing_key:
 specification_version: 4
 summary: betterplace.org's Jekyll Content Theme