From 7e258bc3d3ff092035e4e33aa2eba1b8377ed4a0 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Thu, 11 Apr 2019 17:24:05 +0200
Subject: [PATCH 01/29] basic stuff from alpha

---
 .../Change.spec.js}                           |   0
 .../Change.vue}                               |  38 ++---
 webapp/components/Password/Strength.vue       | 145 ++++++++++++++++++
 webapp/package.json                           |   3 +-
 webapp/pages/settings/security.vue            |   4 +-
 webapp/yarn.lock                              |  14 +-
 6 files changed, 169 insertions(+), 35 deletions(-)
 rename webapp/components/{ChangePassword.spec.js => Password/Change.spec.js} (100%)
 rename webapp/components/{ChangePassword.vue => Password/Change.vue} (67%)
 create mode 100644 webapp/components/Password/Strength.vue

diff --git a/webapp/components/ChangePassword.spec.js b/webapp/components/Password/Change.spec.js
similarity index 100%
rename from webapp/components/ChangePassword.spec.js
rename to webapp/components/Password/Change.spec.js
diff --git a/webapp/components/ChangePassword.vue b/webapp/components/Password/Change.vue
similarity index 67%
rename from webapp/components/ChangePassword.vue
rename to webapp/components/Password/Change.vue
index dc8cc09da..692243305 100644
--- a/webapp/components/ChangePassword.vue
+++ b/webapp/components/Password/Change.vue
@@ -1,35 +1,18 @@
 <template>
-  <ds-form
-    v-model="formData"
-    :schema="formSchema"
-    @submit="handleSubmit"
-  >
+  <ds-form v-model="formData" :schema="formSchema" @submit="handleSubmit">
     <template>
-      <ds-input
-        id="oldPassword"
-        model="oldPassword"
-        type="password"
-        label="Your old password"
-      />
-      <ds-input
-        id="newPassword"
-        model="newPassword"
-        type="password"
-        label="Your new password"
-      />
+      <ds-input id="oldPassword" model="oldPassword" type="password" label="Your old password"/>
+      <ds-input id="newPassword" model="newPassword" type="password" label="Your new password"/>
       <ds-input
         id="confirmPassword"
         model="confirmPassword"
         type="password"
         label="Confirm new password"
       />
+      {{ formData }}
+      <password-strength :password="newPassword" @change="e => passwordSecure = e.isSecure"/>
       <ds-space margin-top="base">
-        <ds-button
-          :loading="loading"
-          primary
-        >
-          {{ $t('settings.security.change-password.button') }}
-        </ds-button>
+        <ds-button :loading="loading" primary>{{ $t('settings.security.change-password.button') }}</ds-button>
       </ds-space>
     </template>
   </ds-form>
@@ -37,9 +20,13 @@
 
 <script>
 import gql from 'graphql-tag'
+import PasswordStrength from './Strength'
 
 export default {
   name: 'ChangePassword',
+  components: {
+    PasswordStrength
+  },
   data() {
     return {
       formData: {
@@ -56,6 +43,11 @@ export default {
       disabled: true
     }
   },
+  watch: {
+    newPassword() {
+      return 'abcabc1234567!' // this.formData.newPassword
+    }
+  },
   methods: {
     async handleSubmit(data) {
       this.loading = true
diff --git a/webapp/components/Password/Strength.vue b/webapp/components/Password/Strength.vue
new file mode 100644
index 000000000..ad1e141fa
--- /dev/null
+++ b/webapp/components/Password/Strength.vue
@@ -0,0 +1,145 @@
+<template>
+  <div class="field">
+    <div class="password-strength-meter">
+      <div class="password-strength-meter-inner" :class="strengthClass"></div>
+    </div>
+    {{ pass }}
+    {{ password }}
+    <p class="help">
+      <span v-if="this.pass" :class="{ insecure: (passwordStrength < 3) }">
+        {{ $t('auth.register.passwordSecurity') }}:
+        <strong>{{ $t(`auth.register.passwordStrength${passwordStrength}`) }}</strong>
+      </span>
+      <span v-else>&nbsp;</span>
+    </p>
+  </div>
+</template>
+
+<script>
+import zxcvbn from 'zxcvbn'
+import { isEmpty } from 'lodash'
+
+export default {
+  props: {
+    password: {
+      type: String,
+      required: true
+    }
+  },
+  name: 'password-meter',
+  data() {
+    return {
+      lastScore: 0,
+      pass: this.password || null
+    }
+  },
+  watch: {
+    password(pass) {
+      // update password when prop is changing
+      this.pass = pass || null
+    }
+  },
+  computed: {
+    /**
+     * passwordStrength is the score calculated by zxcvbn
+     * @return {Number} Password Strength Score
+     */
+    passwordStrength() {
+      /*const score = !isEmpty(this.pass) ? zxcvbn(this.pass).score : 0
+      if (score !== this.lastScore) {
+        this.lastScore = score
+        this.$emit('change', {
+          score,
+          isSecure: Boolean(score >= 3)
+        })
+      }
+      return score*/
+      return 0
+    },
+    strengthClass() {
+      return `strength-${this.passwordStrength}`
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+// TODO export those definitions for reuse?
+// @import 'assets/styles/_variables';
+$grey-lighter: hsl(0, 0%, 86%);
+$red: hsl(12, 51%, 55%);
+$orange: hsl(14, 100%, 53%);
+$yellow: hsl(48, 100%, 67%);
+$green: #4aa41e;
+// @import 'assets/styles/_variables';
+
+.password-strength-meter {
+  position: relative;
+  height: 3px;
+  background: $grey-lighter;
+  margin: 10px auto 6px;
+  border-radius: 3px;
+
+  &:before,
+  &:after {
+    content: '';
+    height: inherit;
+    background: transparent;
+    display: block;
+    border-color: #fff;
+    border-style: solid;
+    border-width: 0 6px 0 6px;
+    box-sizing: border-box;
+    position: absolute;
+    width: calc(20% + 6px);
+    z-index: 10;
+  }
+
+  &:before {
+    left: calc(20% - 6px);
+  }
+  &:after {
+    right: calc(20% - 6px);
+  }
+}
+
+.help {
+  .insecure {
+    strong {
+      color: $red;
+    }
+  }
+}
+
+.password-strength-meter-inner {
+  background: transparent;
+  height: inherit;
+  position: absolute;
+  width: 0;
+  border-radius: inherit;
+  transition: width 0.5s ease-in-out, background 0.25s;
+}
+
+.password-strength-meter-inner {
+  &.strength-0 {
+    background: darken($orange, 40%);
+    width: 20%;
+  }
+  &.strength-1 {
+    background: darken(mix($orange, $yellow, 50%), 30%);
+    width: 40%;
+  }
+  &.strength-2 {
+    background: darken($yellow, 20%);
+    width: 60%;
+  }
+  &.strength-3 {
+    background: darken($green, 10%);
+    width: 80%;
+  }
+  &.strength-4 {
+    background: $green;
+    width: 100%;
+  }
+}
+</style>
diff --git a/webapp/package.json b/webapp/package.json
index 76d7c3e76..385ae37a4 100644
--- a/webapp/package.json
+++ b/webapp/package.json
@@ -56,7 +56,8 @@
     "vue-count-to": "~1.0.13",
     "vue-izitoast": "1.1.2",
     "vue-sweetalert-icons": "~3.2.0",
-    "vuex-i18n": "~1.11.0"
+    "vuex-i18n": "~1.11.0",
+    "zxcvbn": "^4.4.2"
   },
   "devDependencies": {
     "@babel/core": "~7.4.3",
diff --git a/webapp/pages/settings/security.vue b/webapp/pages/settings/security.vue
index 376f104e5..a95e14cec 100644
--- a/webapp/pages/settings/security.vue
+++ b/webapp/pages/settings/security.vue
@@ -1,12 +1,12 @@
 <template>
   <ds-card :header="$t('settings.security.name')">
-    <change-password />
+    <change-password/>
   </ds-card>
 </template>
 
 <script>
 import HcEmpty from '~/components/Empty.vue'
-import ChangePassword from '~/components/ChangePassword.vue'
+import ChangePassword from '~/components/Password/Change'
 
 export default {
   components: {
diff --git a/webapp/yarn.lock b/webapp/yarn.lock
index e70646e9d..6ce40972b 100644
--- a/webapp/yarn.lock
+++ b/webapp/yarn.lock
@@ -6121,15 +6121,6 @@ jest-message-util@^24.7.1:
   version "24.7.1"
   resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-24.7.1.tgz#f1dc3a6c195647096a99d0f1dadbc447ae547018"
   integrity sha512-dk0gqVtyqezCHbcbk60CdIf+8UHgD+lmRHifeH3JRcnAqh4nEyPytSc9/L1+cQyxC+ceaeP696N4ATe7L+omcg==
-  dependencies:
-    "@babel/code-frame" "^7.0.0"
-    "@jest/test-result" "^24.7.1"
-    "@jest/types" "^24.7.0"
-    "@types/stack-utils" "^1.0.1"
-    chalk "^2.0.1"
-    micromatch "^3.1.10"
-    slash "^2.0.0"
-    stack-utils "^1.0.1"
 
 jest-mock@^24.7.0:
   version "24.7.0"
@@ -11381,3 +11372,8 @@ zen-observable@^0.8.0:
   version "0.8.13"
   resolved "https://registry.yarnpkg.com/zen-observable/-/zen-observable-0.8.13.tgz#a9f1b9dbdfd2d60a08761ceac6a861427d44ae2e"
   integrity sha512-fa+6aDUVvavYsefZw0zaZ/v3ckEtMgCFi30sn91SEZea4y/6jQp05E3omjkX91zV6RVdn15fqnFZ6RKjRGbp2g==
+
+zxcvbn@^4.4.2:
+  version "4.4.2"
+  resolved "https://registry.yarnpkg.com/zxcvbn/-/zxcvbn-4.4.2.tgz#28ec17cf09743edcab056ddd8b1b06262cc73c30"
+  integrity sha1-KOwXzwl0PtyrBW3dixsGJizHPDA=

From 98ad1015491be0926bafde38261510d0555ade97 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Sch=C3=A4fer?= <git@roschaefer.de>
Date: Tue, 23 Apr 2019 19:16:24 +0200
Subject: [PATCH 02/29] Delete badge images from /webapp/

@tansaku @aonomike I don't know that we had those badges stored in the
webapp. That's certainly not the place where they're supposed to be.

Sorry for the confusion.
---
 webapp/static/img/badges/fundraisingbox_de_airship.svg    | 1 -
 webapp/static/img/badges/fundraisingbox_de_alienship.svg  | 1 -
 webapp/static/img/badges/fundraisingbox_de_balloon.svg    | 1 -
 webapp/static/img/badges/fundraisingbox_de_bigballoon.svg | 1 -
 webapp/static/img/badges/fundraisingbox_de_crane.svg      | 1 -
 webapp/static/img/badges/fundraisingbox_de_glider.svg     | 1 -
 webapp/static/img/badges/fundraisingbox_de_helicopter.svg | 1 -
 webapp/static/img/badges/fundraisingbox_de_starter.svg    | 1 -
 webapp/static/img/badges/indiegogo_en_bear.svg            | 1 -
 webapp/static/img/badges/indiegogo_en_panda.svg           | 1 -
 webapp/static/img/badges/indiegogo_en_rabbit.svg          | 1 -
 webapp/static/img/badges/indiegogo_en_racoon.svg          | 1 -
 webapp/static/img/badges/indiegogo_en_rhino.svg           | 1 -
 webapp/static/img/badges/indiegogo_en_tiger.svg           | 1 -
 webapp/static/img/badges/indiegogo_en_turtle.svg          | 1 -
 webapp/static/img/badges/indiegogo_en_whale.svg           | 1 -
 webapp/static/img/badges/indiegogo_en_wolf.svg            | 1 -
 webapp/static/img/badges/user_role_admin.svg              | 1 -
 webapp/static/img/badges/user_role_developer.svg          | 1 -
 webapp/static/img/badges/user_role_moderator.svg          | 1 -
 webapp/static/img/badges/wooold_de_bee.svg                | 1 -
 webapp/static/img/badges/wooold_de_butterfly.svg          | 1 -
 webapp/static/img/badges/wooold_de_double_rainbow.svg     | 1 -
 webapp/static/img/badges/wooold_de_end_of_rainbow.svg     | 1 -
 webapp/static/img/badges/wooold_de_flower.svg             | 1 -
 webapp/static/img/badges/wooold_de_lifetree.svg           | 1 -
 webapp/static/img/badges/wooold_de_magic_rainbow.svg      | 1 -
 webapp/static/img/badges/wooold_de_super_founder.svg      | 1 -
 28 files changed, 28 deletions(-)
 delete mode 100644 webapp/static/img/badges/fundraisingbox_de_airship.svg
 delete mode 100644 webapp/static/img/badges/fundraisingbox_de_alienship.svg
 delete mode 100644 webapp/static/img/badges/fundraisingbox_de_balloon.svg
 delete mode 100644 webapp/static/img/badges/fundraisingbox_de_bigballoon.svg
 delete mode 100644 webapp/static/img/badges/fundraisingbox_de_crane.svg
 delete mode 100644 webapp/static/img/badges/fundraisingbox_de_glider.svg
 delete mode 100644 webapp/static/img/badges/fundraisingbox_de_helicopter.svg
 delete mode 100644 webapp/static/img/badges/fundraisingbox_de_starter.svg
 delete mode 100644 webapp/static/img/badges/indiegogo_en_bear.svg
 delete mode 100644 webapp/static/img/badges/indiegogo_en_panda.svg
 delete mode 100644 webapp/static/img/badges/indiegogo_en_rabbit.svg
 delete mode 100644 webapp/static/img/badges/indiegogo_en_racoon.svg
 delete mode 100644 webapp/static/img/badges/indiegogo_en_rhino.svg
 delete mode 100644 webapp/static/img/badges/indiegogo_en_tiger.svg
 delete mode 100644 webapp/static/img/badges/indiegogo_en_turtle.svg
 delete mode 100644 webapp/static/img/badges/indiegogo_en_whale.svg
 delete mode 100644 webapp/static/img/badges/indiegogo_en_wolf.svg
 delete mode 100644 webapp/static/img/badges/user_role_admin.svg
 delete mode 100644 webapp/static/img/badges/user_role_developer.svg
 delete mode 100644 webapp/static/img/badges/user_role_moderator.svg
 delete mode 100644 webapp/static/img/badges/wooold_de_bee.svg
 delete mode 100644 webapp/static/img/badges/wooold_de_butterfly.svg
 delete mode 100644 webapp/static/img/badges/wooold_de_double_rainbow.svg
 delete mode 100644 webapp/static/img/badges/wooold_de_end_of_rainbow.svg
 delete mode 100644 webapp/static/img/badges/wooold_de_flower.svg
 delete mode 100644 webapp/static/img/badges/wooold_de_lifetree.svg
 delete mode 100644 webapp/static/img/badges/wooold_de_magic_rainbow.svg
 delete mode 100644 webapp/static/img/badges/wooold_de_super_founder.svg

diff --git a/webapp/static/img/badges/fundraisingbox_de_airship.svg b/webapp/static/img/badges/fundraisingbox_de_airship.svg
deleted file mode 100644
index 078dcf4f9..000000000
--- a/webapp/static/img/badges/fundraisingbox_de_airship.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg width="513" height="444" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" d="M255.5-33L477 95v256L255.5 479 34 351V95z"/></defs><g transform="translate(1 -1)" fill="none" fill-rule="evenodd"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><use fill="#84A939" transform="rotate(30 255.5 223)" xlink:href="#a"/><g mask="url(#b)" fill="#FEFEFE"><path d="M126.284 211.948c102.42-35.097 185.118-48.813 243.947 3.76-87.197-24.763-166.785-19.12-243.947-3.76zm56.557 37.817c83.2 8.086 125.85 7.018 185.85-18.187-78.351 41.912-114.88 34.814-185.85 18.187zm102.729 20.872c0-1.67 1.563-3.027 3.492-3.027 1.927 0 3.493 1.357 3.493 3.027 0 1.67-1.566 3.026-3.493 3.026-1.93 0-3.492-1.355-3.492-3.026zm-12.265.16c0-1.67 1.562-3.027 3.49-3.027 1.93 0 3.493 1.356 3.493 3.026 0 1.671-1.564 3.026-3.493 3.026-1.928 0-3.49-1.355-3.49-3.026zm-12.426.158c0-1.671 1.567-3.026 3.492-3.026 1.93 0 3.493 1.355 3.493 3.026 0 1.672-1.563 3.026-3.493 3.026-1.925 0-3.492-1.354-3.492-3.026zm59.115-4.762l-4.274 14.591-55.034-.141 44.12-5.849 15.188-8.601zm-186.512-44.348v-5.807c13.51-1.104 33.205-1.49 52.186 2.728l-52.186 3.08zm248.469-4.061c0-26.937-46.004-48.784-112.812-48.784-29.018 0-62.094 4.123-90.233 10.995l-46.092-5.762 3.41 20.454C122.504 201.562 114 209.429 114 217.784c0 8.419 8.628 16.34 22.526 23.251l-3.47 20.823 47.352-5.918a373.092 373.092 0 0 0 24.043 4.893v6.96h20.215l1.573-3.841a400.647 400.647 0 0 0 22.102 1.965l4.608 11.551.326 6.43h66.102l7.206-20.662h-14.52c42.795-7.105 69.888-24.776 69.888-45.452z"/></g></g></svg>
\ No newline at end of file
diff --git a/webapp/static/img/badges/fundraisingbox_de_alienship.svg b/webapp/static/img/badges/fundraisingbox_de_alienship.svg
deleted file mode 100644
index e891c5fa9..000000000
--- a/webapp/static/img/badges/fundraisingbox_de_alienship.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg width="513" height="444" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" d="M255.5-33L477 95v256L255.5 479 34 351V95z"/><path id="c" d="M0 .056h291.913v103.538H0z"/></defs><g transform="translate(1 -1)" fill="none" fill-rule="evenodd"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><use fill="#84A939" transform="rotate(30 255.5 223)" xlink:href="#a"/><g mask="url(#b)"><path d="M247.532 256.288c26.553 0 49.62 4.608 61.301 11.379-10-8.244-33.676-14.039-61.3-14.039-27.625 0-51.301 5.795-61.302 14.039 11.684-6.77 34.75-11.379 61.301-11.379" fill="#E5ECD6"/><path d="M248.467 272.148c28.174 0 52.65 6.146 65.046 15.173-10.611-10.993-35.735-18.718-65.046-18.718-29.31 0-54.433 7.725-65.044 18.718 12.395-9.027 36.872-15.173 65.044-15.173" fill="#B5CB88"/><path d="M248.467 291.044c30.201 0 56.439 6.45 69.725 15.93-11.372-11.54-38.304-19.653-69.725-19.653-31.419 0-58.35 8.113-69.723 19.653 13.286-9.48 39.524-15.93 69.723-15.93" fill="#E5ECD6"/><path d="M248.424 312.164c33.088 0 61.833 6.994 76.39 17.272-12.46-12.512-41.964-21.31-76.39-21.31-34.423 0-63.929 8.798-76.39 21.31 14.558-10.278 43.303-17.272 76.39-17.272" fill="#B5CB88"/><g transform="translate(102 146)"><mask id="d" fill="#fff"><use xlink:href="#c"/></mask><path d="M145.956 28.306c-56.672 0-105.907 7.595-130.842 18.756C36.458 33.475 86.994 23.92 145.956 23.92c58.963 0 109.5 9.556 130.843 23.143-24.937-11.16-74.17-18.756-130.843-18.756m69.48 26.622c-4.413 2.168-9.05 1.749-10.362-.937-1.308-2.684 1.205-6.62 5.617-8.787 4.412-2.166 9.05-1.745 10.36.94 1.31 2.683-1.204 6.618-5.616 8.784m-69.479 36.038c-33.854 0-61.301-7.914-61.301-17.676 0-9.762 27.447-17.678 61.301-17.678 33.855 0 61.302 7.916 61.302 17.678s-27.447 17.676-61.302 17.676m54.659 2.678c-.498 1.453-2.839 1.968-5.228 1.145-2.39-.822-3.925-2.668-3.43-4.122.498-1.455 2.839-1.966 5.23-1.145 2.389.821 3.924 2.665 3.428 4.122m-100.66 0c-.497 1.453-2.838 1.968-5.227 1.145-2.39-.822-3.926-2.668-3.43-4.122.5-1.455 2.837-1.966 5.228-1.145 2.39.821 3.927 2.665 3.43 4.122M77.101 55.188c-4.647-1.597-7.631-5.186-6.667-8.015.967-2.828 5.517-3.826 10.163-2.228 4.648 1.597 7.632 5.187 6.666 8.014-.966 2.828-5.515 3.828-10.162 2.23m148.591-28.937C214.793 11.05 183.223.056 145.956.056 108.689.056 77.12 11.05 66.22 26.252 26.35 33.765 0 46.746 0 61.505c0 23.244 65.347 42.089 145.956 42.089 80.61 0 145.957-18.845 145.957-42.09 0-14.758-26.351-27.739-66.22-35.252" fill="#FEFEFE" mask="url(#d)"/></g></g></g></svg>
\ No newline at end of file
diff --git a/webapp/static/img/badges/fundraisingbox_de_balloon.svg b/webapp/static/img/badges/fundraisingbox_de_balloon.svg
deleted file mode 100644
index 6fc436d86..000000000
--- a/webapp/static/img/badges/fundraisingbox_de_balloon.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg width="512" height="444" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" d="M255-33L476 95v256L255 479 34 351V95z"/><path id="c" d="M0 0h132.6v218.216H0z"/></defs><g transform="translate(1 -1)" fill="none" fill-rule="evenodd"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><use fill="#84A939" transform="rotate(30 255 223)" xlink:href="#a"/><g mask="url(#b)"><g transform="translate(181.645 120)"><mask id="d" fill="#fff"><use xlink:href="#c"/></mask><path d="M11.221 66.902C6.636 33.096 34.24 9.57 62.304 9.57c.985 0 1.966.033 2.945.091-26.822 5.83-50.335 27.206-54.028 57.242M67.378.001C30.569 0-5.633 32.784.733 79.817c3.475 25.675 37.881 81.413 65.736 83.034a.02.02 0 0 1-.004.01c-.257.111-.492.482-.524.857-.001-.006-.005-.01-.005-.017a1.132 1.132 0 0 0 .003.205.84.84 0 0 0 .04.173c-.582 1.261-1.33 2.487-1.804 4.159-.67 2.366 3.474 5.2 7.465 2.42 2.523-1.76-1.758-3.08-1.977-4.84a9.117 9.117 0 0 0-.116-.674c3.67 2.972 10.917 10.466 7.945 21.534-1.91 7.111-5.973 11.194-9.56 14.794-4.17 4.19-8.109 8.146-6.837 15.37a1.662 1.662 0 0 0 1.924 1.349 1.664 1.664 0 0 0 1.346-1.927c-.972-5.52 1.918-8.423 5.919-12.442 3.687-3.702 8.275-8.311 10.415-16.28 3.49-12.99-5.024-21.714-9.236-25.105 27.033-5.322 57.021-57.103 60.365-81.804C138.19 33.6 104.183.001 67.378.001" fill="#FEFEFE" mask="url(#d)"/></g></g></g></svg>
\ No newline at end of file
diff --git a/webapp/static/img/badges/fundraisingbox_de_bigballoon.svg b/webapp/static/img/badges/fundraisingbox_de_bigballoon.svg
deleted file mode 100644
index e2650963a..000000000
--- a/webapp/static/img/badges/fundraisingbox_de_bigballoon.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg width="513" height="444" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" d="M255.5-33L477 95v256L255.5 479 34 351V95z"/></defs><g transform="translate(1 -1)" fill="none" fill-rule="evenodd"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><use fill="#84A939" transform="rotate(30 255.5 223)" xlink:href="#a"/><g mask="url(#b)" fill="#FEFEFE"><path d="M230.035 250.385c.86.402 1.793.598 2.712.593a6.087 6.087 0 0 0 2.66-.63c1.828-.903 3.288-2.82 3.642-5.787-.02-.147-.024-.306-.039-.458h-12.88c-.013.143-.01.303-.026.445.408 2.984 1.992 4.939 3.931 5.837M237.234 99h-12.187c-23.28 13.57-56.759 56.364.884 141.217h11.366c-30.487-66-23.202-120.912-.063-141.217zM259.063 99h12.187c23.28 13.57 56.891 56.364-.751 141.217h-12.167c30.487-66 23.87-120.912.73-141.217zM273.348 244.102c-.01.12-.007.25-.022.363.407 2.987 1.993 4.944 3.93 5.842.863.402 1.794.601 2.713.594a6.115 6.115 0 0 0 2.662-.628 5.906 5.906 0 0 0 1.59-1.179c.157-.176.314-.36.472-.538.85-1.094 1.448-2.571 1.607-4.454h-12.952zM223.388 244.34l-.02-.237h-12.902c.04.311.1.603.165.89a728.456 728.456 0 0 0 4.557 5.28c.63.199 1.277.333 1.924.329a6.091 6.091 0 0 0 2.662-.628c1.795-.887 3.228-2.76 3.614-5.633M245.652 250.096a6.352 6.352 0 0 0 2.711.593 6.138 6.138 0 0 0 2.666-.63c1.859-.92 3.337-2.896 3.654-5.957h-12.897c-.009.129-.013.261-.022.387.455 2.85 2.003 4.73 3.888 5.607M284.012 96.298c-10.502-4.528-22.225-7.073-34.6-7.073-12.373 0-24.095 2.545-34.597 7.073h69.197z"/><path d="M220.209 240.285c-70.207-81.191-29.736-127.722-2.779-141.217h-9.395C184.08 112.061 168 135.971 168 163.328c0 25.886 19.326 53.366 39.087 76.957h13.122zM277 240.285c70.207-81.191 29.736-127.722 2.778-141.217h9.395c23.957 12.993 40.036 36.903 40.036 64.26 0 25.886-19.326 53.366-39.087 76.957H277zM237.045 278.261l2.188-15.376h2.898v4.38h14.439v-4.38h3.45l2.183 15.376h-25.158zm-.603 27.055l2.329-20.592h3.614l2.059 16.025 14.905 5.014-22.907-.447zm43.804-51.73c-.09.002-.177.016-.267.016a9.026 9.026 0 0 1-3.852-.839c-1.689-.784-3.168-2.126-4.188-3.978-.942 1.62-2.257 2.798-3.746 3.535a8.84 8.84 0 0 1-3.846.903 9.036 9.036 0 0 1-3.853-.835c-1.71-.795-3.205-2.163-4.225-4.051-.95 1.929-2.381 3.323-4.049 4.146a8.76 8.76 0 0 1-3.843.906 9.04 9.04 0 0 1-3.857-.838c-1.587-.739-2.997-1.963-4.008-3.646-.95 1.785-2.326 3.083-3.91 3.867a8.782 8.782 0 0 1-3.845.905 9.006 9.006 0 0 1-3.855-.836c-1.687-.785-3.166-2.13-4.186-3.98-.94 1.62-2.256 2.8-3.747 3.536a8.74 8.74 0 0 1-3.173.862c2.917 3.326 5.77 6.544 8.484 9.626h10.363l-2.185 15.376h-4.61v6.463h3.426l-3.516 21.696h.03l3.911 4.67h31.626l3.913-4.67h.008v-.009l.01-.012h-.015l-3.508-21.675h2.891v-6.463h-3.833l-2.186-15.376h9.33c2.664-2.983 5.457-6.092 8.311-9.3zM248.011 99h5.029c16.71 35.173 10.995 57.883 1.544 141.217h-12.886c-10.733-70.609-14.48-113.26 1.544-141.217h4.769z"/><path d="M261.625 249.933a6.384 6.384 0 0 0 2.71.592 6.17 6.17 0 0 0 2.664-.628c1.793-.888 3.225-2.76 3.61-5.636l-.013-.159h-4.205c-.011.025-.02.05-.032.075l-.172-.075h-8.494c.412 2.978 1.995 4.93 3.932 5.831"/></g></g></svg>
\ No newline at end of file
diff --git a/webapp/static/img/badges/fundraisingbox_de_crane.svg b/webapp/static/img/badges/fundraisingbox_de_crane.svg
deleted file mode 100644
index 4904c5ec5..000000000
--- a/webapp/static/img/badges/fundraisingbox_de_crane.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg width="513" height="444" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" d="M255.5-33L477 95v256L255.5 479 34 351V95z"/></defs><g transform="translate(1 -1)" fill="none" fill-rule="evenodd"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><use fill="#84A939" transform="rotate(30 255.5 223)" xlink:href="#a"/><g mask="url(#b)" fill="#FEFEFE"><path d="M126 146l94.405 71.42-38.172-25.45-27.501-3.282 95.226 49.254-28.733 91.941 37.763-51.306-17.24 4.515 87.017-41.867 8.209-41.045 2.463 10.67 30.373-3.282-29.553-20.111-40.225 15.186 18.881 26.269-64.852-66.494z"/></g></g></svg>
\ No newline at end of file
diff --git a/webapp/static/img/badges/fundraisingbox_de_glider.svg b/webapp/static/img/badges/fundraisingbox_de_glider.svg
deleted file mode 100644
index 0c15955de..000000000
--- a/webapp/static/img/badges/fundraisingbox_de_glider.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg width="513" height="444" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" d="M255.5-33L477 95v256L255.5 479 34 351V95z"/><path id="c" d="M0 0h218.936v174.69H0z"/></defs><g transform="translate(1 -1)" fill="none" fill-rule="evenodd"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><use fill="#84A939" transform="rotate(30 255.5 223)" xlink:href="#a"/><g mask="url(#b)"><g transform="translate(124 138)"><mask id="d" fill="#fff"><use xlink:href="#c"/></mask><path d="M104.134 27.903L5.11 0l-.592.604 97.681 29.448 87.491 33.51L4.473.651 0 5.219l100.81 83.795-39.555 15.02 46.152-9.598L218.08 70.762l.02.055-72.984 20.65-6.912 36.332 17.764 10.131c.265-6.47-6.641-9.97-5.288-17.874a31.598 31.598 0 0 0 1.546-2.977l.12.018a8.186 8.186 0 0 0 2.182-16.225 8.147 8.147 0 0 0-6.094 1.646 8.12 8.12 0 0 1 6.565-2.006c.27.035.532.087.794.139l-1.385-11.538 2.93-.353 1.561 12.991c6.621 3.448 8.733 12.552 1.896 15.793l3.072 25.581.35 2.918-2.55-1.456-7.14-4.072-.178.06c-.01-.006-.019-.015-.029-.021l.173-.059-18.673-10.648-.916-.524.197-1.033 6.836-35.923-31.345 8.87 10.75 16.354c-6.477 5.957-3.536 3.9-10.95 9.05l-15.685 4.519c-1.989 5.116-9.56 10.71 3.271 13.775 14.892-5.856 18.646-6.024 32.718-13.112l27.452 41.764 12.621 1.104 21.208-35.327 26.96-68.784-114.803-42.677z" fill="#FEFEFE" mask="url(#d)"/></g></g></g></svg>
\ No newline at end of file
diff --git a/webapp/static/img/badges/fundraisingbox_de_helicopter.svg b/webapp/static/img/badges/fundraisingbox_de_helicopter.svg
deleted file mode 100644
index 3a84e4466..000000000
--- a/webapp/static/img/badges/fundraisingbox_de_helicopter.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg width="513" height="444" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" d="M255.5-33L477 95v256L255.5 479 34 351V95z"/></defs><g transform="translate(1 -1)" fill="none" fill-rule="evenodd"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><use fill="#84A939" transform="rotate(30 255.5 223)" xlink:href="#a"/><g mask="url(#b)" fill="#FEFEFE"><path d="M235.643 286.994c-7.337-3.551-12.277-8.112-15.098-13.57l-116.648-18.373-4.258-23.658 13.038 4.518 10.197 14.959-4.824 2.328 99.665 9.536c-.513-9.03 2.799-19.675 9.271-31.656-1.464 20.596 1.8 37.705 15.463 47.156 23.486 6.045 48.729 7.994 74.61 8.465-28.956 4.908-55.646 3.822-81.416.295zm69.532-27.415l-9.773-8.359-33.12-.45-10.792-3.35 2.282-14.323 57.564 4.523c-14.163-9.303-33.081-17.106-50.387-19.464v-5.573l.071-.34 147.07-6.467-19.661-7.346-126.49 9.388 2.19-10.52h-15.855l1.777 10.453-125.741-9.33-19.66 7.344 146.156 6.427.067.391v4.842c-.049 0-.098-.004-.145-.004-29.507 0-40.107 20.221-42.641 37.652l-79.63-4.934-9.978-19.48-29.413-6.494 4.3 32.913-4.3.502v9.3l42.598 6.01 86.112 18.034h10.441a78.766 78.766 0 0 0 5.452 2.24l1.33 8.006c-2.342 1.298-3.945 3.766-3.945 6.631a7.612 7.612 0 0 0 15.222 0c0-3.778-2.76-6.89-6.366-7.486l-.9-5.403c17.834 5.241 39.833 5.613 67.932 2.156l-.573 3.444c-3.433.736-6.01 3.781-6.01 7.435a7.611 7.611 0 1 0 15.22 0c0-2.995-1.747-5.563-4.265-6.803l.841-5.07 5.734-5.15h5.136c6.532-7.727 10.336-8.41 10.336-26.918 0-1.424-.303-2.907-.843-4.427h-27.343zM223.91 109.559c4.673-.533 9.103.431 13.206 2.575 1.986 1.039 2.466.165 2.88-1.414 2.241-3.537 4.34-7.236 8.198-9.306 11.677-6.263 26.247.19 30.135 13.27 1.77 5.957 1.12 11.827-.688 17.605-1.005 3.22-2.371 6.327-3.573 9.483-4.357 9.065-9.837 17.545-13.952 26.727-.854 1.906-1.6 1.957-3.322 1.064-2.773-1.438-5.53-2.964-8.534-3.923-4.288-1.848-8.602-3.644-12.86-5.56-6.696-3.015-13.344-6.187-18.823-11.203-7.401-6.774-10.928-14.974-7.87-25 2.305-7.555 7.88-11.94 15.204-14.318"/></g></g></svg>
\ No newline at end of file
diff --git a/webapp/static/img/badges/fundraisingbox_de_starter.svg b/webapp/static/img/badges/fundraisingbox_de_starter.svg
deleted file mode 100644
index 99980560e..000000000
--- a/webapp/static/img/badges/fundraisingbox_de_starter.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg width="512" height="444" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" d="M255-33L476 95v256L255 479 34 351V95z"/></defs><g transform="translate(1 -1)" fill="none" fill-rule="evenodd"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><use fill="#84A939" transform="rotate(30 255 223)" xlink:href="#a"/><g mask="url(#b)" fill="#FEFEFE"><path d="M128.748 228.578l61.936 31.273 188.772-121.85zM215.634 274.035l-14.938 27.141 24.659-22.233zM217.273 271.672l70.296 35.496L382.634 138z"/><path d="M217.495 267.595L358.438 153.66 190.882 264.248l5.072 37.632 16.98-30.852 4.563-3.434z"/></g></g></svg>
\ No newline at end of file
diff --git a/webapp/static/img/badges/indiegogo_en_bear.svg b/webapp/static/img/badges/indiegogo_en_bear.svg
deleted file mode 100644
index 43465a0e6..000000000
--- a/webapp/static/img/badges/indiegogo_en_bear.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg width="513" height="444" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" d="M255.5-33L477 95v256L255.5 479 34 351V95z"/><path id="c" d="M0 0h280.118v187.763H0z"/></defs><g transform="translate(1 -1)" fill="none" fill-rule="evenodd"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><use fill="#1E70B7" transform="rotate(30 255.5 223)" xlink:href="#a"/><g mask="url(#b)"><g transform="translate(108 134)"><mask id="d" fill="#fff"><use xlink:href="#c"/></mask><path d="M163.39 149.606c-15.27-3.601-29.887-9.802-42.72-18.873 27.116 9.276 59.092 11.735 86.94 4.313 5.732 9.119 12.64 13.725 19.001 17.29 3.803 2.266 5.487 3.529 6.159 6.883l.958 4.714c.827 4.517-.43 6.509-3.67 8.897l-4.463 3.087c-5.162 3.798-5.112 11.852 2.063 11.846h21.003c7.333-.043 15.421-8.131 17.356-16.9l13.312-76.946c4.428-27.484-10.356-51.243-29.436-68.604C229.875 7.108 203.244-5.11 177.288 2.105 133.059 14.76 125.194 3.303 106.21 3.8c-12.501.33-18.655 3.835-29.956 8.434-9.583 3.902-19.977 6.67-29.195 11.133 4.37-5.153 9.852-9.154 15.82-12.316-3.005-4.873-11.102-6.727-14.773-3.955-4.665 3.508-8.828 13.264-7.669 19.958-3.305 2.128-6.357 4.614-9.042 7.629-6.095 6.848-8.07 13.003-8.703 16.488-.556 2.559-.892 3.309-2.648 4.437L2.633 66.225c-2.825 1.8-3.648 5.47-1.12 9.4 7.115 11.115 18.142 9.597 23.066 8.214 2.105-.551 2.823-.201 3.986 1.183 4.264 4.786 14.15 8.82 28.89 6.746 4.917-.653 8.087 2.192 7.681 7.185L60.73 154.9c-1.517 10.845-3.575 14.505-11.227 16.699l-15.68 4.317c-6.09 2.032-8.685 11.852-.744 11.846h34.72c6.472-.155 11.16-1.741 15.407-6.341 16.097-17.618 20.644-41.42 26.332-53.78 14.2 12.144 29.457 23.05 33.438 32.4 1.971 4.63.537 9.656-4.626 12.454-4.123 2.115-4.885 10.306 2.794 9.585l18.273-.01c5.423-.116 7.822-4.267 7.524-11.521-.305-6.631-1.65-13.762-3.55-20.944" fill="#FEFEFE" mask="url(#d)"/></g></g></g></svg>
\ No newline at end of file
diff --git a/webapp/static/img/badges/indiegogo_en_panda.svg b/webapp/static/img/badges/indiegogo_en_panda.svg
deleted file mode 100644
index a2f211e85..000000000
--- a/webapp/static/img/badges/indiegogo_en_panda.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg width="513" height="444" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" d="M255.5-33L477 95v256L255.5 479 34 351V95z"/></defs><g transform="translate(1 -1)" fill="none" fill-rule="evenodd"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><use fill="#1E70B7" transform="rotate(30 255.5 223)" xlink:href="#a"/><g mask="url(#b)" fill="#FEFEFE"><path d="M194.65 255.66c4.047 4.982 9.571 3.188 15.086-1.194 8.055-6.402 16.476-17.269 19.764-26.627 2.495-7.093.732-16.373-5.516-20.253-6.478-4.02-13.564.416-16.274 5.952-4.439 9.062-6.906 12.694-13.617 18.74-7.817 6.823-6.24 14.631.557 23.381zm107.461 0c6.797-8.75 8.374-16.559.558-23.382-6.712-6.046-9.178-9.678-13.614-18.74-2.713-5.536-9.796-9.972-16.277-5.952-6.248 3.88-8.011 13.16-5.517 20.253 3.288 9.358 11.709 20.225 19.765 26.627 5.515 4.382 11.041 6.176 15.085 1.193zm-27.558-26.665c4.408 4.596 13.593 2.09 12.798-5.04-.078-.677-.316-1.14-.681-1.583-5.136-6.53-10.59-4.72-12.941 2.797-.51 1.73.058 3.004.824 3.826zm-52.345 0c.766-.822 1.338-2.097.828-3.822-2.354-7.522-7.808-9.332-12.944-2.8-.366.442-.604.905-.682 1.581-.795 7.13 8.393 9.637 12.798 5.041zm-46.864-42.102a134.897 134.897 0 0 1 11.14-16.112c5.049-6.26 10.538-11.57 16.521-15.894l-3.069-3.96c-12.943-16.678-35.918 14.46-24.592 35.966zm118.413-32.006c5.982 4.323 11.472 9.633 16.523 15.894a135.717 135.717 0 0 1 11.14 16.112c11.326-21.507-11.652-52.644-24.595-35.966l-3.068 3.96zm-12.793 148.086c-9.533 6.024-22.681 7.08-32.584-.319-9.899 7.4-23.05 6.343-32.584.32 11.038 26.404 54.131 26.404 65.168 0zm-77.322-162.669c-17.905-23.078-50.233 22.52-30.874 51.153-6.196 11.49-10.812 24.013-13.066 36.701-1.673 4.842-5.068 10.247-8.702 12.538 0 0 3.541 1.435 7.232 1.614.023 3.57.214 6.986.558 10.262-.592 3.486-1.754 6.857-3.452 9.046 0 0 2.194.077 4.793-.356 1.887 9.088 5.145 16.903 9.583 23.556 1.129 3.366 1.695 6.9 1.225 9.64 0 0 2.069-1.012 4.214-2.693.309.336.619.67.936 1.001 2.25 4.433 4.814 11.088 2.906 15.704 0 0 6.777-1.493 9.759-5.2 1.319 2.512 2.001 5.115 1.247 7.41 0 0 2.882-1.73 5.193-4.288 5.679 2.733 11.894 4.871 18.563 6.465-1.526-3.76-2.325-8.128-2.168-13.093-4.717-4.3-7.891-10.057-8.221-16.612-.381-7.577 1.707-13.788 5.644-19.447-.755 2.826-1.166 5.664-1.121 8.508.147 11.827 6.973 20.626 15.905 24.124 8.105 3.18 17.946 1.991 23.146-5.26-.971-.228-1.944-.68-2.916-1.363-5.113-3.562-11.209-5.599-14.235-9.004-2.945-3.307-2.691-8.974 2.608-9.427 3.835-.332 9.649 1.588 15.981 1.588 6.334 0 12.144-1.92 15.984-1.588 5.298.453 5.548 6.12 2.606 9.427-3.029 3.405-9.124 5.442-14.235 9.004-.972.682-1.945 1.135-2.916 1.362 5.201 7.252 15.041 8.44 23.147 5.261 8.93-3.498 15.757-12.297 15.908-24.124.044-2.909-.388-5.813-1.179-8.704 3.995 5.714 6.083 11.978 5.698 19.643-.328 6.555-3.5 12.311-8.219 16.612.159 4.965-.643 9.33-2.17 13.09 6.669-1.594 12.884-3.729 18.564-6.462 2.31 2.558 5.196 4.287 5.196 4.287-.757-2.294-.072-4.897 1.243-7.407 2.986 3.705 9.759 5.198 9.759 5.198-1.907-4.616.657-11.27 2.907-15.704.317-.327.626-.662.936-1 2.141 1.68 4.213 2.692 4.213 2.692-.47-2.74.097-6.274 1.224-9.64 4.443-6.648 7.7-14.468 9.584-23.556 2.599.436 4.793.356 4.793.356-1.698-2.189-2.86-5.555-3.452-9.044.345-3.276.536-6.692.561-10.264 3.688-.179 7.229-1.612 7.229-1.612-3.634-2.293-7.029-7.698-8.702-12.54-2.254-12.688-6.87-25.21-13.065-36.7 19.358-28.634-12.97-74.232-30.875-51.154l-7.396 9.534c-10.869-5.877-23.226-8.89-37.343-8.89-14.113 0-26.473 3.013-37.341 8.89l-7.397-9.534z"/></g></g></svg>
\ No newline at end of file
diff --git a/webapp/static/img/badges/indiegogo_en_rabbit.svg b/webapp/static/img/badges/indiegogo_en_rabbit.svg
deleted file mode 100644
index c8c0c9727..000000000
--- a/webapp/static/img/badges/indiegogo_en_rabbit.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg width="513" height="444" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" d="M255.5-33L477 95v256L255.5 479 34 351V95z"/><path id="c" d="M0 0h170.423v190.223H0z"/></defs><g transform="translate(1 -1)" fill="none" fill-rule="evenodd"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><use fill="#1E70B7" transform="rotate(30 255.5 223)" xlink:href="#a"/><g mask="url(#b)"><g transform="translate(163 133)"><mask id="d" fill="#fff"><use xlink:href="#c"/></mask><path d="M166.489 131.825c-1.473-1.058-3.205-1.59-5.055-1.64-.457 6.738-2.37 13.122-5.414 19.051.17-3.725.102-7.574.139-11.43.365-38.024-25.043-68.757-55.531-70.73-15.427-.998-24.246-2.62-32.522-17.258-4.209-7.476-8.694-13.01-14.506-15.995 5.49.17 9.962 1.896 13.843 4.935 7.902-9.387 12.119-22.148 11.271-34.633-.266-3.669-2.423-4.599-5.458-3.92C55.139 4.406 48.259 17.56 45.958 31.511c-2.137-.257-4.432-.262-6.922.011-18.57 2.036-29.837 12.815-38.007 30.464-6.125 13.231 16.172 29.308 38.519 26.05-4.534 3.588-11.775 5.888-19.235 6.687 3.513 34.395 5.22 55.208 23.367 73.087 2.47 2.45 1.558 5.335-1.846 5.937-7.459 1.338-16.863 4.724-16.792 13.26.079 2.416 1.348 3.198 3.909 3.216h30.665c6.359.03 9.516-1.617 12.461-6.109 5.481-9.447 7.894-13.456 21.287-15.267 4.308-.58 5.463-3.02 4.227-7.052-10.239-33.426 12.827-44.218 29.58-42.314-14.528 2.398-33.529 13.087-21.94 46.98 1.143 3.323.858 6.253-3.664 6.865-7.692.985-19.784 4.091-19.534 13.88.126 2.27 1.351 2.985 3.49 3.017h30.7c7-.122 9.536-2.118 12.4-6.023 5.81-8.472 13.706-8.113 19.675-13.87 3.003-2.897 4.851-6.236 5.996-9.864 4.231-.685 8.758-3.59 12.054-8.185 5.377-7.5 5.442-16.658.141-20.456" fill="#FEFEFE" mask="url(#d)"/></g></g></g></svg>
\ No newline at end of file
diff --git a/webapp/static/img/badges/indiegogo_en_racoon.svg b/webapp/static/img/badges/indiegogo_en_racoon.svg
deleted file mode 100644
index 619cb75f1..000000000
--- a/webapp/static/img/badges/indiegogo_en_racoon.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg width="513" height="444" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" d="M255.5-33L477 95v256L255.5 479 34 351V95z"/></defs><g transform="translate(1 -1)" fill="none" fill-rule="evenodd"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><use fill="#1E70B7" transform="rotate(30 255.5 223)" xlink:href="#a"/><g mask="url(#b)" fill="#FFF"><path d="M242.302 250.521c.28-.197.558-.397.844-.59l.01-.007.243-.169.006-.006.372-.254.051-.035.35-.235.08-.058.44-.292.015.105.013.105.016.102.003.025.01.076.016.105.01.102.01.05.006.051.016.102.013.102.012.08.004.021.016.102.012.099.016.101.004.007.012.095.013.102.016.098.007.032.01.07.015.102.016.098.01.057.006.042.016.101.016.102.013.08.004.015.016.099.016.098.016.102.003.01.013.088.019.096.016.098.006.038.013.064.013.095.016.099.013.063.006.032.016.102.02.095.016.083.003.012.016.099.019.095.016.096.003.015.013.08.02.098.019.096.006.041.013.054.016.095.019.096.013.063.003.032.02.095.019.096.019.086v.006l.019.095.02.092.035.191.019.092.022.095.007.042.012.05.02.093.019.095.016.064.003.025.02.092.019.092.019.093v.003l.022.089.02.092a73.487 73.487 0 0 0 3.337 11.074c-3.956 3.206-6.572 8.337-6.572 12.36 0 6.336 6.479 11.474 14.468 11.474 7.99 0 14.466-5.138 14.466-11.474 0-4.023-2.616-9.154-6.572-12.36a73.713 73.713 0 0 0 3.34-11.074l.02-.092.019-.09v-.002l.019-.093.02-.092.018-.092.007-.025.016-.064.02-.095.018-.092.01-.051.006-.042.02-.095.022-.092.039-.19.019-.093.016-.095v-.006l.019-.086.02-.096.015-.095.01-.032.013-.063.016-.096.019-.095.013-.054.006-.041.016-.096.016-.098.016-.08.004-.015.019-.096.016-.095.02-.099.002-.012.016-.083.013-.095.02-.102.006-.032.01-.063.019-.099.016-.095.012-.064.007-.038.016-.098.016-.096.016-.089v-.01l.016-.1.016-.1.016-.098.003-.016.013-.08.02-.1.015-.102.007-.042.01-.057.015-.098.013-.102.01-.07.006-.032.016-.098.013-.102.016-.095v-.007l.016-.101.016-.099.016-.102.003-.022.01-.08.013-.1.016-.103.006-.05.007-.051.016-.102.016-.105.01-.076.003-.025.016-.102.012-.105.013-.105.44.292.083.058.35.235.05.035.373.254.006.006.24.169.013.006.84.591.144.099.02.015.407.3.058.04.346.255.131.095.27.2.205.153.189.146.272.213.116.086.346.266.042.032.378.299.029.025.346.277.1.082.016.01.384.318.039.031.192.163.237.193.125.105.299.254.057.051.35.302.01.01.34.292.07.067.266.238.14.124.2.181.054.05.603.56.314.299.007.01.32.304.055.051.26.255.108.11.2.198.163.168.137.14.222.226.08.079.272.286.023.022.292.312.028.031.254.274.086.095.196.216.134.15.142.158.185.21.087.099.23.27.036.04.263.31.26.307.064.08.189.232.112.136.138.175.022.029.225.28.195.25.045.06.234.312h.004l.227.308.048.064.183.251.19.26.031.051.129.175.246.356.01.013.051.076.2.296.009.015.208.309.026.044.173.267.067.102.132.21.102.158.09.15.135.222.057.089.016.032.164.276.183.312.016.028.163.283.045.086.039.067.166.298.087.169.041.076.11.206.016.03.134.256.026.048.157.312v.01l.147.298c7.172-4.522 20.33-11.554 34.119-14.137-12.872-21.719-33.58-31.661-46.904-33.361-2.732-.26-5.127.028-7.162.74a81.314 81.314 0 0 0-3.726-11.754c-2.244-5.424-2.283-15.862-4.187-23.12-.471-1.801-1.76-2.7-3.046-2.7-1.288 0-2.577.899-3.045 2.7-1.905 7.258-1.95 17.696-4.19 23.12a80.892 80.892 0 0 0-3.723 11.754c-2.036-.712-4.43-1-7.165-.74-13.328 1.7-34.032 11.642-46.901 33.36 13.783 2.584 26.947 9.616 34.115 14.138l.148-.299.003-.01.157-.31.026-.049.134-.257.013-.029.112-.206.036-.076.093-.169.166-.298.036-.067.048-.086.163-.283.016-.028.176-.312.17-.276.016-.032.055-.089.135-.222.093-.15.099-.159.131-.21.068-.101.173-.267.029-.044.205-.309.01-.015.201-.296.052-.076.006-.013.25-.356.125-.175.032-.05.193-.261.182-.251.042-.064.234-.308.237-.311.042-.06.199-.252.221-.28.023-.028.14-.175.11-.136.192-.232.06-.08.248-.289.01-.019.265-.308.036-.041.23-.27.09-.099.183-.21.138-.159.138-.149.199-.216.083-.095.253-.274.032-.031.292-.312.022-.022.273-.286.077-.08.218-.225.138-.14.166-.168.202-.197.11-.111.26-.255.054-.05.314-.306.01-.01.314-.298.602-.56.058-.05.196-.181.138-.124.266-.238.077-.067.336-.292.01-.01.352-.302.055-.05.298-.255.125-.105.237-.193.196-.163.035-.031.388-.318.013-.01.103-.082.343-.277.032-.025.378-.299.042-.032.343-.266.112-.086.276-.213.192-.146.202-.153.27-.2.128-.095.352-.255.051-.04.41-.3.023-.015.141-.099zm40.942 32.162c-4.977 25.17-49.563 25.17-54.537 0 6.021 7.42 15.99 12.264 27.269 12.264 11.275 0 21.244-4.845 27.268-12.264zm-6.11-42.37c3.763-10.115 14.686-8.547 17.482.824.25.924.257 1.719-.283 2.704-2.388 4.256-11.672 7.555-17.093-1.713-.356-.64-.373-1.072-.106-1.815zm-41.267 0c.264.743.25 1.175-.109 1.815-5.417 9.268-14.706 5.969-17.09 1.713-.54-.985-.534-1.78-.287-2.704 2.8-9.371 13.724-10.939 17.486-.824zm-69.136 10.83c8.792-14.782 29.218-41.316 65.403-48.149-28.064.564-49.065 13.999-62.29 25.995 6.12-23.237 17.69-47.242 34.335-61.4-10.036 3.613-18.786 10.619-26.207 19.62-14.69-16.224-15.172-40.806-5.15-46.705 9.288-5.468 25.083 4.532 39.957 20.957 7.124-4.14 15.002-6.521 23.625-6.521h40.192c8.62 0 16.501 2.382 23.622 6.52 14.874-16.424 30.668-26.424 39.956-20.956 10.023 5.9 9.54 30.481-5.149 46.706-7.418-9.002-16.168-16.008-26.204-19.62 16.645 14.157 28.215 38.162 34.335 61.399-13.228-11.996-34.232-25.434-62.296-25.995 36.185 6.83 56.617 33.367 65.406 48.15a42.857 42.857 0 0 1-.678 5.475c7.392 3.103 13.893 9.19 18.412 19.7-6.376-5.507-13.145-8.166-20.991-8.377 7.907 4.082 14.49 11.196 18.06 22.889-4.621-5.376-12.697-12.172-26.287-14.566 6.97 4.866 13.104 12.745 17.134 25.108-9.01-10.883-19.674-16.926-35.296-16.307-15.97 4.177-22.487 9.815-38.71 16.061-18.272 7.57-24.552 7.57-42.82 0-16.226-6.246-22.746-11.884-38.713-16.061-15.622-.619-26.284 5.424-35.3 16.307 4.034-12.363 10.167-20.242 17.14-25.108-13.589 2.394-21.671 9.19-26.286 14.566 3.566-11.693 10.153-18.807 18.057-22.889-7.85.21-14.615 2.87-20.988 8.377 4.516-10.51 11.017-16.597 18.412-19.7a42.291 42.291 0 0 1-.68-5.475z"/></g></g></svg>
\ No newline at end of file
diff --git a/webapp/static/img/badges/indiegogo_en_rhino.svg b/webapp/static/img/badges/indiegogo_en_rhino.svg
deleted file mode 100644
index 71c0eb1ad..000000000
--- a/webapp/static/img/badges/indiegogo_en_rhino.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg width="513" height="444" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" d="M255.5-33L477 95v256L255.5 479 34 351V95z"/><path id="c" d="M96 134h304.563v187.156H96z"/></defs><g transform="translate(1 -1)" fill="none" fill-rule="evenodd"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><use fill="#1E70B7" transform="rotate(30 255.5 223)" xlink:href="#a"/><g mask="url(#b)"><mask id="d" fill="#fff"><use xlink:href="#c"/></mask><path d="M233.572 271.01c-6.76-4.6-11.25-9.185-15.986-13.274 3.792 1.377 8.023 3.209 13.55 5.875 4.745 2.288 10.686 2.315 14.2-3.954 6.953-12.513 6.215-24.384 2.593-35.755 7.358 12.029 11.76 24.825 3.788 39.516 24.56 8.805 51.835 8.101 80.266-2.195-10.935-20.436-10.743-44.23-1.969-63.405-5.608 24.92.452 53.337 22.912 72.526 3.892 3.067 10.577 7.094 19.964 2.115 3.8-2.017 7.911-5.055 11.643-8.464-6.773 10.094-16.673 16.925-26.168 17.712.62 5.349 1.587 9.12 4.62 10.944 1.496.913 1.996 2.159 1.705 4.097l-1.14 7.26c-.613 3.047-1.516 4.663-4.944 5.458-13.168 3.534-10.77 11.695-3.248 11.69h15.154c5.555-.036 7.675-2.274 9.697-5.745l10.8-20.05c2.724-5.373 3.196-9.243 1.618-16.325l-3.724-12.733c-.969-3.3-.899-5.469 1.3-8.149 4.538-5.501 6.385-10.606 7.854-19.371 1.993-12.962 4.435-36.15.066-53.626-5.476-29.484-25.04-49.834-55.373-44.32-58.384 12.407-79.885-1.403-97.514-3.75-21.65-2.876-31.163 8.51-54.29 18.17 6.589-7.674 4.7-17.8 4.358-21.257-17.537.597-19.418 11.694-22.262 24.364-7.197-.895-12.441 2.044-14.888 10.181-6.707 19.633-21.913 21.532-29.577 20.886-1.769-.16-3.044-.723-4.335-2.073-3.484-3.843-5-9.245-4.752-17.793.144-2.482-2.28-2.809-4.11-1.32-4.522 3.993-9.938 13.102-11.465 27.708-.33 2.956-.517 3.703-2.258 6.166-3.195 4.77-5.135 10.542-5.635 16.787-.1 1.517.113 2.431 1.218 3.599 3.305 3.358 7.055 4.495 11.96 4.276 2.502-.089 3.088.005 4.891 1.84 12.791 13.16 20.004 6.143 42.201 8.222 22.875 2.137 39.078-5.802 46.26-22.102-1.034 12.313-6.938 22.012-17.133 28.431 2.766 4.267 6.674 7.578 13.054 9.51 1.803.57 2.582 1.412 2.535 3.635-.1 11.664 1.936 19.135 3.291 26.036 1.909 10.214 4.25 24.27-7.288 27.113-13.167 3.534-10.773 11.695-3.246 11.69h15.153c5.552-.094 9.04-1.625 9.691-5.745 1.826-11.108 3.626-14.96 7.916-24.43 2.928-6.469 5.201-12.769 7.047-19.97" fill="#FEFEFE" mask="url(#d)"/></g></g></svg>
\ No newline at end of file
diff --git a/webapp/static/img/badges/indiegogo_en_tiger.svg b/webapp/static/img/badges/indiegogo_en_tiger.svg
deleted file mode 100644
index 88583a472..000000000
--- a/webapp/static/img/badges/indiegogo_en_tiger.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg width="513" height="444" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" d="M255.5-33L477 95v256L255.5 479 34 351V95z"/><path id="c" d="M149 133h197.237v189.77H149z"/></defs><g transform="translate(1 -1)" fill="none" fill-rule="evenodd"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><use fill="#1E70B7" transform="rotate(30 255.5 223)" xlink:href="#a"/><g mask="url(#b)"><mask id="d" fill="#fff"><use xlink:href="#c"/></mask><path d="M271.983 301.966c-8.364.88-17.497-1.828-24.363-9.108-6.87 7.276-16.007 9.988-24.373 9.113-9.277 7.49-8.469 20.8 4.571 20.8h39.6c13.044 0 13.847-13.317 4.565-20.805m-5.28-75.342c-.039 1.26 1.02 1.754 2.108 1.212 8.188-4.17 15.895-2.294 20.334-18.03.253-.933-.016-1.463-1.016-1.665-4.606-.938-11.352-2.32-15.98 1.017-4.78 3.45-5.047 11.206-5.446 17.466m-38.173 0c-.399-6.26-.663-14.016-5.447-17.466-4.624-3.337-11.37-1.955-15.975-1.017-1 .202-1.27.732-1.018 1.665 4.44 15.736 12.148 13.86 20.334 18.03 1.09.542 2.15.048 2.106-1.212m19.087-52.888c10.23 0 20.464 1.781 30.69 5.34 2.265.695 3.222-1.32 1.772-2.685-9.789-8.417-21.04-12.329-32.462-12.26-11.42-.069-22.672 3.843-32.46 12.26-1.449 1.365-.494 3.38 1.771 2.685 10.227-3.559 20.458-5.34 30.69-5.34m-25.682 22.118c14.401-3.159 36.964-3.159 51.363 0 2.24.462 2.76-1.326 1.487-2.249-14.989-10.87-39.347-10.87-54.335 0-1.274.923-.754 2.711 1.485 2.25m84.907 91.212c18.226-11.169 27.342-44.08 6.566-76.568-1.112-1.646-3.009-.658-2.366 1.69 5.31 18.81 9.856 44.55-6.773 72.111-1.37 2.442.575 3.904 2.573 2.767m-118.45 0c1.997 1.137 3.945-.325 2.572-2.767-16.632-27.562-12.082-53.302-6.77-72.112.642-2.347-1.256-3.335-2.368-1.689-20.778 32.487-11.66 65.4 6.565 76.568m109.691-72.166c-1.47-1.436-3.266-.266-2.617 1.638 4.863 13.282 5.382 21.047 2.34 34.861-.702 3.111 2.083 4.15 3.734 2.05 8.518-11.839 6.568-27.957-3.457-38.549m-100.929 0c-10.029 10.592-11.98 26.71-3.459 38.548 1.652 2.101 4.436 1.062 3.731-2.049-3.038-13.814-2.519-21.579 2.344-34.86.65-1.905-1.148-3.075-2.616-1.639m10.684 99.41c-.587-4.866 2.393-10.63 8.83-13.823-7.377-2.622-13.304-8.265-15.13-16.082-3.725-15.93 2.586-27.452 9.781-36.574-3.448 8.332-6.012 17.802-4.478 28.098 2.651 17.814 23.762 22.192 38.972 4.347a5.937 5.937 0 0 1-1.229-.718l-10.733-8.355c-4.53-3.792.198-11.802 7.68-8.432 1.526.658 2.075 1.026 3.837 1.01h4.5c1.761.016 2.31-.352 3.838-1.01 7.478-3.37 12.21 4.64 7.68 8.432l-10.738 8.355a5.855 5.855 0 0 1-1.224.718c15.205 17.85 36.32 13.472 38.971-4.347 1.525-10.234-1.002-19.658-4.42-27.952 7.173 9.168 13.435 20.724 9.721 36.428-1.847 7.811-7.772 13.453-15.142 16.076 6.448 3.19 9.431 8.96 8.84 13.83 13.604-4.805 25.07-12.445 33.402-23.119 3.515 2.727 7.033 8.127 8.982 16.097 7.267-11.59 5.723-25.319 2.934-33.122 2.974 1.391 6.955 5.561 9.13 12.083 4.117-12.372 1.098-24.299-4.144-31.306 3.438.722 6.39 3.253 8.212 6.202 1.823-13.045-4.316-26.077-10.38-32.4 2.431.021 5.142 1.17 6.873 2.732-3.695-15.869-13.086-25.616-16.297-28.566a100.124 100.124 0 0 0-5.95-10.615c-3.995-5.673-3.172-11.237 1.441-15.836 18.95-19.27-6.892-57.465-26.66-38.16l-10.595 10.768c-5.095 5.18-9.29 6.324-16.369 4.498a82.25 82.25 0 0 0-20.356-2.532c-7.098 0-13.9.887-20.354 2.532-7.079 1.826-11.274.682-16.37-4.498l-10.598-10.769c-19.765-19.304-45.61 18.89-26.657 38.161 4.615 4.6 5.436 10.163 1.443 15.836a98.73 98.73 0 0 0-5.95 10.615c-3.21 2.95-12.603 12.697-16.298 28.566 1.728-1.563 4.443-2.71 6.873-2.733-6.064 6.324-12.203 19.356-10.38 32.401 1.824-2.949 4.774-5.48 8.213-6.202-5.245 7.007-8.26 18.934-4.148 31.306 2.178-6.522 6.156-10.692 9.13-12.083-2.789 7.803-4.329 21.532 2.934 33.122 1.953-7.97 5.47-13.37 8.985-16.097 8.334 10.67 19.795 18.314 33.398 23.118" fill="#FEFEFE" mask="url(#d)"/></g></g></svg>
\ No newline at end of file
diff --git a/webapp/static/img/badges/indiegogo_en_turtle.svg b/webapp/static/img/badges/indiegogo_en_turtle.svg
deleted file mode 100644
index 6b5431c2e..000000000
--- a/webapp/static/img/badges/indiegogo_en_turtle.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg width="513" height="444" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" d="M255.5-33L477 95v256L255.5 479 34 351V95z"/><path id="c" d="M.877.168h35.074v27.566H.877z"/><path id="e" d="M.998.627h28.686v56.272H.998z"/><path id="g" d="M.998.725h28.683V57H.998z"/><path id="i" d="M.877.894h35.074v27.563H.877z"/></defs><g transform="translate(1 -1)" fill="none" fill-rule="evenodd"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><use fill="#1E70B7" transform="rotate(30 255.5 223)" xlink:href="#a"/><g mask="url(#b)"><g transform="translate(325 154.373)"><mask id="d" fill="#fff"><use xlink:href="#c"/></mask><path d="M.877 12.454c6.47 4.149 12.214 9.243 16.975 15.28 5.572-.221 11.182.185 14.327-3.078 2.429-2.518 4.124-10.295 3.71-13.87-1.062-9.123-11.9-15.248-16.929-6.095-4.249 7.734-11.55 6.905-18.083 7.763" fill="#FEFEFE" mask="url(#d)"/></g><path d="M347.7 205.663l-18.62 10.199c-3.089 1.826-3.862 3.95-3.814 7.696v10.26c-.048 3.742.725 5.865 3.813 7.694l18.62 10.196c4.513-14.263 4.513-31.781 0-46.045M319.617 216.685c-.725-1.829-2.036-3.262-4.22-4.704l-9.933-6.684c-3.29-2.25-6.637-2.25-9.932 0l-9.932 6.684c-3.918 2.588-5.032 5.148-4.966 10.023v13.364c-.066 4.874 1.048 7.435 4.966 10.02l9.932 6.684c3.295 2.252 6.641 2.252 9.932 0l9.932-6.684c2.185-1.44 3.496-2.873 4.221-4.704-.943-2.282-1.146-4.426-1.146-6.867v-10.26c0-2.443.206-4.589 1.146-6.872M275.617 212.99c-.946-1.835-2.466-3.36-4.783-4.888l-12.238-8.232c-4.058-2.772-8.179-2.772-12.237 0l-12.24 8.232c-4.826 3.19-6.2 6.346-6.119 12.352v16.468c-.08 6.005 1.293 9.157 6.12 12.349l12.24 8.23c4.057 2.777 8.178 2.777 12.236 0l12.238-8.23c2.317-1.53 3.837-3.054 4.783-4.886-1.555-3.153-1.679-5.59-1.779-9.017v-13.363c0-3.3.296-6.012 1.78-9.015M222.844 210.868a19.099 19.099 0 0 0-2.088-1.58l-11.535-7.758c-3.823-2.616-7.707-2.616-11.531 0l-11.534 7.758c-.928.615-1.724 1.227-2.397 1.86.477 12.849.477 22.226 0 35.075.673.634 1.469 1.245 2.397 1.86l11.534 7.76c3.824 2.613 7.708 2.613 11.53 0 4.072-2.736 10.087-6.211 13.624-9.34-1.323-3.023-1.698-6.308-1.638-9.581v-16.468c-.041-3.344.287-6.495 1.638-9.586M302.644 293.764c21.487-6.654 35.466-19.326 42.642-35.659l-19.445-10.648a16.648 16.648 0 0 1-1.674-1.064c-1.312 1.84-3.136 3.306-5.031 4.644l-9.851 6.63c-1.852 1.308-4.137 2.288-6.367 2.685-.212 1.07-.293 2.273-.274 3.67v29.742zM302.644 163.606v29.742c-.02 1.396.063 2.6.274 3.674 2.23.394 4.514 1.377 6.367 2.682l9.85 6.63c1.895 1.336 3.72 2.803 5.032 4.643a16.63 16.63 0 0 1 1.674-1.062l19.445-10.65c-7.175-16.334-21.155-29.005-42.642-35.659M295.849 295.607v-31.585c0-1.42.062-2.74.274-4.148a16.77 16.77 0 0 1-4.408-2.207l-9.854-6.63a21.338 21.338 0 0 1-1.68-1.2c-1.335 1.798-3.696 3.804-5.606 5.08l-12.162 8.181c-2.063 1.43-4.433 2.497-6.902 2.991-.317 1.368-.437 2.921-.412 4.752V298.687c3.254.183 6.365.264 9.263.264 11.752 0 22.23-1.168 31.487-3.344M295.849 161.763c-9.256-2.176-19.735-3.343-31.487-3.343-2.898 0-6.01.084-9.263.265V186.531c-.025 1.832.095 3.383.412 4.754 2.469.49 4.839 1.56 6.902 2.99l12.162 8.18c1.91 1.272 4.27 3.283 5.607 5.078a21.326 21.326 0 0 1 1.679-1.2l9.854-6.629a16.896 16.896 0 0 1 4.408-2.208c-.212-1.407-.274-2.728-.274-4.148v-31.585zM205.207 286.101c12.524 7.184 28.662 10.664 43.097 12.065v-27.325c-.01-1.75.056-3.164.338-4.924-2.098-.52-4.268-1.594-6.1-2.819l-12.163-8.18c-1.348-.978-2.384-1.658-3.617-2.838a29.519 29.519 0 0 1-2.266 1.651l-11.456 7.706c-1.409.945-3.723 2.098-5.336 2.564a28.87 28.87 0 0 0-.462 2.792l-2.035 19.308zM205.207 171.269l2.035 19.308a29.14 29.14 0 0 0 .462 2.797c1.613.465 3.927 1.614 5.336 2.559l11.456 7.707c.78.522 1.538 1.055 2.266 1.652 1.233-1.184 2.269-1.861 3.617-2.837l12.163-8.18c1.832-1.226 4.002-2.3 6.1-2.82-.282-1.758-.348-3.175-.338-4.924v-27.326c-14.435 1.4-30.573 4.884-43.097 12.064M198.838 281.865l1.661-15.76c.07-.585.134-1.167.228-1.749-2.29-.421-4.98-1.535-6.859-2.919l-10.005-6.729c.194 2.46.562 4.876 1.187 7.221 2.213 8.295 7.186 14.827 13.788 19.936M198.838 175.505c-6.602 5.11-11.575 11.64-13.788 19.938-.625 2.344-.993 4.761-1.187 7.223l10.005-6.734c1.88-1.382 4.568-2.497 6.86-2.918-.095-.58-.16-1.165-.229-1.748l-1.66-15.76zM166.567 210.106C157.08 209.1 136 218.928 136 228.686c0 9.757 21.1 19.585 30.567 18.58l10.416-1.106c.463-12.748.46-22.2 0-34.95l-10.416-1.104z" fill="#FEFEFE"/><g transform="translate(162 134.373)"><mask id="f" fill="#fff"><use xlink:href="#e"/></mask><path d="M17.226 56.9c2.43-7.293 6.762-13.502 12.458-18.618C22.56 28.64 32.732-3.992 4.794 1.178 2.908 1.593 2.71 2.692 2.88 4.206c2.11 15.421-11.906 45.6 14.347 52.693" fill="#FEFEFE" mask="url(#f)"/></g><g transform="translate(162 265.373)"><mask id="h" fill="#fff"><use xlink:href="#g"/></mask><path d="M17.226.725C-9.027 7.817 4.989 38.001 2.879 53.421c-.17 1.511.028 2.61 1.916 3.028C32.732 61.616 22.56 28.99 29.68 19.342 24.006 14.232 19.65 8.008 17.226.725" fill="#FEFEFE" mask="url(#h)"/></g><g transform="translate(325 274.373)"><mask id="j" fill="#fff"><use xlink:href="#i"/></mask><path d="M.877 16.174c6.533.854 13.834.025 18.083 7.76 5.029 9.153 15.867 3.03 16.929-6.097.414-3.571-1.281-11.348-3.71-13.87C29.034.708 23.424 1.113 17.852.895 13.091 6.929 7.347 12.027.877 16.174" fill="#FEFEFE" mask="url(#j)"/></g></g></g></svg>
\ No newline at end of file
diff --git a/webapp/static/img/badges/indiegogo_en_whale.svg b/webapp/static/img/badges/indiegogo_en_whale.svg
deleted file mode 100644
index 458e03b6d..000000000
--- a/webapp/static/img/badges/indiegogo_en_whale.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg width="513" height="444" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" d="M255.5-33L477 95v256L255.5 479 34 351V95z"/></defs><g transform="translate(1 -1)" fill="none" fill-rule="evenodd"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><use fill="#1E70B7" transform="rotate(30 255.5 223)" xlink:href="#a"/><g mask="url(#b)" fill="#FEFEFE"><path d="M188.74 245.033c-3.953 0-7.161 1.979-7.161 4.426 0 2.444 3.208 4.427 7.162 4.427 3.954 0 7.161-1.983 7.161-4.427 0-2.447-3.207-4.426-7.161-4.426m21.144 8.09c-7.708-.69-10.217 6.19-21.144 6.19-10.924 0-13.433-6.88-21.144-6.19 5.133 3.257 8.929 12.703 21.144 12.703 12.215 0 16.018-9.446 21.144-12.703m147.05-30.274c2.975-9.662 5.02-12.315 11.313-17.998 31.238-27.646 30.43-51.658 24.545-70.851-5.557 18.187-33.065 4.357-40.66 28.398-13.773-21.315-34.758.35-49.452-13.277 1.532 27.69 25.526 33.642 38.183 48.287 4.444 5.152 3.989 11.73-1.956 15.517-49.149 31.406-100.128 1.906-149.571 1.017-29.169-.523-58.305 6.71-79.76 14.678-9.511 3.825-11.391 10.684-8.035 19.454 13.923 32.119 49.884 52.038 90.795 58.184-16.337.539-32.45-1.076-47.332-4.852-5.706 5.575-12.046 11.423-19.477 17.533 32.45 7.447 57.723.387 78.558-11.304a189.342 189.342 0 0 0 40.502-.944c32.71 10.862 73.437 22.47 117.684-7.714-51.504-16.794-68.083-38.293-121.901-33.977 30.804-9.268 54.943-2.28 83.925 7.978 14.89-12.964 26.424-29.613 32.64-50.129"/></g></g></svg>
\ No newline at end of file
diff --git a/webapp/static/img/badges/indiegogo_en_wolf.svg b/webapp/static/img/badges/indiegogo_en_wolf.svg
deleted file mode 100644
index e4952d86f..000000000
--- a/webapp/static/img/badges/indiegogo_en_wolf.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg width="513" height="444" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" d="M255.5-33L477 95v256L255.5 479 34 351V95z"/><path id="c" d="M0 0h197.01v186.749H0z"/></defs><g transform="translate(1 -1)" fill="none" fill-rule="evenodd"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><use fill="#1E70B7" transform="rotate(30 255.5 223)" xlink:href="#a"/><g mask="url(#b)"><g transform="translate(149 135)"><mask id="d" fill="#fff"><use xlink:href="#c"/></mask><path d="M49.467 17.814c-5.418-4.322-11.367-7.31-17.501-7.373-4.208-.017-5.188-.143-7.916-2.47C19.304 3.894 16.122 1.23 11.564.16 9.108-.35 8.214.324 7.7 2.604c-1.15 5.252-2.128 7.936-.598 15.377.496 2.086-1.204 2.514-3.507 1.135-3.663-2.276-5.075 3.447-1.612 7.282 3.112 3.439 7.559 6.192 8.223 15.72.26 3.761.578 6.618.995 9.014.483 2.634.568 3.038.113 5.636-3.691 19.968 4.455 21.12 9.908 33.044 4.086 8.933 8.75 17.055 14.4 22.549 2.416 2.293 3.74 3.88 5.048 7.015 4.922 11.494 9.567 28.374 8.574 50.046-.3 6.38-3.776 10.275-10.251 8.8-3.782-.86-7.311.24-7.3 4.123.006 1.734.618 4.185 3.927 4.405h14.67c3.519-.014 6.028-1.376 7.004-4.792 5.766-21.198 7.343-36.803 8.017-52.548.4-6.025 2.717-9.076 9.089-9.544 15.108-.951 32.244-3.475 46.518-6.29-2.863-9.972-4.225-20.618-2.973-33.955 4.204 27.358 11.447 31.555 28.017 55.235 8.376 11.97 7.227 30.77-4.102 41.189-.913.84-1.938 1.534-3.082 1.988-2.16.862-2.996.672-5.11.189-3.78-.858-7.31.24-7.3 4.123.008 1.734.618 4.185 3.927 4.405h14.67c3.53-.053 5.39-1.316 6.736-3.811l13.022-24.778c3.375-6.477 2.747-11.292-.021-17.974-1.057-2.462-2.313-6.117-3.357-9.33-1.78-5.84-.413-9.097 2.269-13.242 4.059-6.362 10.075-10.92 14.302-20.597-.55 6.769-3.346 12.22-6.521 17.24-3.15 5.21-3.77 8.492-2.05 14.373 3.522 12.064 7.018 22.587 8.536 26.661 3.067 7.749 7.642 9.631 10.662 12.84 1.363 1.376 2.358 1.154 3.126-.572 1.67-4.08 5.263-7.486 5.34-15.825-.115-7.849-1.454-36.989-6.296-61.132-5.165-25.71-17.168-45.135-48.56-44.38-23.8.995-50.62 5.209-69.908-6.633-7.2 7.161-16.35 8.217-25.05 2.631 9.129 2.359 17.167-1.261 22.149-9.938 1.434-2.602 1.067-5.016-1.773-6.18l-13.266-5.427c-1.73-.726-3.018-1.351-4.84-2.862" fill="#FEFEFE" mask="url(#d)"/></g></g></g></svg>
\ No newline at end of file
diff --git a/webapp/static/img/badges/user_role_admin.svg b/webapp/static/img/badges/user_role_admin.svg
deleted file mode 100644
index 101e7458d..000000000
--- a/webapp/static/img/badges/user_role_admin.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg width="513" height="444" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path fill="#AD245D" d="M384.5.297L512.325 221.9l-128 221.702-255.825.102L.675 222.1 128.675.4z"/><path d="M35.01 367.726c-.08-21.169-.205-53.162 21.257-71.332 3.817-3.253 9.93-7.497 17.321-9.224 2.575-.523 4.956-.756 7.262-.979 4.438-.431 8.27-.804 12.054-2.9l4.954-2.846c9.87-5.655 19.194-10.996 28.226-17.377 5.085-3.632 6.726-15.73 6.095-25.428-.214-2.792-1.893-5.7-3.67-8.777-1.097-1.901-2.232-3.867-3.065-5.916l-.073-.199a56.976 56.976 0 0 1-.422-1.443c-1.195-4.205-1.933-6.378-2.386-7.476-7.029-.944-11.8-8.647-12.888-21.006l-.031-.557c-.645-12.785.808-16.13 2.316-17.716.24-.254.505-.475.783-.666-1.754-16.051 3.115-32.521 13.358-44.704 9.314-11.079 21.955-17.18 35.592-17.18 3.73 0 7.55.458 11.355 1.362 25.63 6.228 41.679 30.27 40.062 59.227.53.251 1.018.61 1.44 1.066 2.752 2.964 2.47 10.97 2.22 14.276l-.024.41c-.335 5.236-.684 10.65-3.052 15.73-1.739 3.918-4.405 6.242-6.76 8.29-2.396 2.089-4.288 3.735-5.294 6.885-.7 2.416-1.645 4.866-2.559 7.235-1.752 4.538-3.407 8.827-3.54 13.244-.427 10.222 1.17 18.391 4.172 21.359 5.097 5.163 13.003 9.391 19.978 13.121 1.6.855 3.166 1.692 4.654 2.517 9.28 5.052 16.07 7.915 25.309 8.557 9.118.849 18.056 5.193 24.754 11.97.736.641 1.82 1.744 3.694 3.648 4.416 4.492 4.416 4.492 4.426 5.852l.007.758c10.783 17.702 11.14 40.656 11.415 58.169l.05 3.28-3.278.028c-42.05.363-84.058.677-126.058.993-42.12.314-84.232.632-126.367.994l-3.273.029-.014-3.274zM329.011 135.763a5.232 5.232 0 0 0-5.223 5.23 5.232 5.232 0 0 0 5.223 5.23 5.236 5.236 0 0 0 5.231-5.23 5.236 5.236 0 0 0-5.23-5.23m0 40.237C309.705 176 294 160.297 294 140.993 294 121.698 309.706 106 329.011 106 348.303 106 364 121.698 364 140.993 364 160.297 348.303 176 329.011 176" fill="#FFF"/><path d="M330.511 101C308.173 101 290 119.164 290 141.492 290 163.828 308.173 182 330.511 182 352.836 182 371 163.828 371 141.492 371 119.164 352.836 101 330.511 101m0 51.022c5.823 0 10.531-4.716 10.531-10.53a10.517 10.517 0 0 0-10.53-10.529 10.51 10.51 0 0 0-10.523 10.529c0 5.814 4.7 10.53 10.522 10.53m0-40.496c16.563 0 29.963 13.406 29.963 29.966 0 16.555-13.4 29.982-29.963 29.982-16.555 0-29.985-13.427-29.985-29.982 0-16.56 13.43-29.966 29.985-29.966" fill="#AD245D"/><path d="M331 106.209c-20.305 0-36.825 16.06-36.825 35.799 0 19.747 16.52 35.813 36.825 35.813 20.306 0 36.827-16.066 36.827-35.813 0-19.74-16.521-35.8-36.827-35.8zM314.287 215l-4.11-21.345c-.324-.129-.648-.265-.972-.404l-18.012 12.169-23.607-23.609 12.186-18.009a63.31 63.31 0 0 1-.403-.968L258 158.712v-33.383l21.361-4.13c.131-.327.267-.652.407-.979l-12.18-18.025 23.608-23.612 18.015 12.198c.322-.137.643-.27.964-.4L314.287 69h33.416l4.13 21.387c.319.13.638.26.956.396l18.024-12.2 23.608 23.612-12.186 18.031c.139.324.273.648.402.971L404 125.33v33.381l-21.37 4.124c-.13.32-.262.64-.398.96l12.19 18.017-23.606 23.609-18.021-12.171c-.32.137-.642.27-.964.402L347.701 215h-33.414z" fill="#FFF"/><path d="M330 171.448c-17.342 0-31.45-13.656-31.45-30.44 0-16.778 14.108-30.427 31.45-30.427 17.341 0 31.449 13.649 31.449 30.426 0 16.785-14.108 30.441-31.45 30.441zM350.979 63h-41.97l-1.64 8.517-1.953 10.156-8.55-5.788-7.18-4.862-6.132 6.132-17.399 17.4-6.126 6.126 4.85 7.178 5.8 8.583-10.173 1.966-8.506 1.646v41.932l8.51 1.643 10.16 1.962-5.787 8.553-4.858 7.179 6.13 6.13 17.399 17.399 6.126 6.126 7.177-4.85 8.56-5.782 1.954 10.141 1.64 8.513H350.975l1.645-8.507 1.964-10.15 8.566 5.787 7.178 4.846 6.124-6.124 17.4-17.399 6.13-6.13-4.858-7.18-5.788-8.554 10.153-1.96 8.51-1.643v-41.932l-8.507-1.646-10.165-1.965 5.8-8.584 4.85-7.178-6.125-6.126-17.4-17.4-6.13-6.13-7.18 4.858-8.558 5.792-1.964-10.166L350.98 63zm-20.98 118.948c23.176 0 41.95-18.318 41.95-40.94 0-22.607-18.774-40.927-41.95-40.927-23.174 0-41.948 18.32-41.948 40.926 0 22.623 18.774 40.941 41.949 40.941zM342.313 73.5l3.855 19.963a47.184 47.184 0 0 1 6.037 2.502l16.824-11.386 17.4 17.4-11.362 16.818a53.171 53.171 0 0 1 2.502 6.066l19.932 3.855v24.601l-19.932 3.848a56.644 56.644 0 0 1-2.502 6.066l11.362 16.795-17.4 17.4-16.824-11.364a44.931 44.931 0 0 1-6.037 2.504l-3.855 19.932H317.68l-3.84-19.932a43.821 43.821 0 0 1-6.043-2.504l-16.818 11.364-17.4-17.4 11.364-16.795a53.759 53.759 0 0 1-2.51-6.066l-19.933-3.848v-24.601l19.933-3.855a50.617 50.617 0 0 1 2.51-6.066l-11.364-16.818 17.4-17.4 16.818 11.386a45.957 45.957 0 0 1 6.043-2.502l3.84-19.963h24.632z" fill="#AD245D"/></g></svg>
\ No newline at end of file
diff --git a/webapp/static/img/badges/user_role_developer.svg b/webapp/static/img/badges/user_role_developer.svg
deleted file mode 100644
index 55d363c9a..000000000
--- a/webapp/static/img/badges/user_role_developer.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg width="513" height="444" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path fill="#AD245D" d="M384.5.297L512.325 221.9l-128 221.702-255.825.102L.675 222.1 128.675.4z"/><g fill="#FFF"><path d="M35.01 367.726c-.08-21.169-.205-53.162 21.257-71.332 3.817-3.253 9.93-7.497 17.321-9.224 2.575-.523 4.956-.756 7.262-.979 4.438-.431 8.27-.804 12.054-2.9l4.954-2.846c9.87-5.655 19.194-10.996 28.226-17.377 5.085-3.632 6.726-15.73 6.095-25.428-.214-2.792-1.893-5.7-3.67-8.777-1.097-1.901-2.232-3.867-3.065-5.916l-.073-.199a56.976 56.976 0 0 1-.422-1.443c-1.195-4.205-1.933-6.378-2.386-7.476-7.029-.944-11.8-8.647-12.888-21.006l-.031-.557c-.645-12.785.808-16.13 2.316-17.716.24-.254.505-.475.783-.666-1.754-16.051 3.115-32.521 13.358-44.704 9.314-11.079 21.955-17.18 35.592-17.18 3.73 0 7.55.458 11.355 1.362 25.63 6.228 41.679 30.27 40.062 59.227.53.251 1.018.61 1.44 1.066 2.752 2.964 2.47 10.97 2.22 14.276l-.024.41c-.335 5.236-.684 10.65-3.052 15.73-1.739 3.918-4.405 6.242-6.76 8.29-2.396 2.089-4.288 3.735-5.294 6.885-.7 2.416-1.645 4.866-2.559 7.235-1.752 4.538-3.407 8.827-3.54 13.244-.427 10.222 1.17 18.391 4.172 21.359 5.097 5.163 13.003 9.391 19.978 13.121 1.6.855 3.166 1.692 4.654 2.517 9.28 5.052 16.07 7.915 25.309 8.557 9.118.849 18.056 5.193 24.754 11.97.736.641 1.82 1.744 3.694 3.648 4.416 4.492 4.416 4.492 4.426 5.852l.007.758c10.783 17.702 11.14 40.656 11.415 58.169l.05 3.28-3.278.028c-42.05.363-84.058.677-126.058.993-42.12.314-84.232.632-126.367.994l-3.273.029-.014-3.274z"/><text font-family="Impact" font-size="118" font-style="condensed" font-weight="700" transform="translate(1 -1)"><tspan x="256" y="208">&lt;/&gt;</tspan></text></g></g></svg>
\ No newline at end of file
diff --git a/webapp/static/img/badges/user_role_moderator.svg b/webapp/static/img/badges/user_role_moderator.svg
deleted file mode 100644
index bb2e5fde6..000000000
--- a/webapp/static/img/badges/user_role_moderator.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg width="512" height="444" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path fill="#AD245D" d="M384 .297L511.392 221.65l-128 221.702-255.392.352L.608 222.35 128.608.65z"/><g fill="#FFF"><path d="M34.944 367.726c-.081-21.169-.205-53.162 21.215-71.332 3.81-3.253 9.91-7.497 17.288-9.224 2.57-.523 4.946-.756 7.247-.979 4.43-.431 8.254-.804 12.03-2.9l4.945-2.846c9.851-5.655 19.157-10.996 28.171-17.377 5.075-3.632 6.713-15.73 6.082-25.428-.213-2.792-1.888-5.7-3.662-8.777-1.095-1.901-2.228-3.867-3.059-5.916l-.073-.199a57.061 57.061 0 0 1-.42-1.443c-1.194-4.205-1.93-6.378-2.382-7.476-7.015-.944-11.778-8.647-12.864-21.006l-.03-.557c-.644-12.785.806-16.13 2.31-17.716.241-.254.505-.475.783-.666-1.75-16.051 3.11-32.521 13.331-44.704 9.296-11.079 21.912-17.18 35.524-17.18 3.722 0 7.535.458 11.332 1.362 25.58 6.228 41.597 30.27 39.983 59.227.53.251 1.016.61 1.439 1.066 2.745 2.964 2.464 10.97 2.215 14.276l-.024.41c-.335 5.236-.683 10.65-3.046 15.73-1.736 3.918-4.397 6.242-6.747 8.29-2.391 2.089-4.28 3.735-5.284 6.885-.698 2.416-1.642 4.866-2.554 7.235-1.749 4.538-3.4 8.827-3.534 13.244-.425 10.222 1.17 18.391 4.165 21.359 5.087 5.163 12.977 9.391 19.939 13.121 1.597.855 3.16 1.692 4.645 2.517 9.262 5.052 16.038 7.915 25.259 8.557 9.1.849 18.02 5.193 24.706 11.97.735.641 1.817 1.744 3.687 3.648 4.408 4.492 4.408 4.492 4.417 5.852l.007.758c10.762 17.702 11.12 40.656 11.392 58.169l.05 3.28-3.271.028c-41.968.363-83.894.677-125.812.993-42.038.314-84.067.632-126.12.994l-3.267.029-.013-3.274zM332.387 115.763h15.318v86.734h-15.318v.513l-22.127-17.64v.12h-10.21V211h-22.128v-25.51h-20.424v-52.722h52.762v-.508l22.127-17.065v.568zm34.313 72.093l-7.988-4.591c15.803-27.453 1.717-46.642 1.106-47.443l7.304-5.607c.774.993 18.547 24.675-.422 57.641zm27.361 21.216l-13.866-7.975c27.437-47.66 2.98-80.973 1.918-82.36L394.795 109c1.343 1.723 32.2 42.839-.734 100.072z"/></g></g></svg>
\ No newline at end of file
diff --git a/webapp/static/img/badges/wooold_de_bee.svg b/webapp/static/img/badges/wooold_de_bee.svg
deleted file mode 100644
index e716c6116..000000000
--- a/webapp/static/img/badges/wooold_de_bee.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg width="513" height="444" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" d="M0 .89h265.71v170.52H0z"/></defs><g fill="none" fill-rule="evenodd"><path fill="#84A939" d="M384.5.297L512.325 221.9l-128 221.702-255.825.102L.675 222.1 128.675.4z"/><path d="M210.84 346.697l2.17.412c3.654-5.4 7.304-10.797 11.167-16.514l-13.948-4.158c.216 7.17.415 13.715.61 20.26" fill="#FEFEFE"/><g transform="translate(124 96.872)"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><path d="M265.476 135.466c2.28-16.36-12.373-28.485-33.146-37.925-3.264-1.498-32.042-13.807-71.066-11.423-.493-.025-.99-.055-1.485-.077-4.622-.21-8.12-1.25-9.72-6.232 8.024-2.458 14.575-6.522 17.408-15.188 2.705-8.281.812-14.61-5.396-18.966 3.091-4.423 7.693-7.442 11.87-10.785 5.529-4.425 11.32-7.711 18.427-8.009.24.227.53.414.906.525 2.803.837 4.097-3.51 1.295-4.345-1.034-.309-1.896.11-2.368.801-6.4.293-11.767 2.709-17.154 6.329-5.428 3.635-11.634 8.205-15.427 13.712-.48-1.289-2.718-6.195-9.466-8.056-4.63-1.276-7.919-.39-9.835.541 1.488-12.829-8.348-26.169-18.146-33.456-.048-.826-.524-1.61-1.556-1.917-2.804-.835-4.097 3.502-1.295 4.337.41.121.772.127 1.11.054 9.044 6.741 19.157 19.93 16.758 31.839-.028.13-.005.243-.002.363-16.899-.786-23.471 21.104-10.53 35.477-4.684 2.295-5.616 2.748-8.613 1.177-32.087-24.754-64.257-30.463-67.89-31.01C27.605 39.755 8.707 41.88 1.662 56.82-2.182 65.082.903 73.342 8.21 80.396A46.714 46.714 0 0 0 10.342 95.9c13.312 41.39 67.248 17.494 97.338 5.981 1.043 2.698 2.299 5.946 3.627 9.388l1.733.513c-12.762 1.374-25.1 8.753-34.245 20.253 11.938-.127 26.762 2.062 42.317 6.698 15.322 4.568 28.756 10.738 38.637 17.268-1.399-14.62-7.72-27.531-17.685-35.634l.046.013 9.111-6.463c18.754 25.75 51.289 77.278 85.606 49.502a46.669 46.669 0 0 0 10.267-11.807c9.978-1.902 17.079-7.125 18.382-16.146" fill="#FEFEFE" mask="url(#b)"/></g><path d="M239.142 255.648c-17.848-5.32-34.719-7.408-47.378-6.481a74.024 74.024 0 0 0-.923 2.876 70.569 70.569 0 0 0-2.728 14.609c12.465-.643 28.687 1.501 45.785 6.598 16.902 5.04 31.502 12.025 41.573 19.298a70.533 70.533 0 0 0 6.48-16.67c-10.089-7.605-25.188-14.976-42.809-20.23" fill="#E5ECD6"/><path d="M189.62 286.635c3.972 16.568 14.648 29.797 29.836 34.325 15.22 4.537 31.434-.721 43.835-12.47-9.486-5.756-21.669-11.116-35.364-15.198-13.858-4.13-27.135-6.319-38.307-6.657" fill="#FEFEFE"/></g></svg>
\ No newline at end of file
diff --git a/webapp/static/img/badges/wooold_de_butterfly.svg b/webapp/static/img/badges/wooold_de_butterfly.svg
deleted file mode 100644
index 6d2b83e31..000000000
--- a/webapp/static/img/badges/wooold_de_butterfly.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg width="513" height="444" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" d="M.073.459h124.425v172.749H.073z"/></defs><g fill="none" fill-rule="evenodd"><path fill="#84A939" d="M384.5.297L512.325 221.9l-128 221.702-255.825.102L.675 222.1 128.675.4z"/><path d="M232.409 254.848c.268-7.727 7.016-33.547 7.258-39.582.838-19.569-19.295-37.316-35.404-44.459-20.896-9.313-46.108-15.054-68.428-7.619-17.536 5.837-23.16 21.744-17.995 38.456 5.905 18.931 25.96 23.883 43.23 27.984-2.735 6.685-13.588 12.887-16.81 23.005-2.78 8.729-2.97 17.367-1.227 26.318.333 1.703 1.236 3.314 1.819 4.836 5.689 14.863 40.24 34.999 49.693 39.224 3.09 1.366 18.603 9.7 24.605 9.519.476-.016.962-.047 1.453-.096 12.115-1.246 17.577-9.799 19.811-20.828.36-1.791-8.229-49.896-8.005-56.758" fill="#E5ECD6"/><path d="M268.885 204.496c-.268-7.83-8.948-10.453-13.935-7.422-2.966.291-5.702 2.075-6.746 5.894-4.237 15.355-1.235 30.542-.916 46.19.358 17.416-.37 34.49 2.024 51.804 1.158 8.493 14.876 8.837 16.773.612 3.27-14.248 1.438-28.557 1.233-42.969-.291-18.067 2.216-36.006 1.567-54.11" fill="#FEFEFE"/><path d="M268.54 185.138c3.437-13.134 12.433-23.528 20.018-34.472 9.29-13.399 19.905-24.457 35.392-29.791.675.343 1.439.565 2.342.565 6.73 0 6.73-10.44 0-10.44-2.483 0-4.111 1.491-4.696 3.324-13.922 4.858-24.18 13.72-33.687 25.246-10.257 12.408-21.876 27.757-26.012 43.492-1.119 4.336 5.523 6.417 6.643 2.076M251.284 184.303c-2.824-31.263-34.996-55.942-62.636-66.026-.649-1.789-2.215-3.207-4.696-3.207-6.732 0-6.732 10.42 0 10.42.979 0 1.782-.23 2.481-.612 24.382 8.926 55.359 31.37 57.89 59.222.381 4.386 7.37 4.679 6.961.203" fill="#BBD094"/><g transform="translate(273.18 159.325)"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><path d="M8.09 95.524C7.822 87.797 1.074 61.977.832 55.94c-.838-19.568 19.294-37.316 35.404-44.458 20.896-9.313 46.106-15.055 68.427-7.62C122.2 9.702 127.824 25.608 122.66 42.32c-5.905 18.932-25.961 23.884-43.23 27.984 2.734 6.685 13.588 12.887 16.81 23.005 2.78 8.73 2.97 17.367 1.226 26.318-.334 1.704-1.236 3.315-1.818 4.836-5.69 14.863-40.24 35-49.695 39.225-3.088 1.366-18.601 9.7-24.604 9.518a21.536 21.536 0 0 1-1.453-.095C7.78 171.864 2.32 163.31.085 152.282c-.36-1.792 8.228-49.896 8.005-56.758" fill="#E5ECD6" mask="url(#b)"/></g></g></svg>
\ No newline at end of file
diff --git a/webapp/static/img/badges/wooold_de_double_rainbow.svg b/webapp/static/img/badges/wooold_de_double_rainbow.svg
deleted file mode 100644
index 406001188..000000000
--- a/webapp/static/img/badges/wooold_de_double_rainbow.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg width="513" height="444" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" d="M.474.589h222.082V155.85H.474z"/></defs><g fill="none" fill-rule="evenodd"><path fill="#84A939" d="M384.5.297L512.325 221.9l-128 221.702-255.825.102L.675 222.1 128.675.4z"/><path d="M106 295.77c0-8.772 4.114-14.323 7.973-17.622 3.405-2.91 6.612-4.072 6.612-4.072s.991-13.569 10.898-22.434c.097-.086.18-.179.278-.265 3.804-3.31 8.891-5.92 15.692-6.854.112-.015.214-.039.33-.053.545-.07 1.087-.144 1.654-.193 3.884-.328 7.329-.025 10.403.706 18.218 4.333 22.977 24.233 22.977 24.233s9.721-6.152 19.125.324c9.397 6.48 7.454 15.87 7.454 15.87 17.507-2.266 26.092 4.209 26.092 18.623 0 14.412-17.015 17.001-17.015 17.001h-93.672s-.333-.157-.89-.452C120.203 318.614 106 310.138 106 295.771" fill="#FEFEFE"/><path d="M333.747 275.73c0-55.854-45.477-101.293-101.378-101.293-43.712 0-80.995 27.807-95.194 66.632a36.758 36.758 0 0 0-9.437 5.96l-.479.442c-5.63 5.087-8.934 11.15-10.906 16.39 5.97-58.709 55.707-104.681 116.016-104.681 64.32 0 116.648 52.284 116.648 116.55 0 16.978-3.683 33.105-10.245 47.668h-16.984a100.603 100.603 0 0 0 11.96-47.669" fill="#E5ECD6"/><path d="M320.29 275.73c0-48.44-39.44-87.85-87.923-87.85-34.819 0-64.929 20.35-79.154 49.752-.883.022-1.766.048-2.66.124-.625.051-1.223.127-1.818.205l-.773.112c-3.737.513-7.249 1.487-10.519 2.889 14.22-38.649 51.374-66.313 94.924-66.313 55.784 0 101.17 45.345 101.17 101.08a100.39 100.39 0 0 1-11.987 47.67h-15.386c8.92-13.742 14.127-30.106 14.127-47.67" fill="#CCDBAE"/><path d="M308.526 275.73c0-41.957-34.164-76.092-76.156-76.092-28.736 0-53.744 16.016-66.704 39.555-.62-.182-1.233-.366-1.877-.518-3.268-.778-6.708-1.125-10.244-1.06 14.209-29.225 44.179-49.44 78.825-49.44 48.315 0 87.626 39.278 87.626 87.554 0 17.574-5.227 33.94-14.183 47.67h-14.145c10.533-13.055 16.858-29.635 16.858-47.67" fill="#B5CB88"/><g transform="translate(182.963 98.98)"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><path d="M104.288 16.014c56.52-.178 102.65 45.62 102.829 102.093.04 13.318-2.485 26.05-7.103 37.743h16.444c3.993-11.874 6.14-24.585 6.097-37.791C222.35 53.079 169.273.382 104.241.588 59.286.73 20.245 26.132.474 63.257c7.3-3.05 14.945-5.433 22.867-7.06 18.668-24.318 47.967-40.079 80.947-40.183" fill="#E5ECD6" mask="url(#b)"/></g><path d="M376.475 217.131c.042 13.462-2.936 26.238-8.287 37.7h14.566c4.626-11.69 7.153-24.425 7.11-37.742-.178-56.354-46.21-102.058-102.612-101.88-32.822.104-61.988 15.75-80.621 39.905 6.557-1.328 13.306-2.117 20.192-2.376 15.83-14.881 37.068-24.076 60.472-24.15 49.019-.155 89.023 39.565 89.18 88.543" fill="#CCDBAE"/><path d="M364.578 217.169c.042 13.669-3.534 26.506-9.78 37.663h13.049a87.88 87.88 0 0 0 8.33-37.7c-.155-48.812-40.028-88.4-88.881-88.246-23.205.076-44.275 9.145-60.024 23.84 1.434-.048 2.867-.108 4.313-.108 4.568 0 9.074.26 13.516.738 12.112-8.07 26.607-12.831 42.23-12.881 42.461-.134 77.112 34.271 77.247 76.694" fill="#B5CB88"/><path d="M354.798 254.83h-.377c.03.174.072.345.102.519.098-.17.18-.349.275-.518" fill="#CABAA1"/></g></svg>
\ No newline at end of file
diff --git a/webapp/static/img/badges/wooold_de_end_of_rainbow.svg b/webapp/static/img/badges/wooold_de_end_of_rainbow.svg
deleted file mode 100644
index 2ae24cb7b..000000000
--- a/webapp/static/img/badges/wooold_de_end_of_rainbow.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg width="513" height="445" xmlns="http://www.w3.org/2000/svg"><defs><path id="a" d="M0 .228h117.4v89.33H0z"/></defs><g fill="none" fill-rule="evenodd"><path fill="#84A939" d="M384.5 1.297L512.325 222.9l-128 221.702-255.825.102L.675 223.1l128-221.702z"/><path d="M271.215-108h.687" fill="#A2C155"/><path d="M322.09-106.706h-84.53c29.946 60.409 47.09 125.524 51.34 191.352A148.538 148.538 0 0 1 366.955 125c.983-78.823-14.023-157.777-44.865-231.706" fill="#E5ECD6"/><path d="M161.192-108c1.205 2.081 2.415 4.16 3.595 6.253 33.206 58.725 52.029 123.538 56.401 189.208 12.587-3.554 25.835-5.497 39.541-5.497 8.886 0 17.573.842 26.019 2.376C282.556 18.18 265.673-47.265 236.183-108h-74.991z" fill="#CCDBAE"/><path d="M159.023-105.411H90c48.752 66.49 73.006 145.203 72.848 223.939a148.357 148.357 0 0 1 56.591-30.18C215.052 23.27 196.1-40.968 162.673-99.214c-1.197-2.075-2.425-4.135-3.65-6.197" fill="#B5CB88"/><g><path d="M316.725 166.334c-7.84-2.436-16.096-4.33-24.624-5.683.826 3.924 1.513 8.118 2.202 12.312 10.04-2.704 15.681-2.299 22.422-6.63M339.11 210.317c1.168.141 2.188.42 3.358.701-.438-2.239-.73-4.617-1.317-6.715-.143.56-.436 1.26-.728 1.82-.585 1.257-1.022 2.797-1.313 4.194M253.762 328.831c-.413-1.369-.553-2.736-.69-4.105 0-.138 0-.548-.138-.684-4.015-.138-8.305-.549-12.32-1.097 5.675 23.41 13.7 38.055 22.42 38.055 1.246 0 2.215-.136 3.324-.685a265.264 265.264 0 0 0-4.57-10.54c-4.566-10.676-7.334-17.247-8.026-20.944" fill="#E5ECD6"/><path d="M199.202 165.128c11.649-4.537 24.123-7.837 37.415-9.763 3.975-17.463 9.594-31.214 16.31-38.365h-.411c-21.79 4.813-40.706 22.689-53.314 48.128" fill="#CCDBAE"/><path d="M285.385 155.055C279.738 131.511 271.747 117 262.931 117c-8.817 0-16.806 14.511-22.316 38.055 15.017-1.78 29.618-1.78 44.77 0M262.875 188.633c5.753-6.192 8.357-5.519 16.714-9.691 2.738-1.347 6.301-3.096 10.273-4.578-.823-5.115-1.784-9.961-2.74-14.537a193.618 193.618 0 0 0-46.714 0c-1.232 5.519-2.192 11.307-3.151 17.365 9.316 1.077 18.358 3.635 25.618 11.441M236.138 292.725c1.258 9.135 2.658 17.862 4.196 25.636 4.199.544 8.398.817 12.593 1.226-.557-2.045-1.398-3.818-2.8-6.272-1.817-2.728-8.113-12.272-13.99-20.59" fill="#E5ECD6"/><path d="M274.193 117c5.762 5.969 10.975 17.367 15.09 33.916.412 1.357.687 2.577.823 3.934 10.426 1.493 20.578 3.8 29.906 6.92 1.232-1.356 2.468-2.985 3.428-4.613-12.207-21.435-29.493-36.087-49.247-40.157M346.486 212.424c17.532 4.021 31.335 9.706 38.514 16.503v-.418c-3.864-18.165-16.565-34.25-35.34-46.592-1.931 4.021-3.863 8.597-6.073 14.283 1.104 5.407 2.21 10.815 2.899 16.224" fill="#CCDBAE"/><path d="M385 238.93c0-8.677-14.511-16.806-38.055-22.315a188.411 188.411 0 0 1 0 44.77C370.489 255.737 385 247.747 385 238.931M318.102 253.66l-7.288 8.565c-.549 1.36-1.238 2.991-1.924 4.757 12.51-1.223 24.06-2.99 34.37-5.164a186.51 186.51 0 0 0 0-46.355c-1.511-.407-3.297-.68-5.084-1.087 0 .408-.137.68-.137 1.087-2.338 9.787-4.953 20.798-19.937 38.198" fill="#E5ECD6"/><path d="M346.663 266.31c-1.93 13.225-5.242 25.899-9.791 37.607 25.65-12.81 43.579-31.822 48.128-53.586v-.138c-6.066 5.923-17.65 11.158-34.475 15.428-1.103 0-2.482.413-3.862.69M308.89 339.734c6.95-7.462 13.097-16.552 17.908-26.862-4.68 1.9-9.488 3.392-14.568 5.02 0 4.612-.8 8.41-1.736 12.074-.534 2.984-1.203 5.97-1.604 9.768" fill="#CCDBAE"/><path d="M155.69 193c9.869-10.354 22.751-18.777 36.318-24.854 8.36-18.915 20.968-36.175 37.414-46.669-36.869 10.632-66.743 38.248-80.587 73.872 1.51-.69 2.88-1.105 6.855-2.348" fill="#B5CB88"/><path d="M296.716 299.014l-.138.412c7.326 2.612 15.067 7.97 16.172 13.466 0 .412.138.687.138 1.099 6.497-1.925 12.579-3.984 18.385-6.595 5.113-11.817 8.984-25.144 11.195-39.295-10.92 2.198-22.943 3.984-35.799 5.221l-1.936 5.083c-3.456 8.52-7.048 17.724-8.017 20.61" fill="#CCDBAE"/><path d="M351.422 178.278c11.778 7.621 22.172 17.04 29.1 28.263-4.434-15.655-11.917-30.063-21.755-42.532-.835 1.801-1.94 3.74-3.05 5.68-1.108 2.632-2.632 5.54-4.295 8.59M296.578 121.477c11.592 7.594 21.411 18.5 29.183 31.34 1.503-4.42 2.73-9.664 3.276-16.291-9.955-6.627-20.867-11.736-32.459-15.049M191.84 310.024c-18.792-8.367-35.938-20.986-46.363-37.446 11.659 40.464 43.483 72.286 83.945 83.945-16.458-10.287-29.079-27.707-37.582-46.5M334.883 309.79c-6.327 13.768-14.991 26.99-25.583 36.94-.138 1.77-.138 3.407-.41 5.316 35.07-13.768 62.301-43.21 72.752-79.468-10.59 16.357-27.78 28.897-46.76 37.212" fill="#B5CB88"/><path d="M189.128 175.202c-8.883 4.438-16.809 9.706-23.504 15.67 6.969-1.941 14.212-4.021 20.498-6.657.957-3.05 2.048-6.101 3.006-9.013M204.989 176.17c15.22.818 27.04 1.09 27.04 1.09.814-5.717 1.766-11.436 2.99-16.609-14.132 2.18-27.177 5.99-38.862 11.027-1.223 2.996-2.447 5.991-3.67 9.12 6.796-3.402 5.437-4.355 12.502-4.628M211.523 261.31c-6.317-3.741-11.673-8.315-16.756-12.61-3.705-3.188-7.825-6.79-12.354-9.7 0 8.038.548 15.936 1.373 23.835 10.434 2.218 22.517 4.02 35.563 5.266-.687-1.108-1.514-2.079-2.609-3.048-1.51-1.248-3.296-2.772-5.217-3.742" fill="#E5ECD6"/><path d="M189.128 303.917c-4.55-11.553-7.86-23.923-9.794-37.108-16.959-3.807-30.198-8.972-37.646-15.497l-.688.544c5.378 21.205 23.029 39.691 48.128 52.061M222.942 273.454c-13.723-1.236-26.624-3.02-38.29-5.353 2.195 14.273 6.04 27.448 11.114 39.25 11.803 5.077 25.117 8.92 39.252 11.117-2.058-10.155-3.842-21.41-4.804-33.624-2.057-2.882-4.117-6.86-7.272-11.39" fill="#CCDBAE"/><path d="M159.276 238.175l-.138.136-12.542 9.715c6.133 5.13 17.975 9.715 33.578 13.36-1.116-8.23-1.393-16.463-1.254-24.694-3.205-1.35-6.409-2.159-9.752-2.159-3.762-.136-6.966 1.08-9.892 3.642" fill="#E5ECD6"/><path d="M235.69 322.663c-13.224-1.93-25.899-5.24-37.607-9.791 12.81 25.65 31.822 43.577 53.587 48.128h.137c-5.923-6.067-11.16-17.651-15.43-34.476 0-1.103-.274-2.482-.687-3.861" fill="#CCDBAE"/><path d="M291.217 178.686c-6.552 2.456-11.736 5.868-15.557 7.096-7.232 2.593-8.186 4.64-13.508 10.508-1.502 1.774-3.685 4.366-5.868 6.413 0 .138 0 .82.68 1.774 1.912 2.73 4.638 1.776 7.098-.545 25.79-24.563 46.395-3.276 48.99 9.552 1.226 5.868 1.773 15.012-5.324 29.75 3.414 1.226 5.868 3.274 6.279 6.959 18.967-22.515 16.375-32.753 21.425-46.534 9.278-26.472 15.692-35.344 20.467-44.76-6.416-7.233-13.51-14.055-21.423-19.514-4.777 37.663-27.838 33.706-43.259 39.301M304.465 340.525c.688-11.192 5.244-16.379 3.173-27.162-.55-2.73-7.312-8.326-15.035-10.236l-2.485-.411 1.793-5.596c1.105-3.685 6.348-16.653 10.9-27.845.55-1.228 6.346-14.468 6.07-16.789-.414-2.048-2.76-3.413-4.416-3.413-1.654 0-3.31 3.004-5.105 6.006-2.48 3.96-3.998 7.781-6.07 11.603-2.204 4.095-4.689 8.462-7.31 13.102a1947.535 1947.535 0 0 1-9.104 16.381c-1.517 3.002-4.139 4.503-7.311 4.503-2.76 0-5.932-.818-6.761-1.5-.825-.683-21.518-23.886-26.623-28.664-1.517 2.457-4.001 4.095-6.759 4.778 7.312 10.919 21.382 31.256 24.142 35.487 4.137 6.416 4 10.511 5.38 17.472.826 5.05 9.104 21.976 13.243 32.759 10.894-.818 21.52-3.002 31.31-6.415.28-4.777.694-9.555.968-14.06M168.165 229.955c11.467 0 21.433 8.387 29.76 15.535 5.05 4.125 10.102 8.662 15.973 12.237 2.453 1.375 4.505 3.025 6.006 4.673 2.594 2.614 3.002 3.163 4.367 5.364 1.365 2.199 2.459 3.712 3.14 3.712 1.365 0 4.369-1.513 4.778-3.851 1.092-4.674-3.413-9.072-6.962-12.373-4.778-4.674-12.285-13.06-14.333-16.91-16.385-30.796 19.79-55.956 41.499-38.222 2.183-2.06 4.365-4.81 6.007-6.598-11.604-12.787-28.259-9.761-45.187-11-2.455-.136-9.281-.687-11.193-.136-2.048.687-4.094 1.787-5.324 2.613-15.563 8.66-36.994 10.586-49.964 17.734A123.687 123.687 0 0 0 141 239.991c0 2.062 0 4.125.135 6.325l14.198-11.273c3.822-3.576 7.918-5.088 12.832-5.088" fill="#FEFEFE"/></g></g></svg>
\ No newline at end of file
diff --git a/webapp/static/img/badges/wooold_de_flower.svg b/webapp/static/img/badges/wooold_de_flower.svg
deleted file mode 100644
index ffc4b3da4..000000000
--- a/webapp/static/img/badges/wooold_de_flower.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg width="513" height="444" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path fill="#84A939" d="M384.5.297L512.325 221.9l-128 221.702-255.825.102L.675 222.1 128.675.4z"/><path d="M238.234 309.762c-1.375.258-2.792 1.55-3.708 2.736-1.608 2.081-3.007 1.861-5.165.778-8.43-4.235-16.65-1.328-20.991 6.88-.792 1.496-2.614 2.848-4.257 3.43-6.343 2.24-10.08 6.638-10.719 13.498h98.273c-.897-5.657-3.359-9.528-8.075-12.241-2.12-1.22-4.18-3.107-5.416-5.194-4.232-7.157-10.743-9.897-18.71-7.382-3.109.983-9.193-2.98-10.331-6.279h-6.066c-.46 1.829-1.749 3.193-4.835 3.774" fill="#FEFEFE"/><path d="M252.144 200.674c-2.639 3.425-9.63 13.408-11.283 24.964l-.87 5.505c-2.211-5.534-6.18-10.496-11.796-14.408-11.918-8.303-25.534-11.544-39.636-13.142-6.885-.78-13.842-.944-21.559-1.436 4.949 20.969 11.08 40.049 25.452 55.231 6.342 6.698 14.362 10.992 23.85 10.166 5.9-.514 11.66-2.65 17.862-4.149 4.946 11.405 7.394 24.204 8.876 37.28.143 1.266.255 2.46.227 3.56h5.569c-.882-7.237-1.761-14.484-2.983-21.665-.397-2.335-.79-4.38-.575-5.91.299-1.79.748-1.79 1.582-3.072.884-1.193 2.198-2.26 4.092-3.402 2.143 1.826 3.998 3.807 6.216 5.223 4.423 2.827 7.262 5.105 14.637 5.803 2.418.234 5.006.276 7.187-.337 4.318-1.207 8.743-2.716 12.51-5.075 14.244-8.905 24.206-21.803 32.765-35.977-.592-.457-.912-.851-1.319-.994-14.417-5.058-29.212-8.309-44.538-6.92-8.774.796-17.394 3.209-23.143 10.763-3.56 4.676-6.985 9.634-5.063 16.138-.412 3.335-1.967 5.828-4.244 7.79-1.402-12.036-2.767-39.862 11.142-58.371" fill="#E5ECD6"/><path d="M258.188 206.85s7.083 18.602 21.241 17.487c0 0 20.87.371 21.987-27.161 0 0 21.198 8.399 32.42-4.093 0 0 15.653-18.974-8.567-34.6 0 0 18.63-8.93 11.921-30.137 0 0-6.707-19.347-35.028-7.812 0 0-.746-26.045-23.107-26.788 0 0-23.538.821-21.239 27.53 0 0-23.85-13.022-35.03 5.582 0 0-10.062 18.973 10.435 31.996 0 0-22.36 17.115-7.826 35.719 0 0 10.435 12.649 27.762 4.836m25.716-27.533c-6.827 0-12.36-5.525-12.36-12.342 0-6.816 5.533-12.342 12.36-12.342 6.826 0 12.36 5.526 12.36 12.342 0 6.817-5.534 12.342-12.36 12.342" fill="#FFF"/></g></svg>
\ No newline at end of file
diff --git a/webapp/static/img/badges/wooold_de_lifetree.svg b/webapp/static/img/badges/wooold_de_lifetree.svg
deleted file mode 100644
index 5a89fa5f9..000000000
--- a/webapp/static/img/badges/wooold_de_lifetree.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg width="513" height="444" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" d="M0 .189h57.573v26.7H0z"/><path id="c" d="M.725.08H19.36v40.343H.725z"/></defs><g fill="none" fill-rule="evenodd"><path fill="#84A939" d="M384.5.297L512.325 221.9l-128 221.702-255.825.102L.675 222.1 128.675.4z"/><path d="M273.358 337.932c-8.912-10.196-11.325-32.16-11.657-41.363-.65-26.583 5.972-53.313 18.967-76.511a74.409 74.409 0 0 0-11.234 10.794 74.453 74.453 0 0 0-12.999 22.468 79.408 79.408 0 0 0-8.869-20.846 79.344 79.344 0 0 0-14.043-17.15 207.622 207.622 0 0 1 14.107 67.562c.928 10.1-.843 37.043-8.417 51.567 10.137 5.487 23.405 7.21 34.145 3.479" fill="#FDFDFD"/><path d="M229.363 223.869c-8.468-6.752-20.013-9.47-30.601-7.207-9.422 2.013-17.96 7.9-23.193 15.993 5.321 4.82 12.165 7.933 19.295 8.777 7.128.845 14.51-.583 20.81-4.028a35.075 35.075 0 0 0 13.689-13.535M218.07 203.813c-3.741-9.627-11.947-17.407-21.756-20.625-8.728-2.862-18.581-2.11-26.774 2.044a33.503 33.503 0 0 0 11.689 16.493c5.467 4.117 12.233 6.482 19.074 6.67a33.415 33.415 0 0 0 17.766-4.582M231.742 189.296c2.587-10.278.337-21.666-5.961-30.188-5.603-7.584-14.294-12.811-23.618-14.203-2.138 6.692-2.142 14.05-.01 20.747 2.131 6.695 6.387 12.697 12.003 16.92a34.307 34.307 0 0 0 17.586 6.724M249.503 179.65c7.17-7.366 10.819-18.017 9.68-28.234-1.014-9.092-5.766-17.708-12.912-23.416-5.05 4.576-8.63 10.75-10.098 17.405-1.468 6.657-.815 13.764 1.845 20.04a33.282 33.282 0 0 0 11.485 14.205M283.735 233.183c8.451-6.604 19.91-9.184 30.376-6.84 9.313 2.087 17.707 7.998 22.814 16.065-5.319 4.72-12.126 7.737-19.195 8.504-7.069.768-14.365-.719-20.572-4.19a34.756 34.756 0 0 1-13.423-13.539M297.35 214.409c3.598-8.424 11.1-15.081 19.886-17.648 7.824-2.282 16.537-1.326 23.678 2.597a29.729 29.729 0 0 1-10.844 14.278 29.686 29.686 0 0 1-17.104 5.354 29.65 29.65 0 0 1-15.616-4.581M290.25 195.245c-.826-10.754 3.386-21.791 11.17-29.255 6.923-6.642 16.541-10.389 26.132-10.182.994 7.082-.267 14.464-3.556 20.814-3.29 6.35-8.591 11.635-14.949 14.906a34.925 34.925 0 0 1-18.797 3.717M273.04 182.782c-4.612-8.584-5.165-19.243-1.458-28.257 3.293-8.02 9.871-14.632 17.87-17.967a31.611 31.611 0 0 1 4.664 18.495 31.6 31.6 0 0 1-6.905 17.783 31.536 31.536 0 0 1-14.172 9.946" fill="#E5ECD6"/><path d="M243.424 215.524c.876-5.517-.835-11.392-4.54-15.572-3.296-3.719-8.104-6.057-13.063-6.351-.81 3.614-.469 7.476.964 10.892a18.13 18.13 0 0 0 7.09 8.322 18.085 18.085 0 0 0 9.549 2.709M256.665 237.303c5.231-3.671 8.692-9.757 9.177-16.134.43-5.672-1.482-11.488-5.187-15.802a20.77 20.77 0 0 0-8.182 9.468 20.76 20.76 0 0 0-1.188 12.46 20.692 20.692 0 0 0 5.38 10.008M272.494 220.221c5.455.452 11.067-1.656 14.878-5.588 3.391-3.498 5.32-8.372 5.243-13.244a17.74 17.74 0 0 0-10.57 1.745 17.756 17.756 0 0 0-7.609 7.55 17.723 17.723 0 0 0-1.942 9.537M251.735 207.05c2.347-5.372 2.162-11.79-.496-17.016-2.365-4.65-6.632-8.295-11.591-9.907a19.044 19.044 0 0 0-1.9 11.32 19.04 19.04 0 0 0 5.005 10.327 18.98 18.98 0 0 0 8.982 5.276M268.648 206.641c5.315-.412 10.387-3.31 13.444-7.683 2.718-3.89 3.819-8.879 2.99-13.553a17.289 17.289 0 0 0-9.899 3.321 17.305 17.305 0 0 0-6.147 8.44 17.291 17.291 0 0 0-.388 9.475M262.033 199.902c3.798-3.745 5.808-9.233 5.325-14.546-.428-4.728-2.8-9.248-6.447-12.29a17.318 17.318 0 0 0-5.426 8.922c-.833 3.44-.57 7.134.74 10.42a17.294 17.294 0 0 0 5.808 7.494" fill="#FDFDFD"/><g transform="translate(125 198.142)"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><path d="M57.573 14.313C50.279 5.483 38.927.155 27.479.19c-10.19.03-20.301 4.26-27.48 11.494 4.46 6.146 10.862 10.858 18.056 13.285 7.192 2.43 15.14 2.558 22.408.37a37.096 37.096 0 0 0 17.11-11.025" fill="#CCDBAE" mask="url(#b)"/></g><path d="M196.328 174.185c-2.085-11.263-9.422-21.44-19.445-26.974-8.92-4.926-19.814-6.143-29.6-3.309.913 7.539 4.222 14.77 9.329 20.389 5.11 5.618 11.994 9.594 19.41 11.213a37.081 37.081 0 0 0 20.306-1.319M228.732 148.813c4.814-10.394 4.718-22.94-.257-33.258-4.424-9.183-12.602-16.482-22.222-19.84-3.618 6.677-5.102 14.491-4.185 22.031.917 7.54 4.23 14.769 9.342 20.384a37.097 37.097 0 0 0 17.322 10.683M266.688 145.082c9.848-5.84 16.87-16.235 18.612-27.557 1.548-10.075-1.06-20.726-7.09-28.943-6.76 3.455-12.405 9.054-15.917 15.787-3.514 6.734-4.872 14.57-3.835 22.093a37.125 37.125 0 0 0 8.23 18.62M304.675 155.928c11.29-1.9 21.58-9.073 27.276-19.01 5.068-8.842 6.464-19.72 3.794-29.555-7.549.787-14.83 3.98-20.53 8.998-5.697 5.019-9.785 11.838-11.524 19.23a37.108 37.108 0 0 0 .984 20.337M325.623 186.8c10.128 5.343 22.657 5.887 33.21 1.447 9.392-3.952 17.098-11.749 20.94-21.19-6.479-3.955-14.2-5.838-21.775-5.31-7.572.53-14.957 3.47-20.824 8.29a37.133 37.133 0 0 0-11.551 16.762M331.232 223.695c7.163 8.936 18.437 14.43 29.885 14.563 10.187.12 20.36-3.964 27.643-11.09-4.368-6.211-10.702-11.017-17.859-13.55-7.156-2.53-15.101-2.779-22.4-.694a37.091 37.091 0 0 0-17.27 10.77" fill="#CCDBAE"/><path d="M234.557 237.224c-10.31-.453-20.735 3.928-27.629 11.613-6.138 6.84-9.418 16.164-8.917 25.341 6.803.729 13.824-.71 19.793-4.058a33.5 33.5 0 0 0 13.787-14.781 33.466 33.466 0 0 0 2.966-18.115M275.793 239.989c-3.218 9.814-1.814 21.038 3.727 29.753 4.926 7.757 13.018 13.432 21.983 15.425 2.538-6.359 3.045-13.512 1.432-20.165-1.614-6.655-5.339-12.78-10.506-17.27a33.433 33.433 0 0 0-16.636-7.743" fill="#E5ECD6"/><path d="M197.685 248.567c-10.662-4.176-23.172-3.317-33.164 2.276-8.89 4.978-15.678 13.587-18.443 23.398 6.882 3.207 14.766 4.215 22.231 2.841 7.467-1.372 14.478-5.12 19.768-10.566a37.13 37.13 0 0 0 9.608-17.949M354.224 289.03c-1.311-11.38-7.934-22.035-17.558-28.242-8.562-5.524-19.345-7.485-29.304-5.327.396 7.585 3.204 15.025 7.917 20.98 4.712 5.953 11.307 10.393 18.595 12.514a37.057 37.057 0 0 0 20.35.075M173.616 235.75c-6.823-4.2-15.544-5.163-23.118-2.554-6.74 2.324-12.481 7.409-15.601 13.821a25.984 25.984 0 0 0 14.955 4.719 25.977 25.977 0 0 0 14.922-4.82 25.958 25.958 0 0 0 8.842-11.166M166.176 186.175c-3.748-7.084-10.772-12.345-18.621-13.943-6.984-1.422-14.513.041-20.455 3.98a25.987 25.987 0 0 0 10.49 11.663 25.98 25.98 0 0 0 15.302 3.429 25.953 25.953 0 0 0 13.284-5.13M199.853 142.564c1.524-7.869-.65-16.373-5.761-22.545-4.549-5.491-11.33-9.073-18.428-9.734a26.005 26.005 0 0 0 .86 15.665 25.989 25.989 0 0 0 9.77 12.272 25.936 25.936 0 0 0 13.56 4.342" fill="#CCDBAE"/><g transform="translate(235.595 85.705)"><mask id="d" fill="#fff"><use xlink:href="#c"/></mask><path d="M10.496 40.423c5.915-5.403 9.247-13.525 8.828-21.53-.373-7.12-3.676-14.045-8.976-18.814a26.006 26.006 0 0 0-8.657 13.08 26.005 26.005 0 0 0 .518 15.68 25.958 25.958 0 0 0 8.287 11.584" fill="#CCDBAE" mask="url(#d)"/></g><path d="M289.557 134.584c7.757-1.999 14.503-7.612 17.882-14.877 3.007-6.468 3.334-14.134.885-20.832a25.977 25.977 0 0 0-13.775 7.496 26.02 26.02 0 0 0-6.89 14.094 25.98 25.98 0 0 0 1.898 14.119M329.95 155.669c7.803 1.804 16.378-.066 22.723-4.956 5.648-4.352 9.47-11.003 10.385-18.076a25.979 25.979 0 0 0-15.68.298 25.982 25.982 0 0 0-12.607 9.33 25.987 25.987 0 0 0-4.822 13.404M385.688 196.53c-5.969-5.346-14.38-7.845-22.298-6.622-7.044 1.085-13.598 5.068-17.807 10.824a25.963 25.963 0 0 0 13.878 7.303 25.98 25.98 0 0 0 15.542-2.09 25.958 25.958 0 0 0 10.685-9.414M373.793 263.743c-1.357-7.9-6.394-15.086-13.357-19.05-6.195-3.527-13.806-4.48-20.677-2.588a26.015 26.015 0 0 0 6.341 14.35 25.983 25.983 0 0 0 13.473 8.023 25.948 25.948 0 0 0 14.22-.735" fill="#CCDBAE"/><path d="M230.82 291.183c5.598-3.359 9.569-9.305 10.527-15.766.852-5.749-.667-11.813-4.128-16.479a21.201 21.201 0 0 0-9.028 9.047 21.209 21.209 0 0 0-2.12 12.608 21.158 21.158 0 0 0 4.75 10.59M275.957 295.108c3.755-5.342 4.975-12.39 3.236-18.682-1.552-5.6-5.398-10.529-10.453-13.388a21.17 21.17 0 0 0-4.585 11.931 21.193 21.193 0 0 0 3.168 12.384 21.146 21.146 0 0 0 8.634 7.755" fill="#E5ECD6"/><path d="M200.292 301.202c6.511-.468 12.74-3.98 16.51-9.31 3.356-4.743 4.737-10.84 3.752-16.569a21.167 21.167 0 0 0-12.135 3.995 21.199 21.199 0 0 0-7.583 10.289 21.177 21.177 0 0 0-.544 11.595M297.56 310.072c2.595-5.992 2.36-13.141-.625-18.95-2.65-5.17-7.417-9.213-12.947-10.987a21.19 21.19 0 0 0-2.07 12.614 21.206 21.206 0 0 0 5.616 11.483 21.137 21.137 0 0 0 10.027 5.84M170.989 295.804c6.463.927 13.293-1.183 18.107-5.591 4.287-3.923 6.93-9.588 7.185-15.394a21.163 21.163 0 0 0-12.707 1.325 21.19 21.19 0 0 0-9.594 8.445 21.18 21.18 0 0 0-2.991 11.215M329.045 304.63c-.727-6.489-4.484-12.575-9.958-16.13-4.872-3.168-11.015-4.305-16.695-3.093a21.182 21.182 0 0 0 4.472 11.974 21.185 21.185 0 0 0 10.58 7.17 21.148 21.148 0 0 0 11.601.08" fill="#CCDBAE"/></g></svg>
\ No newline at end of file
diff --git a/webapp/static/img/badges/wooold_de_magic_rainbow.svg b/webapp/static/img/badges/wooold_de_magic_rainbow.svg
deleted file mode 100644
index 74df95190..000000000
--- a/webapp/static/img/badges/wooold_de_magic_rainbow.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg width="513" height="444" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" d="M.318.89h249.647v250.352H.318z"/></defs><g fill="none" fill-rule="evenodd"><path fill="#84A939" d="M384.5.297L512.325 221.9l-128 221.702-255.825.102L.675 222.1 128.675.4z"/><g transform="translate(135.784 96.866)"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><path d="M124.802 234.855c59.98 0 108.778-48.803 108.778-108.788 0-59.988-48.797-108.79-108.778-108.79-46.9 0-86.909 29.866-102.143 71.563a39.335 39.335 0 0 0-10.123 6.401l-.513.474C5.98 101.181 2.435 107.691.318 113.318 6.725 50.265 60.092.89 124.802.89c69.014 0 125.163 56.153 125.163 125.177 0 69.021-56.15 125.175-125.163 125.175-46.925 0-87.849-25.989-109.267-64.306l19.208-.021c19.576 28.89 52.615 47.94 90.059 47.94" fill="#E5ECD6" mask="url(#b)"/></g><path d="M260.586 114.37c59.852 0 108.55 48.701 108.55 108.562 0 59.86-48.698 108.561-108.55 108.561-37.305 0-70.211-18.96-89.753-47.711l17.75-.02c17.315 20.476 43.151 33.52 72.003 33.52 52.019 0 94.34-42.325 94.34-94.35 0-52.025-42.321-94.35-94.34-94.35-37.36 0-69.668 21.853-84.936 53.43-.947.027-1.892.055-2.851.136-.673.056-1.31.135-1.949.22l-.834.12c-4.005.55-7.774 1.598-11.285 3.104 15.257-41.51 55.121-71.222 101.855-71.222" fill="#CCDBAE"/><path d="M260.586 128.899c51.845 0 94.023 42.182 94.023 94.033s-42.178 94.033-94.023 94.033c-28.657 0-54.333-12.913-71.588-33.202l17.15-.02c14.463 12.977 33.527 20.913 54.438 20.913 45.057 0 81.715-36.662 81.715-81.724 0-45.062-36.658-81.724-81.715-81.724-30.832 0-57.664 17.202-71.57 42.483-.663-.194-1.324-.392-2.016-.556-3.508-.834-7.195-1.207-10.99-1.138 15.245-31.39 47.403-53.098 84.576-53.098" fill="#B5CB88"/><path d="M127 247.046c0-9.422 4.415-15.384 8.555-18.926 3.653-3.125 7.094-4.374 7.094-4.374s1.065-14.572 11.693-24.095c.104-.091.195-.192.299-.285 4.083-3.554 9.543-6.356 16.837-7.361.12-.016.231-.04.354-.057.584-.073 1.167-.154 1.773-.207 4.169-.351 7.867-.026 11.166.76 19.546 4.653 24.653 26.027 24.653 26.027s10.43-6.608 20.522.347c10.082 6.958 7.997 17.045 7.997 17.045 18.783-2.436 27.997 4.52 27.997 20 0 15.478-18.256 18.259-18.256 18.259H147.17s-.357-.167-.954-.485C142.24 271.58 127 262.478 127 247.046" fill="#FEFEFE"/></g></svg>
\ No newline at end of file
diff --git a/webapp/static/img/badges/wooold_de_super_founder.svg b/webapp/static/img/badges/wooold_de_super_founder.svg
deleted file mode 100644
index b437f6383..000000000
--- a/webapp/static/img/badges/wooold_de_super_founder.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg width="513" height="444" xmlns="http://www.w3.org/2000/svg"><defs><path id="a" d="M0 .255h130.873v99.581H0z"/></defs><g fill="none" fill-rule="evenodd"><path fill="#84A939" d="M384.5.297L512.325 221.9l-128 221.702-255.825.102L.675 222.1 128.675.4z"/><path d="M316.89 140.995c-8.74-2.715-17.942-4.826-27.45-6.334.922 4.373 1.687 9.049 2.455 13.724 11.192-3.015 17.481-2.563 24.995-7.39M341.844 190.026c1.302.157 2.44.467 3.743.781-.488-2.496-.814-5.147-1.468-7.486-.16.625-.485 1.404-.811 2.029-.652 1.402-1.14 3.118-1.464 4.676M246.702 322.14c-.461-1.526-.616-3.05-.77-4.577 0-.153 0-.61-.153-.763-4.476-.153-9.258-.61-13.733-1.222C238.37 341.674 247.318 358 257.037 358c1.39 0 2.47-.152 3.706-.763a295.705 295.705 0 0 0-5.095-11.75c-5.09-11.901-8.175-19.226-8.946-23.347" fill="#E5ECD6"/><path d="M185.88 139.651c12.986-5.058 26.892-8.736 41.71-10.883C232.02 109.3 238.284 93.972 245.77 86h-.457c-24.292 5.366-45.377 25.293-59.432 53.651" fill="#CCDBAE"/><path d="M281.954 128.422C275.658 102.176 266.751 86 256.924 86c-9.83 0-18.735 16.176-24.878 42.422 16.74-1.984 33.017-1.984 49.908 0M256.861 165.853c6.413-6.902 9.316-6.152 18.631-10.803 3.053-1.5 7.025-3.451 11.453-5.103-.918-5.703-1.989-11.104-3.055-16.206a215.837 215.837 0 0 0-52.075 0c-1.373 6.153-2.443 12.605-3.512 19.358 10.385 1.2 20.464 4.052 28.558 12.754M227.055 281.89c1.403 10.184 2.963 19.912 4.678 28.578 4.68.607 9.361.911 14.038 1.367-.621-2.28-1.559-4.256-3.12-6.992-2.026-3.04-9.045-13.68-15.596-22.953" fill="#E5ECD6"/><path d="M269.477 86c6.424 6.654 12.235 19.36 16.821 37.808.46 1.513.767 2.873.919 4.385 11.622 1.665 22.938 4.237 33.338 7.715 1.373-1.512 2.75-3.328 3.821-5.143C310.768 106.87 291.5 90.537 269.477 86M350.066 192.375c19.544 4.482 34.93 10.82 42.934 18.396v-.466c-4.307-20.25-18.466-38.18-39.395-51.938-2.153 4.482-4.307 9.583-6.77 15.921 1.23 6.028 2.463 12.057 3.231 18.087" fill="#CCDBAE"/><path d="M393 221.923c0-9.674-16.176-18.736-42.422-24.877 1.984 16.737 1.984 33.169 0 49.908C376.824 240.658 393 231.751 393 221.923M318.425 238.343l-8.124 9.547c-.612 1.516-1.38 3.335-2.145 5.303 13.945-1.363 26.822-3.333 38.315-5.757a207.913 207.913 0 0 0 0-51.674c-1.685-.454-3.676-.757-5.668-1.212 0 .455-.153.758-.153 1.212-2.606 10.91-5.521 23.185-22.225 42.581" fill="#E5ECD6"/><path d="M350.264 252.444c-2.151 14.743-5.844 28.87-10.915 41.923 28.594-14.28 48.58-35.474 53.651-59.735v-.155c-6.762 6.604-19.676 12.44-38.431 17.2-1.23 0-2.767.46-4.305.767M308.156 334.294c7.748-8.32 14.6-18.451 19.963-29.945-5.216 2.118-10.577 3.78-16.24 5.596 0 5.142-.892 9.376-1.935 13.46-.595 3.326-1.341 6.654-1.788 10.889" fill="#CCDBAE"/><path d="M137.375 170.722c11.002-11.543 25.363-20.933 40.486-27.707 9.32-21.086 23.375-40.326 41.708-52.024-41.1 11.851-74.402 42.637-89.835 82.348 1.684-.77 3.212-1.23 7.641-2.617" fill="#B5CB88"/><path d="M294.585 288.901l-.154.46c8.167 2.91 16.796 8.883 18.028 15.01 0 .46.154.766.154 1.225 7.243-2.145 14.022-4.44 20.495-7.352 5.7-13.172 10.014-28.029 12.48-43.804-12.174 2.45-25.577 4.441-39.908 5.82l-2.158 5.667c-3.853 9.497-7.856 19.758-8.937 22.974" fill="#CCDBAE"/><path d="M355.569 154.31c13.13 8.496 24.716 18.996 32.44 31.507-4.944-17.452-13.285-33.514-24.253-47.413-.93 2.007-2.161 4.168-3.399 6.332-1.235 2.933-2.934 6.176-4.788 9.574M294.431 90.99c12.922 8.466 23.868 20.625 32.532 34.937 1.675-4.926 3.043-10.773 3.652-18.16-11.098-7.388-23.262-13.083-36.184-16.776M177.674 301.174c-20.949-9.327-40.062-23.394-51.683-41.743 12.996 45.108 48.472 80.582 93.578 93.578-18.347-11.467-32.416-30.886-41.895-51.835M337.132 300.913c-7.053 15.348-16.712 30.087-28.518 41.18-.155 1.973-.155 3.797-.458 5.925 39.094-15.347 69.45-48.169 81.1-88.587-11.804 18.234-30.968 32.213-52.124 41.482" fill="#B5CB88"/><path d="M174.651 150.88c-9.902 4.948-18.738 10.821-26.201 17.469 7.768-2.164 15.842-4.483 22.85-7.421 1.066-3.4 2.283-6.801 3.351-10.047M192.332 151.96c16.966.912 30.142 1.214 30.142 1.214.908-6.372 1.97-12.747 3.333-18.513-15.753 2.429-30.295 6.676-43.32 12.292a719.091 719.091 0 0 0-4.093 10.166c7.577-3.792 6.062-4.855 13.938-5.159M199.615 246.871c-7.04-4.172-13.012-9.27-18.678-14.058-4.13-3.553-8.722-7.57-13.772-10.813 0 8.96.611 17.765 1.531 26.57 11.632 2.473 25.1 4.481 39.643 5.87-.765-1.235-1.687-2.317-2.907-3.397-1.683-1.391-3.675-3.09-5.817-4.172" fill="#E5ECD6"/><path d="M174.651 294.367c-5.073-12.88-8.761-26.67-10.918-41.367-18.905-4.243-33.663-10.001-41.966-17.275l-.767.607c5.995 23.638 25.672 44.245 53.651 58.035M212.345 260.408c-15.298-1.378-29.68-3.366-42.684-5.968 2.447 15.911 6.732 30.598 12.39 43.755 13.158 5.66 28 9.943 43.756 12.392-2.295-11.32-4.283-23.867-5.355-37.482-2.293-3.213-4.59-7.648-8.107-12.697" fill="#CCDBAE"/><path d="M141.374 221.08l-.155.152-13.98 10.83c6.836 5.718 20.037 10.83 37.43 14.892-1.243-9.174-1.552-18.351-1.398-27.527-3.572-1.505-7.144-2.406-10.87-2.406-4.194-.152-7.766 1.203-11.027 4.06" fill="#E5ECD6"/><path d="M226.556 315.264c-14.741-2.152-28.87-5.842-41.923-10.915 14.28 28.593 35.474 48.578 59.737 53.651h.153c-6.604-6.764-12.441-19.677-17.201-38.432 0-1.23-.306-2.767-.766-4.304" fill="#CCDBAE"/><path d="M288.455 154.765c-7.304 2.738-13.082 6.541-17.342 7.91-8.062 2.89-9.126 5.173-15.058 11.714-1.675 1.978-4.108 4.867-6.541 7.15 0 .152 0 .913.757 1.976 2.132 3.043 5.171 1.98 7.913-.607 28.75-27.382 51.72-3.652 54.61 10.648 1.369 6.541 1.978 16.735-5.933 33.163 3.805 1.368 6.541 3.65 7 7.758 21.143-25.098 18.253-36.51 23.882-51.874 10.343-29.509 17.494-39.4 22.817-49.896-7.153-8.063-15.06-15.667-23.882-21.753-5.325 41.985-31.032 37.574-48.223 43.81M303.224 335.176c.767-12.477 5.845-18.259 3.536-30.28-.614-3.043-8.15-9.281-16.76-11.41l-2.77-.459 2-6.238c1.231-4.107 7.075-18.564 12.15-31.04.614-1.369 7.073-16.128 6.765-18.715-.46-2.283-3.076-3.805-4.921-3.805-1.844 0-3.69 3.349-5.691 6.695-2.766 4.414-4.457 8.674-6.768 12.935-2.456 4.565-5.226 9.433-8.149 14.606a2171.018 2171.018 0 0 1-10.147 18.26c-1.691 3.347-4.614 5.02-8.151 5.02-3.076 0-6.613-.913-7.537-1.673-.92-.761-23.987-26.627-29.677-31.953-1.691 2.739-4.461 4.565-7.535 5.326 8.15 12.172 23.836 34.843 26.912 39.56 4.612 7.152 4.459 11.717 5.997 19.477.921 5.63 10.15 24.497 14.763 36.518 12.145-.912 23.989-3.346 34.904-7.15.311-5.327.772-10.653 1.079-15.674M151.283 211.918c12.783 0 23.892 9.349 33.175 17.317 5.63 4.599 11.261 9.656 17.805 13.64 2.735 1.533 5.022 3.373 6.695 5.21 2.893 2.914 3.347 3.526 4.869 5.98 1.522 2.45 2.74 4.138 3.5 4.138 1.522 0 4.87-1.687 5.326-4.293 1.218-5.21-3.804-10.114-7.76-13.793-5.327-5.21-13.696-14.56-15.979-18.85-18.265-34.331 22.062-62.378 46.261-42.609 2.435-2.297 4.867-5.362 6.698-7.354-12.937-14.255-31.502-10.882-50.373-12.262-2.737-.153-10.347-.767-12.478-.153-2.283.766-4.564 1.992-5.934 2.913-17.35 9.654-41.24 11.8-55.698 19.77a137.88 137.88 0 0 0-6.39 41.532c0 2.3 0 4.599.151 7.052l15.827-12.567c4.26-3.986 8.826-5.671 14.305-5.671" fill="#FEFEFE"/></g></svg>
\ No newline at end of file

From 5978adff68b70a757f5ec62c975ede72c96c4de8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Sch=C3=A4fer?= <git@roschaefer.de>
Date: Tue, 23 Apr 2019 19:35:41 +0200
Subject: [PATCH 03/29] Sketch a test for a custom image component

@tansaku @aonomike I hope this clarifies the task.

When you're done, feel free to use this component wherever we use
`<img>` in `/webapp/`.
---
 webapp/components/Image/index.vue | 23 +++++++++++++++++
 webapp/components/Image/spec.js   | 43 +++++++++++++++++++++++++++++++
 2 files changed, 66 insertions(+)
 create mode 100644 webapp/components/Image/index.vue
 create mode 100644 webapp/components/Image/spec.js

diff --git a/webapp/components/Image/index.vue b/webapp/components/Image/index.vue
new file mode 100644
index 000000000..de05c5eda
--- /dev/null
+++ b/webapp/components/Image/index.vue
@@ -0,0 +1,23 @@
+<template>
+  <img
+    v-bind="imageProps"
+    :src="imageSrc"
+  >
+</template>
+
+<script>
+export default {
+  props: {
+    imageProps: {
+      type: Object,
+      required: true
+    }
+  },
+  computed: {
+    imageSrc() {
+      // TODO implement
+      return 'this should be an image source attribute'
+    }
+  }
+}
+</script>
diff --git a/webapp/components/Image/spec.js b/webapp/components/Image/spec.js
new file mode 100644
index 000000000..cbc4d34cf
--- /dev/null
+++ b/webapp/components/Image/spec.js
@@ -0,0 +1,43 @@
+import { shallowMount } from '@vue/test-utils'
+import Image from '.'
+
+describe('Image', () => {
+  let propsData = { imageProps: { class: 'hc-badge', src: '' } }
+
+  const Wrapper = () => {
+    return shallowMount(Image, { propsData })
+  }
+
+  it('renders', () => {
+    expect(Wrapper().is('img')).toBe(true)
+  })
+
+  it('passes properties down to `img`', () => {
+    expect(Wrapper().classes()).toEqual(['hc-badge'])
+  })
+
+  describe('given a relative `src`', () => {
+    beforeEach(() => {
+      propsData.imageProps.src = '/img/badges/fundraisingbox_de_airship.svg'
+    })
+
+    it('adds a prefix to load the image from the backend', () => {
+      expect(Wrapper().attributes('src')).toBe(
+        '/api/img/badges/fundraisingbox_de_airship.svg'
+      )
+    })
+  })
+
+  describe('given an absolute `src`', () => {
+    beforeEach(() => {
+      propsData.imageProps.src = 'http://lorempixel.com/640/480/animals'
+    })
+
+    it('keeps the URL as is', () => {
+      // e.g. our seeds have absolute image URLs
+      expect(Wrapper().attributes('src')).toBe(
+        'http://lorempixel.com/640/480/animals'
+      )
+    })
+  })
+})

From f8ff40148cba563562b67736bdf18ea6238f0145 Mon Sep 17 00:00:00 2001
From: aonomike <aonomike@gmail.com>
Date: Fri, 3 May 2019 16:21:33 +0300
Subject: [PATCH 04/29] Add implementation to prefix relative image urls with
 '/api'

---
 webapp/components/Image/index.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/webapp/components/Image/index.vue b/webapp/components/Image/index.vue
index de05c5eda..fa95ab345 100644
--- a/webapp/components/Image/index.vue
+++ b/webapp/components/Image/index.vue
@@ -15,8 +15,8 @@ export default {
   },
   computed: {
     imageSrc() {
-      // TODO implement
-      return 'this should be an image source attribute'
+      const src = this.imageProps.src
+      return src.startsWith('/') ? src.replace('/','/api/') : src
     }
   }
 }

From f4b054d4c5096457f8f8880f00e83d381f8a10a6 Mon Sep 17 00:00:00 2001
From: aonomike <aonomike@gmail.com>
Date: Fri, 3 May 2019 20:46:58 +0300
Subject: [PATCH 05/29] Fix linting error

---
 webapp/components/Image/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/webapp/components/Image/index.vue b/webapp/components/Image/index.vue
index fa95ab345..e2f504578 100644
--- a/webapp/components/Image/index.vue
+++ b/webapp/components/Image/index.vue
@@ -16,7 +16,7 @@ export default {
   computed: {
     imageSrc() {
       const src = this.imageProps.src
-      return src.startsWith('/') ? src.replace('/','/api/') : src
+      return src.startsWith('/') ? src.replace('/', '/api/') : src
     }
   }
 }

From f3f0b40537f02c2889406c08b4a403416fc7524c Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Mon, 6 May 2019 14:46:15 +0200
Subject: [PATCH 06/29] bind to sytleguide on password strength component,
 transalte security settings labels, bind to user input validation function
 which is not working currently

---
 webapp/components/Password/Change.vue   | 45 ++++++++++++++++++-------
 webapp/components/Password/Strength.vue | 23 ++++---------
 webapp/locales/de.json                  |  9 +++--
 webapp/locales/en.json                  |  7 ++--
 webapp/yarn.lock                        |  7 +---
 5 files changed, 52 insertions(+), 39 deletions(-)

diff --git a/webapp/components/Password/Change.vue b/webapp/components/Password/Change.vue
index 692243305..833f51927 100644
--- a/webapp/components/Password/Change.vue
+++ b/webapp/components/Password/Change.vue
@@ -1,18 +1,31 @@
 <template>
-  <ds-form v-model="formData" :schema="formSchema" @submit="handleSubmit">
+  <ds-form v-model="formData" :schema="formSchema" @submit="handleSubmit" @input="handleInput">
     <template>
-      <ds-input id="oldPassword" model="oldPassword" type="password" label="Your old password"/>
-      <ds-input id="newPassword" model="newPassword" type="password" label="Your new password"/>
+      <ds-input
+        id="oldPassword"
+        model="oldPassword"
+        type="password"
+        :label="$t('settings.security.change-password.label-old-password')"
+      />
+      <ds-input
+        id="newPassword"
+        model="newPassword"
+        type="password"
+        :label="$t('settings.security.change-password.label-new-password')"
+      />
       <ds-input
         id="confirmPassword"
         model="confirmPassword"
         type="password"
-        label="Confirm new password"
+        :label="$t('settings.security.change-password.label-new-password-confirm')"
       />
-      {{ formData }}
-      <password-strength :password="newPassword" @change="e => passwordSecure = e.isSecure"/>
+      <!--<password-strength :password="newPassword" @change="e => passwordSecure = e.isSecure"/>-->
       <ds-space margin-top="base">
-        <ds-button :loading="loading" primary>{{ $t('settings.security.change-password.button') }}</ds-button>
+        <ds-button
+          :loading="loading"
+          :disabled="disabled"
+          primary
+        >{{ $t('settings.security.change-password.button') }}</ds-button>
       </ds-space>
     </template>
   </ds-form>
@@ -43,12 +56,20 @@ export default {
       disabled: true
     }
   },
-  watch: {
-    newPassword() {
-      return 'abcabc1234567!' // this.formData.newPassword
-    }
-  },
   methods: {
+    async handleInput(data) {
+      //return 'abcabc1234567!' // this.formData.newPassword
+      console.log('validation')
+      console.log(data)
+      if (
+        this.formData.newPassword &&
+        this.formData.newPassword === this.formData.confirmPassword
+      ) {
+        this.disabled = false
+      } else {
+        this.disabled = true
+      }
+    },
     async handleSubmit(data) {
       this.loading = true
       const mutation = gql`
diff --git a/webapp/components/Password/Strength.vue b/webapp/components/Password/Strength.vue
index ad1e141fa..8dc65563e 100644
--- a/webapp/components/Password/Strength.vue
+++ b/webapp/components/Password/Strength.vue
@@ -64,19 +64,10 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-// TODO export those definitions for reuse?
-// @import 'assets/styles/_variables';
-$grey-lighter: hsl(0, 0%, 86%);
-$red: hsl(12, 51%, 55%);
-$orange: hsl(14, 100%, 53%);
-$yellow: hsl(48, 100%, 67%);
-$green: #4aa41e;
-// @import 'assets/styles/_variables';
-
 .password-strength-meter {
   position: relative;
   height: 3px;
-  background: $grey-lighter;
+  background: $color-neutral-85;
   margin: 10px auto 6px;
   border-radius: 3px;
 
@@ -106,7 +97,7 @@ $green: #4aa41e;
 .help {
   .insecure {
     strong {
-      color: $red;
+      color: $color-danger;
     }
   }
 }
@@ -122,23 +113,23 @@ $green: #4aa41e;
 
 .password-strength-meter-inner {
   &.strength-0 {
-    background: darken($orange, 40%);
+    background: darken($color-warning, 40%);
     width: 20%;
   }
   &.strength-1 {
-    background: darken(mix($orange, $yellow, 50%), 30%);
+    background: darken(mix($color-warning, $color-yellow, 50%), 30%);
     width: 40%;
   }
   &.strength-2 {
-    background: darken($yellow, 20%);
+    background: darken($color-yellow, 20%);
     width: 60%;
   }
   &.strength-3 {
-    background: darken($green, 10%);
+    background: darken($color-success, 10%);
     width: 80%;
   }
   &.strength-4 {
-    background: $green;
+    background: $color-success;
     width: 100%;
   }
 }
diff --git a/webapp/locales/de.json b/webapp/locales/de.json
index 7e69b5bbb..d6cafe6a7 100644
--- a/webapp/locales/de.json
+++ b/webapp/locales/de.json
@@ -23,7 +23,7 @@
   },
   "notifications": {
     "menu": {
-       "mentioned": "hat dich in einem Beitrag erwähnt"
+      "mentioned": "hat dich in einem Beitrag erwähnt"
     }
   },
   "search": {
@@ -43,7 +43,10 @@
       "name": "Sicherheit",
       "change-password": {
         "button": "Passwort ändern",
-        "success": "Passwort erfolgreich geändert!"
+        "success": "Passwort erfolgreich geändert!",
+        "label-old-password": "Dein altes Passwort",
+        "label-new-password": "Dein neues Passwort",
+        "label-new-password-confirm": "Bestätige Dein neues Passwort"
       }
     },
     "invites": {
@@ -220,4 +223,4 @@
   "shoutButton": {
     "shouted": "empfohlen"
   }
-}
+}
\ No newline at end of file
diff --git a/webapp/locales/en.json b/webapp/locales/en.json
index 02bea7bae..d265b4c64 100644
--- a/webapp/locales/en.json
+++ b/webapp/locales/en.json
@@ -43,7 +43,10 @@
       "name": "Security",
       "change-password": {
         "button": "Change password",
-        "success": "Password successfully changed!"
+        "success": "Password successfully changed!",
+        "label-old-password": "Your old password",
+        "label-new-password": "Your new password",
+        "label-new-password-confirm": "Confirm new password"
       }
     },
     "invites": {
@@ -220,4 +223,4 @@
   "shoutButton": {
     "shouted": "shouted"
   }
-}
+}
\ No newline at end of file
diff --git a/webapp/yarn.lock b/webapp/yarn.lock
index 536b77b69..842e8416b 100644
--- a/webapp/yarn.lock
+++ b/webapp/yarn.lock
@@ -1398,11 +1398,6 @@
     "@types/express-serve-static-core" "*"
     "@types/mime" "*"
 
-"@types/stack-utils@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@types/stack-utils/-/stack-utils-1.0.1.tgz#0a851d3bd96498fa25c33ab7278ed3bd65f06c3e"
-  integrity sha512-l42BggppR6zLmpfU6fq9HEa2oGPEI8yrSPL3GITjfRInppYFahObbIQOQK3UGxEnyQpltZLaPe75046NOZQikw==
-
 "@types/strip-bom@^3.0.0":
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/@types/strip-bom/-/strip-bom-3.0.0.tgz#14a8ec3956c2e81edb7520790aecf21c290aebd2"
@@ -9912,7 +9907,7 @@ stack-trace@0.0.10:
   resolved "https://registry.yarnpkg.com/stack-trace/-/stack-trace-0.0.10.tgz#547c70b347e8d32b4e108ea1a2a159e5fdde19c0"
   integrity sha1-VHxws0fo0ytOEI6hoqFZ5f3eGcA=
 
-stack-utils@^1.0.1, stack-utils@^1.0.2:
+stack-utils@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/stack-utils/-/stack-utils-1.0.2.tgz#33eba3897788558bebfc2db059dc158ec36cebb8"
   integrity sha512-MTX+MeG5U994cazkjd/9KNAapsHnibjMLnfXodlkXw76JEea0UiNzrqidzo1emMwk7w5Qhc9jd4Bn9TBb1MFwA==

From e26b2eabccf857fc18aa0d0b7773da227575a1fa Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Mon, 6 May 2019 15:06:23 +0200
Subject: [PATCH 07/29] transalte status messages in validation

---
 webapp/components/Password/Change.vue | 21 ++++++++++++++++++---
 webapp/locales/de.json                |  5 ++++-
 webapp/locales/en.json                |  5 ++++-
 3 files changed, 26 insertions(+), 5 deletions(-)

diff --git a/webapp/components/Password/Change.vue b/webapp/components/Password/Change.vue
index 833f51927..f69a8225b 100644
--- a/webapp/components/Password/Change.vue
+++ b/webapp/components/Password/Change.vue
@@ -48,9 +48,24 @@ export default {
         confirmPassword: ''
       },
       formSchema: {
-        oldPassword: { required: true },
-        newPassword: { required: true },
-        confirmPassword: { required: true }
+        oldPassword: {
+          required: true,
+          message: this.$t(
+            'settings.security.change-password.message-old-password-required'
+          )
+        },
+        newPassword: {
+          required: true,
+          message: this.$t(
+            'settings.security.change-password.message-new-password-required'
+          )
+        },
+        confirmPassword: {
+          required: true,
+          message: this.$t(
+            'settings.security.change-password.message-new-password-confirm-required'
+          )
+        }
       },
       loading: false,
       disabled: true
diff --git a/webapp/locales/de.json b/webapp/locales/de.json
index d6cafe6a7..8fa91fb0f 100644
--- a/webapp/locales/de.json
+++ b/webapp/locales/de.json
@@ -46,7 +46,10 @@
         "success": "Passwort erfolgreich geändert!",
         "label-old-password": "Dein altes Passwort",
         "label-new-password": "Dein neues Passwort",
-        "label-new-password-confirm": "Bestätige Dein neues Passwort"
+        "label-new-password-confirm": "Bestätige Dein neues Passwort",
+        "message-old-password-required": "Gebe dein altes Passwort ein",
+        "message-new-password-required": "Gebe ein neues Passwort ein",
+        "message-new-password-confirm-required": "Bestätige dein neues Passwort"
       }
     },
     "invites": {
diff --git a/webapp/locales/en.json b/webapp/locales/en.json
index d265b4c64..5c8583085 100644
--- a/webapp/locales/en.json
+++ b/webapp/locales/en.json
@@ -46,7 +46,10 @@
         "success": "Password successfully changed!",
         "label-old-password": "Your old password",
         "label-new-password": "Your new password",
-        "label-new-password-confirm": "Confirm new password"
+        "label-new-password-confirm": "Confirm new password",
+        "message-old-password-required": "Enter your old password",
+        "message-new-password-required": "Enter a new password",
+        "message-new-password-confirm-required": "Confirm your new password"
       }
     },
     "invites": {

From 34fa8cf29a0c1915d305e93a1301f3d0ae7fa5ba Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Tue, 7 May 2019 14:13:45 +0200
Subject: [PATCH 08/29] blind changes - need updated sytleguide for verifying

---
 webapp/components/Password/Change.vue   | 11 +++++------
 webapp/components/Password/Strength.vue |  5 ++---
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/webapp/components/Password/Change.vue b/webapp/components/Password/Change.vue
index f69a8225b..39f383def 100644
--- a/webapp/components/Password/Change.vue
+++ b/webapp/components/Password/Change.vue
@@ -19,7 +19,7 @@
         type="password"
         :label="$t('settings.security.change-password.label-new-password-confirm')"
       />
-      <!--<password-strength :password="newPassword" @change="e => passwordSecure = e.isSecure"/>-->
+      <password-strength :password="formData.newPassword" @change="handlePasswordStrength"/>
       <ds-space margin-top="base">
         <ds-button
           :loading="loading"
@@ -73,13 +73,9 @@ export default {
   },
   methods: {
     async handleInput(data) {
-      //return 'abcabc1234567!' // this.formData.newPassword
       console.log('validation')
       console.log(data)
-      if (
-        this.formData.newPassword &&
-        this.formData.newPassword === this.formData.confirmPassword
-      ) {
+      if (data.newPassword && data.newPassword === data.confirmPassword) {
         this.disabled = false
       } else {
         this.disabled = true
@@ -105,6 +101,9 @@ export default {
       } finally {
         this.loading = false
       }
+    },
+    handlePasswordStrength(e) {
+      console.log(e.isSecure)
     }
   }
 }
diff --git a/webapp/components/Password/Strength.vue b/webapp/components/Password/Strength.vue
index 8dc65563e..5226f6b56 100644
--- a/webapp/components/Password/Strength.vue
+++ b/webapp/components/Password/Strength.vue
@@ -45,7 +45,7 @@ export default {
      * @return {Number} Password Strength Score
      */
     passwordStrength() {
-      /*const score = !isEmpty(this.pass) ? zxcvbn(this.pass).score : 0
+      const score = !isEmpty(this.pass) ? zxcvbn(this.pass).score : 0
       if (score !== this.lastScore) {
         this.lastScore = score
         this.$emit('change', {
@@ -53,8 +53,7 @@ export default {
           isSecure: Boolean(score >= 3)
         })
       }
-      return score*/
-      return 0
+      return score
     },
     strengthClass() {
       return `strength-${this.passwordStrength}`

From 3ff034d0140f2d4ceb653e233dec8b4b5740a1e3 Mon Sep 17 00:00:00 2001
From: aonomike <aonomike@gmail.com>
Date: Tue, 7 May 2019 15:21:42 +0300
Subject: [PATCH 09/29] Refactor <img> tags to use Image component

---
 webapp/components/Badges.vue              | 15 ++++++++++++---
 webapp/components/Empty.vue               | 13 ++++++++++---
 webapp/pages/login.vue                    | 13 +++++++++----
 webapp/pages/logout.vue                   | 15 ++++++++++++---
 webapp/pages/settings/my-social-media.vue | 13 ++++++++++---
 5 files changed, 53 insertions(+), 16 deletions(-)

diff --git a/webapp/components/Badges.vue b/webapp/components/Badges.vue
index d0cb30e91..b30dba309 100644
--- a/webapp/components/Badges.vue
+++ b/webapp/components/Badges.vue
@@ -10,22 +10,31 @@
       :key="badge.key"
       class="hc-badge-container"
     >
-      <img
+      <hc-image
         :title="badge.key"
-        :src="badge.icon"
+        :imageProps="imageProps(badge.icon)"
         class="hc-badge"
-      >
+      />
     </div>
   </div>
 </template>
 
 <script>
+import HcImage from './Image'
 export default {
+  components: {
+    HcImage
+  },
   props: {
     badges: {
       type: Array,
       default: () => []
     }
+  },
+  methods: {
+    imageProps(icon) {
+      return { src: icon}
+    }
   }
 }
 </script>
diff --git a/webapp/components/Empty.vue b/webapp/components/Empty.vue
index 8755a11bd..c1044137e 100644
--- a/webapp/components/Empty.vue
+++ b/webapp/components/Empty.vue
@@ -5,13 +5,13 @@
     :margin="margin"
   >
     <ds-text>
-      <img
-        :src="iconPath"
+      <hc-image
+        :imageProps="imageProps"
         width="80"
         class="hc-empty-icon"
         style="margin-bottom: 5px"
         alt="Empty"
-      ><br>
+      /><br>
       <ds-text
         v-show="message"
         class="hc-empty-message"
@@ -24,7 +24,11 @@
 </template>
 
 <script>
+import HcImage from '~/components/Image'
 export default {
+  components: {
+    HcImage
+  },
   name: 'HcEmpty',
   props: {
     /**
@@ -56,6 +60,9 @@ export default {
   computed: {
     iconPath() {
       return `/img/empty/${this.icon}.svg`
+    },
+    imageProps: {
+      src: iconPath
     }
   }
 }
diff --git a/webapp/pages/login.vue b/webapp/pages/login.vue
index 846191c40..951aa10a6 100644
--- a/webapp/pages/login.vue
+++ b/webapp/pages/login.vue
@@ -30,11 +30,11 @@
               margin-bottom="xxx-small"
               centered
             >
-              <img
+              <hc-image
                 class="login-image"
-                src="/img/sign-up/humanconnection.svg"
                 alt="Human Connection"
-              >
+                :imageProps="imageProps" 
+              />
             </ds-space>
           </ds-flex-item>
           <ds-flex-item
@@ -96,12 +96,14 @@
 
 <script>
 import LocaleSwitch from '~/components/LocaleSwitch'
+import HcImage from '~/components/Image'
 
 import gql from 'graphql-tag'
 
 export default {
   components: {
-    LocaleSwitch
+    LocaleSwitch,
+    HcImage
   },
   layout: 'blank',
   data() {
@@ -116,6 +118,9 @@ export default {
   computed: {
     pending() {
       return this.$store.getters['auth/pending']
+    },
+    imageProps() {
+      return {src:"/img/sign-up/humanconnection.svg"}
     }
   },
   asyncData({ store, redirect }) {
diff --git a/webapp/pages/logout.vue b/webapp/pages/logout.vue
index 008908360..54585d599 100644
--- a/webapp/pages/logout.vue
+++ b/webapp/pages/logout.vue
@@ -11,11 +11,11 @@
           margin-bottom="xxx-small"
           centered
         >
-          <img
+          <hc-image
             style="width: 200px;"
-            src="/img/sign-up/onourjourney.png"
+            :imageProps="imageProps"
             alt="Human Connection"
-          >
+          />
         </ds-space>
         <ds-space
           style="text-align: center;"
@@ -36,11 +36,20 @@
 </template>
 
 <script>
+import HcImage from '~/components/Image'
 export default {
+  components: {
+    HcImage
+  },
   layout: 'blank',
   async beforeCreate() {
     await this.$store.dispatch('auth/logout')
     this.$router.replace('/')
+  },
+  computed: {
+    imageProps(){
+      return { src: "/img/sign-up/onourjourney.png"}
+    }
   }
 }
 </script>
diff --git a/webapp/pages/settings/my-social-media.vue b/webapp/pages/settings/my-social-media.vue
index c031f54a4..c13d0eeb5 100644
--- a/webapp/pages/settings/my-social-media.vue
+++ b/webapp/pages/settings/my-social-media.vue
@@ -11,12 +11,12 @@
           :key="link.url"
         >
           <a :href="link.url">
-            <img
-              :src="link.favicon"
+            <hc-image
+              :imageProps="imageProps(link.favicon)"
               alt="Social Media link"
               width="16"
               height="16"
-            >
+            />
             {{ link.url }}
           </a>
         </ds-list-item>
@@ -45,8 +45,12 @@
 <script>
 import gql from 'graphql-tag'
 import { mapGetters, mapMutations } from 'vuex'
+import HcImage from '~/components/Image'
 
 export default {
+  components: {
+    HcImage
+  },
   data() {
     return {
       value: ''
@@ -101,6 +105,9 @@ export default {
           this.$toast.success(this.$t('settings.social-media.success')),
           (this.value = '')
         )
+    },
+    imageProps(favicon) {
+      return { src: favicon}
     }
   }
 }

From 399507c7fb67a8a8df021bdb8122b41a58fb6bdd Mon Sep 17 00:00:00 2001
From: aonomike <aonomike@gmail.com>
Date: Tue, 7 May 2019 15:56:31 +0300
Subject: [PATCH 10/29] Fix linting issues

---
 webapp/components/Badges.vue              |  4 ++--
 webapp/components/Empty.vue               |  4 ++--
 webapp/pages/login.vue                    |  4 ++--
 webapp/pages/logout.vue                   | 12 ++++++------
 webapp/pages/settings/my-social-media.vue |  4 ++--
 5 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/webapp/components/Badges.vue b/webapp/components/Badges.vue
index b30dba309..9c7689aca 100644
--- a/webapp/components/Badges.vue
+++ b/webapp/components/Badges.vue
@@ -12,7 +12,7 @@
     >
       <hc-image
         :title="badge.key"
-        :imageProps="imageProps(badge.icon)"
+        :image-props="imageProps(badge.icon)"
         class="hc-badge"
       />
     </div>
@@ -33,7 +33,7 @@ export default {
   },
   methods: {
     imageProps(icon) {
-      return { src: icon}
+      return { src: icon }
     }
   }
 }
diff --git a/webapp/components/Empty.vue b/webapp/components/Empty.vue
index c1044137e..7f818e2f7 100644
--- a/webapp/components/Empty.vue
+++ b/webapp/components/Empty.vue
@@ -6,7 +6,7 @@
   >
     <ds-text>
       <hc-image
-        :imageProps="imageProps"
+        :image-props="imageProps"
         width="80"
         class="hc-empty-icon"
         style="margin-bottom: 5px"
@@ -26,10 +26,10 @@
 <script>
 import HcImage from '~/components/Image'
 export default {
+  name: 'HcEmpty',
   components: {
     HcImage
   },
-  name: 'HcEmpty',
   props: {
     /**
      * Icon that should be shown
diff --git a/webapp/pages/login.vue b/webapp/pages/login.vue
index 951aa10a6..537ef7d85 100644
--- a/webapp/pages/login.vue
+++ b/webapp/pages/login.vue
@@ -33,7 +33,7 @@
               <hc-image
                 class="login-image"
                 alt="Human Connection"
-                :imageProps="imageProps" 
+                :image-props="imageProps" 
               />
             </ds-space>
           </ds-flex-item>
@@ -120,7 +120,7 @@ export default {
       return this.$store.getters['auth/pending']
     },
     imageProps() {
-      return {src:"/img/sign-up/humanconnection.svg"}
+      return { src: '/img/sign-up/humanconnection.svg' }
     }
   },
   asyncData({ store, redirect }) {
diff --git a/webapp/pages/logout.vue b/webapp/pages/logout.vue
index 54585d599..1dc088c61 100644
--- a/webapp/pages/logout.vue
+++ b/webapp/pages/logout.vue
@@ -13,7 +13,7 @@
         >
           <hc-image
             style="width: 200px;"
-            :imageProps="imageProps"
+            :image-props="imageProps"
             alt="Human Connection"
           />
         </ds-space>
@@ -42,14 +42,14 @@ export default {
     HcImage
   },
   layout: 'blank',
+  computed: {
+    imageProps() {
+      return { src: '/img/sign-up/onourjourney.png' }
+    }
+  },
   async beforeCreate() {
     await this.$store.dispatch('auth/logout')
     this.$router.replace('/')
-  },
-  computed: {
-    imageProps(){
-      return { src: "/img/sign-up/onourjourney.png"}
-    }
   }
 }
 </script>
diff --git a/webapp/pages/settings/my-social-media.vue b/webapp/pages/settings/my-social-media.vue
index c13d0eeb5..f991305a6 100644
--- a/webapp/pages/settings/my-social-media.vue
+++ b/webapp/pages/settings/my-social-media.vue
@@ -12,7 +12,7 @@
         >
           <a :href="link.url">
             <hc-image
-              :imageProps="imageProps(link.favicon)"
+              :image-props="imageProps(link.favicon)"
               alt="Social Media link"
               width="16"
               height="16"
@@ -107,7 +107,7 @@ export default {
         )
     },
     imageProps(favicon) {
-      return { src: favicon}
+      return { src: favicon }
     }
   }
 }

From 305c9993214e1052934c50b50daab4d41da0d018 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Tue, 7 May 2019 16:42:35 +0200
Subject: [PATCH 11/29] updated nitro-styleguide package

---
 webapp/package.json | 4 ++--
 webapp/yarn.lock    | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/webapp/package.json b/webapp/package.json
index 2a6be02e0..cb05ab085 100644
--- a/webapp/package.json
+++ b/webapp/package.json
@@ -32,7 +32,7 @@
     }
   },
   "dependencies": {
-    "@human-connection/styleguide": "0.5.15",
+    "@human-connection/styleguide": "0.5.16",
     "@nuxtjs/apollo": "4.0.0-rc4",
     "@nuxtjs/axios": "~5.4.1",
     "@nuxtjs/dotenv": "~1.3.0",
@@ -85,4 +85,4 @@
     "vue-jest": "~3.0.4",
     "vue-svg-loader": "~0.12.0"
   }
-}
+}
\ No newline at end of file
diff --git a/webapp/yarn.lock b/webapp/yarn.lock
index 842e8416b..89e9d3cf7 100644
--- a/webapp/yarn.lock
+++ b/webapp/yarn.lock
@@ -763,10 +763,10 @@
   resolved "https://registry.yarnpkg.com/@csstools/convert-colors/-/convert-colors-1.4.0.tgz#ad495dc41b12e75d588c6db8b9834f08fa131eb7"
   integrity sha512-5a6wqoJV/xEdbRNKVo6I4hO3VjyDq//8q2f9I6PBAvMesJHFauXDorcNCsr9RzvsZnaWi5NYCcfyqP1QeFHFbw==
 
-"@human-connection/styleguide@0.5.15":
-  version "0.5.15"
-  resolved "https://registry.yarnpkg.com/@human-connection/styleguide/-/styleguide-0.5.15.tgz#87142957b1ae03749e99db287adb6eafc5e2980a"
-  integrity sha512-BsYwXhPZutRVxyyvCWYkSsw8rEoUTimFeH4GdA9u9gohfS+opVl56KjiBPpepHsaVjbnuL8932BD/47QdM5cZg==
+"@human-connection/styleguide@0.5.16":
+  version "0.5.16"
+  resolved "https://registry.yarnpkg.com/@human-connection/styleguide/-/styleguide-0.5.16.tgz#442e89280b1a3c51c3ed5904d90b4eced957a40b"
+  integrity sha512-pER3I1BABX9rC25EUiDPSDNNF40dIQBVPBbbgLHzGBURv43LUSoX/5GHzIpy7a6qnX0LDOop3v7CPF1IfqCt+Q==
   dependencies:
     vue "^2.6.6"
 

From 0f2c0f7efe930e93e181db2deeb61f64a9f1845c Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Tue, 7 May 2019 20:22:38 +0200
Subject: [PATCH 12/29] updated styleguide to 0.5.17, fixed password cross
 validation & display passwordstrength on passwordchange

---
 webapp/components/Password/Change.vue   | 53 +++++++++++++++++--------
 webapp/components/Password/Strength.vue |  6 +--
 webapp/locales/de.json                  |  9 ++++-
 webapp/locales/en.json                  |  9 ++++-
 webapp/package.json                     | 12 ++++--
 webapp/yarn.lock                        |  8 ++--
 6 files changed, 66 insertions(+), 31 deletions(-)

diff --git a/webapp/components/Password/Change.vue b/webapp/components/Password/Change.vue
index 39f383def..8004c27b4 100644
--- a/webapp/components/Password/Change.vue
+++ b/webapp/components/Password/Change.vue
@@ -1,5 +1,11 @@
 <template>
-  <ds-form v-model="formData" :schema="formSchema" @submit="handleSubmit" @input="handleInput">
+  <ds-form
+    v-model="formData"
+    :schema="formSchema"
+    @submit="handleSubmit"
+    @input="handleInput"
+    @input-valid="handleInputValid"
+  >
     <template>
       <ds-input
         id="oldPassword"
@@ -19,7 +25,7 @@
         type="password"
         :label="$t('settings.security.change-password.label-new-password-confirm')"
       />
-      <password-strength :password="formData.newPassword" @change="handlePasswordStrength"/>
+      <password-strength :password="formData.newPassword"/>
       <ds-space margin-top="base">
         <ds-button
           :loading="loading"
@@ -49,23 +55,29 @@ export default {
       },
       formSchema: {
         oldPassword: {
+          type: 'string',
           required: true,
           message: this.$t(
             'settings.security.change-password.message-old-password-required'
           )
         },
         newPassword: {
+          type: 'string',
           required: true,
           message: this.$t(
             'settings.security.change-password.message-new-password-required'
           )
         },
-        confirmPassword: {
-          required: true,
-          message: this.$t(
-            'settings.security.change-password.message-new-password-confirm-required'
-          )
-        }
+        confirmPassword: [
+          { validator: this.matchPassword },
+          {
+            type: 'string',
+            required: true,
+            message: this.$t(
+              'settings.security.change-password.message-new-password-confirm-required'
+            )
+          }
+        ]
       },
       loading: false,
       disabled: true
@@ -73,13 +85,10 @@ export default {
   },
   methods: {
     async handleInput(data) {
-      console.log('validation')
-      console.log(data)
-      if (data.newPassword && data.newPassword === data.confirmPassword) {
-        this.disabled = false
-      } else {
-        this.disabled = true
-      }
+      this.disabled = true
+    },
+    async handleInputValid(data) {
+      this.disabled = false
     },
     async handleSubmit(data) {
       this.loading = true
@@ -102,8 +111,18 @@ export default {
         this.loading = false
       }
     },
-    handlePasswordStrength(e) {
-      console.log(e.isSecure)
+    matchPassword(rule, value, callback, source, options) {
+      var errors = []
+      if (this.formData.newPassword !== value) {
+        errors.push(
+          new Error(
+            this.$t(
+              'settings.security.change-password.message-new-password-missmatch'
+            )
+          )
+        )
+      }
+      callback(errors)
     }
   }
 }
diff --git a/webapp/components/Password/Strength.vue b/webapp/components/Password/Strength.vue
index 5226f6b56..e7803ef45 100644
--- a/webapp/components/Password/Strength.vue
+++ b/webapp/components/Password/Strength.vue
@@ -3,12 +3,10 @@
     <div class="password-strength-meter">
       <div class="password-strength-meter-inner" :class="strengthClass"></div>
     </div>
-    {{ pass }}
-    {{ password }}
     <p class="help">
       <span v-if="this.pass" :class="{ insecure: (passwordStrength < 3) }">
-        {{ $t('auth.register.passwordSecurity') }}:
-        <strong>{{ $t(`auth.register.passwordStrength${passwordStrength}`) }}</strong>
+        {{ $t('settings.security.change-password.passwordSecurity') }}:
+        <strong>{{ $t(`settings.security.change-password.passwordStrength${passwordStrength}`) }}</strong>
       </span>
       <span v-else>&nbsp;</span>
     </p>
diff --git a/webapp/locales/de.json b/webapp/locales/de.json
index 8fa91fb0f..a03f970a6 100644
--- a/webapp/locales/de.json
+++ b/webapp/locales/de.json
@@ -49,7 +49,14 @@
         "label-new-password-confirm": "Bestätige Dein neues Passwort",
         "message-old-password-required": "Gebe dein altes Passwort ein",
         "message-new-password-required": "Gebe ein neues Passwort ein",
-        "message-new-password-confirm-required": "Bestätige dein neues Passwort"
+        "message-new-password-confirm-required": "Bestätige dein neues Passwort",
+        "message-new-password-missmatch": "Gebe das gleiche Passwort nochmals ein",
+        "passwordSecurity": "Passwortsicherheit",
+        "passwordStrength0": "Sehr unsicheres Passwort",
+        "passwordStrength1": "Unsicheres Passwort",
+        "passwordStrength2": "Mittelmäßiges Passwort",
+        "passwordStrength3": "Sicheres Passwort",
+        "passwordStrength4": "Sehr sicheres Passwort"
       }
     },
     "invites": {
diff --git a/webapp/locales/en.json b/webapp/locales/en.json
index 5c8583085..b4d3b0e47 100644
--- a/webapp/locales/en.json
+++ b/webapp/locales/en.json
@@ -49,7 +49,14 @@
         "label-new-password-confirm": "Confirm new password",
         "message-old-password-required": "Enter your old password",
         "message-new-password-required": "Enter a new password",
-        "message-new-password-confirm-required": "Confirm your new password"
+        "message-new-password-confirm-required": "Confirm your new password",
+        "message-new-password-missmatch": "Type the same password again",
+        "passwordSecurity": "Password security",
+        "passwordStrength0": "Very insecure password",
+        "passwordStrength1": "Insecure password",
+        "passwordStrength2": "Mediocre password",
+        "passwordStrength3": "Strong password",
+        "passwordStrength4": "Very strong password"
       }
     },
     "invites": {
diff --git a/webapp/package.json b/webapp/package.json
index cb05ab085..77cc9e062 100644
--- a/webapp/package.json
+++ b/webapp/package.json
@@ -1,9 +1,13 @@
 {
   "name": "hc-webapp-next",
   "version": "1.0.0",
-  "description": "Human Connection GraphQL UI Prototype",
-  "author": "Grzegorz Leoniec",
-  "private": true,
+  "description": "Human Connection Frontend",
+  "authors": [
+    "Grzegorz Leoniec (appinteractive)",
+    "ulfgebhardt"
+  ],
+  "author": "",
+  "private": false,
   "scripts": {
     "dev": "cross-env NODE_ENV=development nodemon server/index.js --watch server",
     "dev:styleguide": "cross-env STYLEGUIDE_DEV=true yarn dev",
@@ -32,7 +36,7 @@
     }
   },
   "dependencies": {
-    "@human-connection/styleguide": "0.5.16",
+    "@human-connection/styleguide": "0.5.17",
     "@nuxtjs/apollo": "4.0.0-rc4",
     "@nuxtjs/axios": "~5.4.1",
     "@nuxtjs/dotenv": "~1.3.0",
diff --git a/webapp/yarn.lock b/webapp/yarn.lock
index 89e9d3cf7..f0576b95c 100644
--- a/webapp/yarn.lock
+++ b/webapp/yarn.lock
@@ -763,10 +763,10 @@
   resolved "https://registry.yarnpkg.com/@csstools/convert-colors/-/convert-colors-1.4.0.tgz#ad495dc41b12e75d588c6db8b9834f08fa131eb7"
   integrity sha512-5a6wqoJV/xEdbRNKVo6I4hO3VjyDq//8q2f9I6PBAvMesJHFauXDorcNCsr9RzvsZnaWi5NYCcfyqP1QeFHFbw==
 
-"@human-connection/styleguide@0.5.16":
-  version "0.5.16"
-  resolved "https://registry.yarnpkg.com/@human-connection/styleguide/-/styleguide-0.5.16.tgz#442e89280b1a3c51c3ed5904d90b4eced957a40b"
-  integrity sha512-pER3I1BABX9rC25EUiDPSDNNF40dIQBVPBbbgLHzGBURv43LUSoX/5GHzIpy7a6qnX0LDOop3v7CPF1IfqCt+Q==
+"@human-connection/styleguide@0.5.17":
+  version "0.5.17"
+  resolved "https://registry.yarnpkg.com/@human-connection/styleguide/-/styleguide-0.5.17.tgz#99816579616c8d5be6c66ee86c39cb6c4e694878"
+  integrity sha512-Qlo29eOi97lHls40Ms1hbGC29Aoz/W6BLoX/no5TQgHlP4qm+OK7Ra75g0sbj3a2x1Q4mZthUDWcqtjTYf6brw==
   dependencies:
     vue "^2.6.6"
 

From f6b25fd8f236518271880ab12e78892e7a19b710 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Tue, 7 May 2019 20:34:25 +0200
Subject: [PATCH 13/29] reset form after successful pw change

---
 webapp/components/Password/Change.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/webapp/components/Password/Change.vue b/webapp/components/Password/Change.vue
index 8004c27b4..742f5a1df 100644
--- a/webapp/components/Password/Change.vue
+++ b/webapp/components/Password/Change.vue
@@ -105,6 +105,11 @@ export default {
         this.$toast.success(
           this.$t('settings.security.change-password.success')
         )
+        this.formData = {
+          oldPassword: '',
+          newPassword: '',
+          confirmPassword: ''
+        }
       } catch (err) {
         this.$toast.error(err.message)
       } finally {

From 48920f8b9dbc0bd49abcad51d60ab94fde44d636 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Tue, 7 May 2019 20:41:22 +0200
Subject: [PATCH 14/29] empty strength bar for empty password field

---
 webapp/components/Password/Strength.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/webapp/components/Password/Strength.vue b/webapp/components/Password/Strength.vue
index e7803ef45..e10f949f3 100644
--- a/webapp/components/Password/Strength.vue
+++ b/webapp/components/Password/Strength.vue
@@ -43,7 +43,7 @@ export default {
      * @return {Number} Password Strength Score
      */
     passwordStrength() {
-      const score = !isEmpty(this.pass) ? zxcvbn(this.pass).score : 0
+      const score = !isEmpty(this.pass) ? zxcvbn(this.pass).score : 'empty'
       if (score !== this.lastScore) {
         this.lastScore = score
         this.$emit('change', {

From 2b67b7ddca39ac964b2e8c63d7bd0fc39f8bae2e Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <support@dependabot.com>
Date: Wed, 8 May 2019 21:57:33 +0000
Subject: [PATCH 15/29] Bump @human-connection/styleguide from 0.5.15 to 0.5.17
 in /webapp

Bumps @human-connection/styleguide from 0.5.15 to 0.5.17.

Signed-off-by: dependabot[bot] <support@dependabot.com>
---
 webapp/package.json |  2 +-
 webapp/yarn.lock    | 15 +++++----------
 2 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/webapp/package.json b/webapp/package.json
index d96385c53..9b43e5634 100644
--- a/webapp/package.json
+++ b/webapp/package.json
@@ -46,7 +46,7 @@
     ]
   },
   "dependencies": {
-    "@human-connection/styleguide": "0.5.15",
+    "@human-connection/styleguide": "0.5.17",
     "@nuxtjs/apollo": "4.0.0-rc4",
     "@nuxtjs/axios": "~5.4.1",
     "@nuxtjs/dotenv": "~1.3.0",
diff --git a/webapp/yarn.lock b/webapp/yarn.lock
index f4db3be3e..05dce9973 100644
--- a/webapp/yarn.lock
+++ b/webapp/yarn.lock
@@ -763,10 +763,10 @@
   resolved "https://registry.yarnpkg.com/@csstools/convert-colors/-/convert-colors-1.4.0.tgz#ad495dc41b12e75d588c6db8b9834f08fa131eb7"
   integrity sha512-5a6wqoJV/xEdbRNKVo6I4hO3VjyDq//8q2f9I6PBAvMesJHFauXDorcNCsr9RzvsZnaWi5NYCcfyqP1QeFHFbw==
 
-"@human-connection/styleguide@0.5.15":
-  version "0.5.15"
-  resolved "https://registry.yarnpkg.com/@human-connection/styleguide/-/styleguide-0.5.15.tgz#87142957b1ae03749e99db287adb6eafc5e2980a"
-  integrity sha512-BsYwXhPZutRVxyyvCWYkSsw8rEoUTimFeH4GdA9u9gohfS+opVl56KjiBPpepHsaVjbnuL8932BD/47QdM5cZg==
+"@human-connection/styleguide@0.5.17":
+  version "0.5.17"
+  resolved "https://registry.yarnpkg.com/@human-connection/styleguide/-/styleguide-0.5.17.tgz#99816579616c8d5be6c66ee86c39cb6c4e694878"
+  integrity sha512-Qlo29eOi97lHls40Ms1hbGC29Aoz/W6BLoX/no5TQgHlP4qm+OK7Ra75g0sbj3a2x1Q4mZthUDWcqtjTYf6brw==
   dependencies:
     vue "^2.6.6"
 
@@ -11050,16 +11050,11 @@ vue-template-es2015-compiler@^1.6.0, vue-template-es2015-compiler@^1.8.2:
   resolved "https://registry.yarnpkg.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.8.2.tgz#dd73e80ba58bb65dd7a8aa2aeef6089cf6116f2a"
   integrity sha512-cliV19VHLJqFUYbz/XeWXe5CO6guzwd0yrrqqp0bmjlMP3ZZULY7fu8RTC4+3lmHwo6ESVDHFDsvjB15hcR5IA==
 
-vue@^2.6.10:
+vue@^2.6.10, vue@^2.6.6:
   version "2.6.10"
   resolved "https://registry.yarnpkg.com/vue/-/vue-2.6.10.tgz#a72b1a42a4d82a721ea438d1b6bf55e66195c637"
   integrity sha512-ImThpeNU9HbdZL3utgMCq0oiMzAkt1mcgy3/E6zWC/G6AaQoeuFdsl9nDhTDU3X1R6FK7nsIUuRACVcjI+A2GQ==
 
-vue@^2.6.6:
-  version "2.6.8"
-  resolved "https://registry.yarnpkg.com/vue/-/vue-2.6.8.tgz#f21cbc536bfc14f7d1d792a137bb12f69e60ea91"
-  integrity sha512-+vp9lEC2Kt3yom673pzg1J7T1NVGuGzO9j8Wxno+rQN2WYVBX2pyo/RGQ3fXCLh2Pk76Skw/laAPCuBuEQ4diw==
-
 vuex-i18n@~1.11.0:
   version "1.11.0"
   resolved "https://registry.yarnpkg.com/vuex-i18n/-/vuex-i18n-1.11.0.tgz#e6cdc95080c445ab2c211cc6b64a907d217639d3"

From bf571988158fa0b22d3fe3d5653d373f5bfca021 Mon Sep 17 00:00:00 2001
From: aonomike <aonomike@gmail.com>
Date: Thu, 9 May 2019 02:27:03 +0300
Subject: [PATCH 16/29] Refactor code based on comments from PR review

---
 webapp/components/Badges.vue              | 7 +------
 webapp/components/Empty.vue               | 7 ++-----
 webapp/pages/settings/my-social-media.vue | 5 +----
 3 files changed, 4 insertions(+), 15 deletions(-)

diff --git a/webapp/components/Badges.vue b/webapp/components/Badges.vue
index 9c7689aca..b28412abe 100644
--- a/webapp/components/Badges.vue
+++ b/webapp/components/Badges.vue
@@ -12,7 +12,7 @@
     >
       <hc-image
         :title="badge.key"
-        :image-props="imageProps(badge.icon)"
+        :image-props="{ src: badge.icon}"
         class="hc-badge"
       />
     </div>
@@ -30,11 +30,6 @@ export default {
       type: Array,
       default: () => []
     }
-  },
-  methods: {
-    imageProps(icon) {
-      return { src: icon }
-    }
   }
 }
 </script>
diff --git a/webapp/components/Empty.vue b/webapp/components/Empty.vue
index 7f818e2f7..f8608c965 100644
--- a/webapp/components/Empty.vue
+++ b/webapp/components/Empty.vue
@@ -58,11 +58,8 @@ export default {
     }
   },
   computed: {
-    iconPath() {
-      return `/img/empty/${this.icon}.svg`
-    },
-    imageProps: {
-      src: iconPath
+    imageProps() {
+      return { src: `/img/empty/${this.icon}.svg` }
     }
   }
 }
diff --git a/webapp/pages/settings/my-social-media.vue b/webapp/pages/settings/my-social-media.vue
index f991305a6..a7b954182 100644
--- a/webapp/pages/settings/my-social-media.vue
+++ b/webapp/pages/settings/my-social-media.vue
@@ -12,7 +12,7 @@
         >
           <a :href="link.url">
             <hc-image
-              :image-props="imageProps(link.favicon)"
+              :image-props="{ src: link.favicon }"
               alt="Social Media link"
               width="16"
               height="16"
@@ -105,9 +105,6 @@ export default {
           this.$toast.success(this.$t('settings.social-media.success')),
           (this.value = '')
         )
-    },
-    imageProps(favicon) {
-      return { src: favicon }
     }
   }
 }

From b8465c914cd18d9f5bcc8fdd8a39cf9bb2921d91 Mon Sep 17 00:00:00 2001
From: Matt Rider <mattwr18@gmail.com>
Date: Wed, 8 May 2019 21:20:58 -0300
Subject: [PATCH 17/29] Update failing test, fix linting

- moved passwordStrength to watch since there was a "unexpected side effect in computed property vue" in lint
- found this SO post https://stackoverflow.com/questions/53757107/handling-unexpected-side-effect-in-computed-properties-vuejs
---
 webapp/components/Password/Change.spec.js | 29 ++++++++++++++---------
 webapp/components/Password/Change.vue     |  6 +++--
 webapp/components/Password/Strength.vue   | 26 ++++++++++++--------
 webapp/pages/settings/security.vue        |  2 +-
 webapp/yarn.lock                          | 13 ++++++----
 5 files changed, 48 insertions(+), 28 deletions(-)

diff --git a/webapp/components/Password/Change.spec.js b/webapp/components/Password/Change.spec.js
index 98a66da72..e54514d78 100644
--- a/webapp/components/Password/Change.spec.js
+++ b/webapp/components/Password/Change.spec.js
@@ -1,5 +1,5 @@
 import { mount, createLocalVue } from '@vue/test-utils'
-import ChangePassword from './ChangePassword.vue'
+import ChangePassword from './Change.vue'
 import Vue from 'vue'
 import Styleguide from '@human-connection/styleguide'
 
@@ -10,6 +10,7 @@ localVue.use(Styleguide)
 describe('ChangePassword.vue', () => {
   let mocks
   let wrapper
+  let data
 
   beforeEach(() => {
     mocks = {
@@ -34,7 +35,7 @@ describe('ChangePassword.vue', () => {
   describe('mount', () => {
     let wrapper
     const Wrapper = () => {
-      return mount(ChangePassword, { mocks, localVue })
+      return mount(ChangePassword, { mocks, localVue, data })
     }
 
     beforeEach(() => {
@@ -97,8 +98,8 @@ describe('ChangePassword.vue', () => {
       })
 
       describe('submit form', () => {
-        beforeEach(() => {
-          wrapper.find('form').trigger('submit')
+        beforeEach(async () => {
+          await wrapper.find('form').trigger('submit')
         })
 
         it('calls changePassword mutation', () => {
@@ -119,18 +120,19 @@ describe('ChangePassword.vue', () => {
 
         describe('mutation resolves', () => {
           beforeEach(() => {
-            mocks.$apollo.mutate = jest.fn().mockResolvedValue()
-            wrapper = Wrapper()
+            wrapper.find('form').trigger('submit')
+            // mocks.$apollo.mutate = jest.fn().mockResolvedValue()
+            // wrapper = Wrapper()
           })
 
-          it('calls auth/SET_TOKEN with response', () => {
+          it('calls auth/SET_TOKEN with response', async () => {
             expect(mocks.$store.commit).toHaveBeenCalledWith(
               'auth/SET_TOKEN',
               'NEWTOKEN'
             )
           })
 
-          it('displays success message', () => {
+          it('displays success message', async () => {
             expect(mocks.$t).toHaveBeenCalledWith(
               'settings.security.change-password.success'
             )
@@ -140,11 +142,16 @@ describe('ChangePassword.vue', () => {
 
         describe('mutation rejects', () => {
           beforeEach(() => {
-            // second call will reject
-            wrapper.find('form').trigger('submit')
+            wrapper.find('input#oldPassword').setValue('supersecret')
+            wrapper.find('input#newPassword').setValue('supersecret')
+            wrapper.find('input#confirmPassword').setValue('supersecret')
           })
 
-          it('displays error message', () => {
+          it('displays error message', async () => {
+            await wrapper.find('form').trigger('submit')
+            await wrapper.find('form').trigger('submit')
+            await mocks.$apollo.mutate
+
             expect(mocks.$toast.error).toHaveBeenCalledWith('Ouch!')
           })
         })
diff --git a/webapp/components/Password/Change.vue b/webapp/components/Password/Change.vue
index 742f5a1df..4998bbfb4 100644
--- a/webapp/components/Password/Change.vue
+++ b/webapp/components/Password/Change.vue
@@ -25,13 +25,15 @@
         type="password"
         :label="$t('settings.security.change-password.label-new-password-confirm')"
       />
-      <password-strength :password="formData.newPassword"/>
+      <password-strength :password="formData.newPassword" />
       <ds-space margin-top="base">
         <ds-button
           :loading="loading"
           :disabled="disabled"
           primary
-        >{{ $t('settings.security.change-password.button') }}</ds-button>
+        >
+          {{ $t('settings.security.change-password.button') }}
+        </ds-button>
       </ds-space>
     </template>
   </ds-form>
diff --git a/webapp/components/Password/Strength.vue b/webapp/components/Password/Strength.vue
index e10f949f3..5368248d7 100644
--- a/webapp/components/Password/Strength.vue
+++ b/webapp/components/Password/Strength.vue
@@ -1,10 +1,16 @@
 <template>
   <div class="field">
     <div class="password-strength-meter">
-      <div class="password-strength-meter-inner" :class="strengthClass"></div>
+      <div
+        class="password-strength-meter-inner"
+        :class="strengthClass"
+      />
     </div>
     <p class="help">
-      <span v-if="this.pass" :class="{ insecure: (passwordStrength < 3) }">
+      <span
+        v-if="pass"
+        :class="{ insecure: (passwordStrength < 3) }"
+      >
         {{ $t('settings.security.change-password.passwordSecurity') }}:
         <strong>{{ $t(`settings.security.change-password.passwordStrength${passwordStrength}`) }}</strong>
       </span>
@@ -18,26 +24,25 @@ import zxcvbn from 'zxcvbn'
 import { isEmpty } from 'lodash'
 
 export default {
+  name: 'PasswordMeter',
   props: {
     password: {
       type: String,
       required: true
     }
   },
-  name: 'password-meter',
   data() {
     return {
       lastScore: 0,
       pass: this.password || null
     }
   },
-  watch: {
-    password(pass) {
-      // update password when prop is changing
-      this.pass = pass || null
+  computed: {
+    strengthClass() {
+      return `strength-${this.passwordStrength}`
     }
   },
-  computed: {
+  watch: {
     /**
      * passwordStrength is the score calculated by zxcvbn
      * @return {Number} Password Strength Score
@@ -53,8 +58,9 @@ export default {
       }
       return score
     },
-    strengthClass() {
-      return `strength-${this.passwordStrength}`
+    password(pass) {
+      // update password when prop is changing
+      this.pass = pass || null
     }
   }
 }
diff --git a/webapp/pages/settings/security.vue b/webapp/pages/settings/security.vue
index a95e14cec..ac95ff26e 100644
--- a/webapp/pages/settings/security.vue
+++ b/webapp/pages/settings/security.vue
@@ -1,6 +1,6 @@
 <template>
   <ds-card :header="$t('settings.security.name')">
-    <change-password/>
+    <change-password />
   </ds-card>
 </template>
 
diff --git a/webapp/yarn.lock b/webapp/yarn.lock
index f4db3be3e..75a8de6fd 100644
--- a/webapp/yarn.lock
+++ b/webapp/yarn.lock
@@ -763,10 +763,10 @@
   resolved "https://registry.yarnpkg.com/@csstools/convert-colors/-/convert-colors-1.4.0.tgz#ad495dc41b12e75d588c6db8b9834f08fa131eb7"
   integrity sha512-5a6wqoJV/xEdbRNKVo6I4hO3VjyDq//8q2f9I6PBAvMesJHFauXDorcNCsr9RzvsZnaWi5NYCcfyqP1QeFHFbw==
 
-"@human-connection/styleguide@0.5.15":
-  version "0.5.15"
-  resolved "https://registry.yarnpkg.com/@human-connection/styleguide/-/styleguide-0.5.15.tgz#87142957b1ae03749e99db287adb6eafc5e2980a"
-  integrity sha512-BsYwXhPZutRVxyyvCWYkSsw8rEoUTimFeH4GdA9u9gohfS+opVl56KjiBPpepHsaVjbnuL8932BD/47QdM5cZg==
+"@human-connection/styleguide@0.5.17":
+  version "0.5.17"
+  resolved "https://registry.yarnpkg.com/@human-connection/styleguide/-/styleguide-0.5.17.tgz#99816579616c8d5be6c66ee86c39cb6c4e694878"
+  integrity sha512-Qlo29eOi97lHls40Ms1hbGC29Aoz/W6BLoX/no5TQgHlP4qm+OK7Ra75g0sbj3a2x1Q4mZthUDWcqtjTYf6brw==
   dependencies:
     vue "^2.6.6"
 
@@ -11494,3 +11494,8 @@ zen-observable@^0.8.0:
   version "0.8.13"
   resolved "https://registry.yarnpkg.com/zen-observable/-/zen-observable-0.8.13.tgz#a9f1b9dbdfd2d60a08761ceac6a861427d44ae2e"
   integrity sha512-fa+6aDUVvavYsefZw0zaZ/v3ckEtMgCFi30sn91SEZea4y/6jQp05E3omjkX91zV6RVdn15fqnFZ6RKjRGbp2g==
+
+zxcvbn@^4.4.2:
+  version "4.4.2"
+  resolved "https://registry.yarnpkg.com/zxcvbn/-/zxcvbn-4.4.2.tgz#28ec17cf09743edcab056ddd8b1b06262cc73c30"
+  integrity sha1-KOwXzwl0PtyrBW3dixsGJizHPDA=

From 587fa8cd0d9dedcf585846d36ebf3ca5a55febf6 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <support@dependabot.com>
Date: Thu, 9 May 2019 04:50:17 +0000
Subject: [PATCH 18/29] Bump tippy.js from 4.3.0 to 4.3.1 in /webapp

Bumps [tippy.js](https://github.com/atomiks/tippyjs) from 4.3.0 to 4.3.1.
- [Release notes](https://github.com/atomiks/tippyjs/releases)
- [Commits](https://github.com/atomiks/tippyjs/compare/v4.3.0...v4.3.1)

Signed-off-by: dependabot[bot] <support@dependabot.com>
---
 webapp/package.json | 2 +-
 webapp/yarn.lock    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/webapp/package.json b/webapp/package.json
index d96385c53..933281141 100644
--- a/webapp/package.json
+++ b/webapp/package.json
@@ -95,7 +95,7 @@
     "nodemon": "~1.19.0",
     "prettier": "~1.14.3",
     "sass-loader": "~7.1.0",
-    "tippy.js": "^4.3.0",
+    "tippy.js": "^4.3.1",
     "vue-jest": "~3.0.4",
     "vue-svg-loader": "~0.12.0"
   }
diff --git a/webapp/yarn.lock b/webapp/yarn.lock
index f4db3be3e..fe2236964 100644
--- a/webapp/yarn.lock
+++ b/webapp/yarn.lock
@@ -10345,10 +10345,10 @@ timsort@^0.3.0:
   resolved "https://registry.yarnpkg.com/timsort/-/timsort-0.3.0.tgz#405411a8e7e6339fe64db9a234de11dc31e02bd4"
   integrity sha1-QFQRqOfmM5/mTbmiNN4R3DHgK9Q=
 
-tippy.js@^4.3.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/tippy.js/-/tippy.js-4.3.0.tgz#5f661fed7fa30c90609eb87f6657005dd041ede3"
-  integrity sha512-SjctzIfkx3+waue+Ew58MMTuzYD4SK9wJOnCEdrCmwZiKJ7chZSxOguFmBm11tmTlZuGbxncUC/5Qu6GqzD2qQ==
+tippy.js@^4.3.1:
+  version "4.3.1"
+  resolved "https://registry.yarnpkg.com/tippy.js/-/tippy.js-4.3.1.tgz#ea38fa7e1a2e3448ac35faa5115ccbb8414f50aa"
+  integrity sha512-H09joePakSu6eDSL1wj5LjEWwvpEELyJQlgsts4wVH7223t4DlyzGCaZNDO8/MQAnSuic4JhKpXtgzSYGlobvg==
   dependencies:
     popper.js "^1.14.7"
 

From 6566548f4e2c267cdbe6533b89b3a9c5b5d3f73b Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <support@dependabot.com>
Date: Thu, 9 May 2019 04:55:41 +0000
Subject: [PATCH 19/29] Bump codecov from 3.3.0 to 3.4.0

Bumps [codecov](https://github.com/codecov/codecov-node) from 3.3.0 to 3.4.0.
- [Release notes](https://github.com/codecov/codecov-node/releases)
- [Commits](https://github.com/codecov/codecov-node/compare/v3.3.0...v3.4.0)

Signed-off-by: dependabot[bot] <support@dependabot.com>
---
 package.json |  2 +-
 yarn.lock    | 24 ++++++++----------------
 2 files changed, 9 insertions(+), 17 deletions(-)

diff --git a/package.json b/package.json
index 7689e26ac..13901b24e 100644
--- a/package.json
+++ b/package.json
@@ -19,7 +19,7 @@
     "test:jest": "cd webapp && yarn test && cd ../backend && yarn test:jest && codecov"
   },
   "devDependencies": {
-    "codecov": "^3.3.0",
+    "codecov": "^3.4.0",
     "cross-env": "^5.2.0",
     "cypress": "^3.2.0",
     "cypress-cucumber-preprocessor": "^1.11.0",
diff --git a/yarn.lock b/yarn.lock
index c56771aac..aa81f98a5 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1503,15 +1503,15 @@ code-point-at@^1.0.0:
   resolved "https://registry.yarnpkg.com/code-point-at/-/code-point-at-1.1.0.tgz#0d070b4d043a5bea33a2f1a40e2edb3d9a4ccf77"
   integrity sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=
 
-codecov@^3.3.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/codecov/-/codecov-3.3.0.tgz#7bf337b3f7b0474606b5c31c56dd9e44e395e15d"
-  integrity sha512-S70c3Eg9SixumOvxaKE/yKUxb9ihu/uebD9iPO2IR73IdP4i6ZzjXEULj3d0HeyWPr0DqBfDkjNBWxURjVO5hw==
+codecov@^3.4.0:
+  version "3.4.0"
+  resolved "https://registry.yarnpkg.com/codecov/-/codecov-3.4.0.tgz#7d16d9d82b0ce20efe5dbf66245a9740779ff61b"
+  integrity sha512-+vtyL1B11MWiRIBaPnsIALKKpLFck9m6QdyI20ZnG8WqLG2cxwCTW9x/LbG4Ht8b81equZWw5xLcr+0BIvmdJQ==
   dependencies:
     argv "^0.0.2"
     ignore-walk "^3.0.1"
-    js-yaml "^3.12.0"
-    teeny-request "^3.7.0"
+    js-yaml "^3.13.0"
+    teeny-request "^3.11.3"
     urlgrey "^0.4.4"
 
 coffee-react-transform@^3.1.0:
@@ -3055,7 +3055,7 @@ js-levenshtein@^1.1.3:
   resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
   integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==
 
-js-yaml@^3.12.0:
+js-yaml@^3.13.0, js-yaml@^3.9.0:
   version "3.13.1"
   resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.13.1.tgz#aff151b30bfdfa8e49e05da22e7415e9dfa37847"
   integrity sha512-YfbcO7jXDdyj0DGxYVSlSeQNHbD7XPWvrVWeVUujrQEoZzWJIRrCPoyk6kL6IAjAG2IolMK4T0hNUe0HOUs5Jw==
@@ -3063,14 +3063,6 @@ js-yaml@^3.12.0:
     argparse "^1.0.7"
     esprima "^4.0.0"
 
-js-yaml@^3.9.0:
-  version "3.13.0"
-  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.13.0.tgz#38ee7178ac0eea2c97ff6d96fff4b18c7d8cf98e"
-  integrity sha512-pZZoSxcCYco+DIKBTimr67J6Hy+EYGZDY/HCWC+iAEA9h1ByhMXAIVUXMcMFpOCxQ/xjXmPI2MkDL5HRm5eFrQ==
-  dependencies:
-    argparse "^1.0.7"
-    esprima "^4.0.0"
-
 jsbn@~0.1.0:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/jsbn/-/jsbn-0.1.1.tgz#a5e654c2e5a2deb5f201d96cefbca80c0ef2f513"
@@ -4682,7 +4674,7 @@ tar@^4:
     safe-buffer "^5.1.2"
     yallist "^3.0.2"
 
-teeny-request@^3.7.0:
+teeny-request@^3.11.3:
   version "3.11.3"
   resolved "https://registry.yarnpkg.com/teeny-request/-/teeny-request-3.11.3.tgz#335c629f7645e5d6599362df2f3230c4cbc23a55"
   integrity sha512-CKncqSF7sH6p4rzCgkb/z/Pcos5efl0DmolzvlqRQUNcpRIruOhY9+T1FsIlyEbfWd7MsFpodROOwHYh2BaXzw==

From 4a9514c5fb04fdc21fec4d23db6f012ecb0d84c4 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Thu, 9 May 2019 14:42:12 +0200
Subject: [PATCH 20/29] tried to removed duplicate submit call

---
 webapp/components/Password/Change.spec.js | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/webapp/components/Password/Change.spec.js b/webapp/components/Password/Change.spec.js
index e54514d78..7ba773e25 100644
--- a/webapp/components/Password/Change.spec.js
+++ b/webapp/components/Password/Change.spec.js
@@ -141,14 +141,13 @@ describe('ChangePassword.vue', () => {
         })
 
         describe('mutation rejects', () => {
-          beforeEach(() => {
-            wrapper.find('input#oldPassword').setValue('supersecret')
-            wrapper.find('input#newPassword').setValue('supersecret')
-            wrapper.find('input#confirmPassword').setValue('supersecret')
+          beforeEach(async () => {
+            await wrapper.find('input#oldPassword').setValue('supersecret')
+            await wrapper.find('input#newPassword').setValue('supersecret')
+            await wrapper.find('input#confirmPassword').setValue('supersecret')
           })
 
           it('displays error message', async () => {
-            await wrapper.find('form').trigger('submit')
             await wrapper.find('form').trigger('submit')
             await mocks.$apollo.mutate
 

From 4fef755cafc620fff28995bca93b00184a90b69d Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Thu, 9 May 2019 14:43:56 +0200
Subject: [PATCH 21/29] removed invalid test case

---
 webapp/components/Password/Change.spec.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/webapp/components/Password/Change.spec.js b/webapp/components/Password/Change.spec.js
index 7ba773e25..4aa3fb8f4 100644
--- a/webapp/components/Password/Change.spec.js
+++ b/webapp/components/Password/Change.spec.js
@@ -140,7 +140,8 @@ describe('ChangePassword.vue', () => {
           })
         })
 
-        describe('mutation rejects', () => {
+        // TODO This is not a valid testcase - we have to decide if we catch the same password on clientside
+        /* describe('mutation rejects', () => {
           beforeEach(async () => {
             await wrapper.find('input#oldPassword').setValue('supersecret')
             await wrapper.find('input#newPassword').setValue('supersecret')
@@ -153,7 +154,7 @@ describe('ChangePassword.vue', () => {
 
             expect(mocks.$toast.error).toHaveBeenCalledWith('Ouch!')
           })
-        })
+        }) */
       })
     })
   })

From 71f3dd73aa57703d86c243d7571b043b6ab85f41 Mon Sep 17 00:00:00 2001
From: Matt Rider <mattwr18@gmail.com>
Date: Thu, 9 May 2019 15:03:54 -0300
Subject: [PATCH 22/29] Update tests

---
 webapp/components/Password/Change.spec.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/webapp/components/Password/Change.spec.js b/webapp/components/Password/Change.spec.js
index 7f5799b98..b83456827 100644
--- a/webapp/components/Password/Change.spec.js
+++ b/webapp/components/Password/Change.spec.js
@@ -97,8 +97,9 @@ describe('ChangePassword.vue', () => {
       })
 
       describe('submit form', () => {
-        beforeEach(async () => {
+        beforeEach(async (done) => {
           await wrapper.find('form').trigger('submit')
+          done()
         })
 
         it('calls changePassword mutation', () => {
@@ -122,14 +123,14 @@ describe('ChangePassword.vue', () => {
             wrapper.find('form').trigger('submit')
           })
 
-          it('calls auth/SET_TOKEN with response', async () => {
+          it('calls auth/SET_TOKEN with response', () => {
             expect(mocks.$store.commit).toHaveBeenCalledWith(
               'auth/SET_TOKEN',
               'NEWTOKEN'
             )
           })
 
-          it('displays success message', async () => {
+          it('displays success message', () => {
             expect(mocks.$t).toHaveBeenCalledWith(
               'settings.security.change-password.success'
             )

From 6445c534b432ea0f150ea9bd6774975886dd6dff Mon Sep 17 00:00:00 2001
From: aonomike <aonomike@gmail.com>
Date: Thu, 9 May 2019 21:04:07 +0300
Subject: [PATCH 23/29] Refactor to pass imageProps as an object without the
 computed section

---
 webapp/components/Empty.vue | 7 +------
 webapp/pages/login.vue      | 5 +----
 2 files changed, 2 insertions(+), 10 deletions(-)

diff --git a/webapp/components/Empty.vue b/webapp/components/Empty.vue
index f8608c965..669676862 100644
--- a/webapp/components/Empty.vue
+++ b/webapp/components/Empty.vue
@@ -6,7 +6,7 @@
   >
     <ds-text>
       <hc-image
-        :image-props="imageProps"
+        :image-props="{ src: `/img/empty/${this.icon}.svg` }"
         width="80"
         class="hc-empty-icon"
         style="margin-bottom: 5px"
@@ -56,11 +56,6 @@ export default {
       type: [String, Object],
       default: 'x-large'
     }
-  },
-  computed: {
-    imageProps() {
-      return { src: `/img/empty/${this.icon}.svg` }
-    }
   }
 }
 </script>
diff --git a/webapp/pages/login.vue b/webapp/pages/login.vue
index 537ef7d85..083c1cb71 100644
--- a/webapp/pages/login.vue
+++ b/webapp/pages/login.vue
@@ -33,7 +33,7 @@
               <hc-image
                 class="login-image"
                 alt="Human Connection"
-                :image-props="imageProps" 
+                :image-props="{ src: '/img/sign-up/humanconnection.svg' }" 
               />
             </ds-space>
           </ds-flex-item>
@@ -118,9 +118,6 @@ export default {
   computed: {
     pending() {
       return this.$store.getters['auth/pending']
-    },
-    imageProps() {
-      return { src: '/img/sign-up/humanconnection.svg' }
     }
   },
   asyncData({ store, redirect }) {

From 0d243b225eec27e5ed4fd33b6c7c3bdf50321655 Mon Sep 17 00:00:00 2001
From: Matt Rider <mattwr18@gmail.com>
Date: Thu, 9 May 2019 15:53:01 -0300
Subject: [PATCH 24/29] Fix lint

- when will this be automated!!!
---
 webapp/components/Password/Change.spec.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/webapp/components/Password/Change.spec.js b/webapp/components/Password/Change.spec.js
index b83456827..77b7ee5b3 100644
--- a/webapp/components/Password/Change.spec.js
+++ b/webapp/components/Password/Change.spec.js
@@ -97,7 +97,7 @@ describe('ChangePassword.vue', () => {
       })
 
       describe('submit form', () => {
-        beforeEach(async (done) => {
+        beforeEach(async done => {
           await wrapper.find('form').trigger('submit')
           done()
         })

From 15d03f18f7845c2d16f68741ba96284c3b35621c Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Fri, 10 May 2019 12:21:24 +0200
Subject: [PATCH 25/29] fixed strength meter

---
 webapp/components/Password/Strength.vue | 18 ++++++------------
 1 file changed, 6 insertions(+), 12 deletions(-)

diff --git a/webapp/components/Password/Strength.vue b/webapp/components/Password/Strength.vue
index 5368248d7..9960e42ed 100644
--- a/webapp/components/Password/Strength.vue
+++ b/webapp/components/Password/Strength.vue
@@ -1,16 +1,10 @@
 <template>
   <div class="field">
     <div class="password-strength-meter">
-      <div
-        class="password-strength-meter-inner"
-        :class="strengthClass"
-      />
+      <div class="password-strength-meter-inner" :class="strengthClass"/>
     </div>
     <p class="help">
-      <span
-        v-if="pass"
-        :class="{ insecure: (passwordStrength < 3) }"
-      >
+      <span v-if="pass" :class="{ insecure: (passwordStrength < 3) }">
         {{ $t('settings.security.change-password.passwordSecurity') }}:
         <strong>{{ $t(`settings.security.change-password.passwordStrength${passwordStrength}`) }}</strong>
       </span>
@@ -40,9 +34,7 @@ export default {
   computed: {
     strengthClass() {
       return `strength-${this.passwordStrength}`
-    }
-  },
-  watch: {
+    },
     /**
      * passwordStrength is the score calculated by zxcvbn
      * @return {Number} Password Strength Score
@@ -57,7 +49,9 @@ export default {
         })
       }
       return score
-    },
+    }
+  },
+  watch: {
     password(pass) {
       // update password when prop is changing
       this.pass = pass || null

From 958ebf2c7708fb947db7a1753684b31bc4eb3408 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Sch=C3=A4fer?= <git@roschaefer.de>
Date: Fri, 10 May 2019 13:42:27 +0200
Subject: [PATCH 26/29] No need to use <hc-image> for static URLs

@aonomike OK, sorry. When I said that we can replace all `<img>` tags,
what I meant is that we can replace every img tag that has a dynamic
`:src` attribute.
---
 webapp/pages/login.vue | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/webapp/pages/login.vue b/webapp/pages/login.vue
index 201f5eef3..9cb9f3560 100644
--- a/webapp/pages/login.vue
+++ b/webapp/pages/login.vue
@@ -30,10 +30,10 @@
               margin-bottom="xxx-small"
               centered
             >
-              <hc-image
+              <img
                 class="login-image"
                 alt="Human Connection"
-                :image-props="{ src: '/img/sign-up/humanconnection.svg' }" 
+                src="/img/sign-up/humanconnection.svg"
               />
             </ds-space>
           </ds-flex-item>
@@ -96,14 +96,12 @@
 
 <script>
 import LocaleSwitch from '~/components/LocaleSwitch'
-import HcImage from '~/components/Image'
 
 import gql from 'graphql-tag'
 
 export default {
   components: {
-    LocaleSwitch,
-    HcImage
+    LocaleSwitch
   },
   layout: 'blank',
   data() {

From 6c5f529d850309819a4731fea94106d88bda96b5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Sch=C3=A4fer?= <git@roschaefer.de>
Date: Fri, 10 May 2019 13:58:24 +0200
Subject: [PATCH 27/29] Couple of corrections

@aonomike use computed properties when possible
---
 webapp/components/Empty.vue                                | 7 ++++++-
 .../components/RelativeDateTime/{index.spec.js => spec.js} | 2 +-
 webapp/components/Tag/{index.spec.js => spec.js}           | 2 +-
 webapp/components/User/{index.spec.js => spec.js}          | 0
 webapp/pages/login.vue                                     | 2 +-
 5 files changed, 9 insertions(+), 4 deletions(-)
 rename webapp/components/RelativeDateTime/{index.spec.js => spec.js} (97%)
 rename webapp/components/Tag/{index.spec.js => spec.js} (95%)
 rename webapp/components/User/{index.spec.js => spec.js} (100%)

diff --git a/webapp/components/Empty.vue b/webapp/components/Empty.vue
index 669676862..0ae6c1973 100644
--- a/webapp/components/Empty.vue
+++ b/webapp/components/Empty.vue
@@ -6,7 +6,7 @@
   >
     <ds-text>
       <hc-image
-        :image-props="{ src: `/img/empty/${this.icon}.svg` }"
+        :image-props="{ src: imgSrc }"
         width="80"
         class="hc-empty-icon"
         style="margin-bottom: 5px"
@@ -56,6 +56,11 @@ export default {
       type: [String, Object],
       default: 'x-large'
     }
+  },
+  computed: {
+    imgSrc() {
+      return `/img/empty/${this.icon}.svg`
+    }
   }
 }
 </script>
diff --git a/webapp/components/RelativeDateTime/index.spec.js b/webapp/components/RelativeDateTime/spec.js
similarity index 97%
rename from webapp/components/RelativeDateTime/index.spec.js
rename to webapp/components/RelativeDateTime/spec.js
index 55ed90a7c..446a5a8a1 100644
--- a/webapp/components/RelativeDateTime/index.spec.js
+++ b/webapp/components/RelativeDateTime/spec.js
@@ -1,5 +1,5 @@
 import { shallowMount, createLocalVue } from '@vue/test-utils'
-import RelativeDateTime from './index'
+import RelativeDateTime from './'
 
 const localVue = createLocalVue()
 
diff --git a/webapp/components/Tag/index.spec.js b/webapp/components/Tag/spec.js
similarity index 95%
rename from webapp/components/Tag/index.spec.js
rename to webapp/components/Tag/spec.js
index 20267e375..fa49d4d95 100644
--- a/webapp/components/Tag/index.spec.js
+++ b/webapp/components/Tag/spec.js
@@ -1,6 +1,6 @@
 import { shallowMount, createLocalVue } from '@vue/test-utils'
 import Styleguide from '@human-connection/styleguide'
-import Tag from './index'
+import Tag from './'
 
 const localVue = createLocalVue()
 localVue.use(Styleguide)
diff --git a/webapp/components/User/index.spec.js b/webapp/components/User/spec.js
similarity index 100%
rename from webapp/components/User/index.spec.js
rename to webapp/components/User/spec.js
diff --git a/webapp/pages/login.vue b/webapp/pages/login.vue
index 9cb9f3560..46c6e2d79 100644
--- a/webapp/pages/login.vue
+++ b/webapp/pages/login.vue
@@ -34,7 +34,7 @@
                 class="login-image"
                 alt="Human Connection"
                 src="/img/sign-up/humanconnection.svg"
-              />
+              >
             </ds-space>
           </ds-flex-item>
           <ds-flex-item

From dd8f9deb67a02a71860a5d4672000871f4909598 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Fri, 10 May 2019 14:32:21 +0200
Subject: [PATCH 28/29] fixed lint error, refactored whole modules - its now
 small and neat!

---
 webapp/components/Password/Strength.vue | 46 ++++++++++++-------------
 1 file changed, 22 insertions(+), 24 deletions(-)

diff --git a/webapp/components/Password/Strength.vue b/webapp/components/Password/Strength.vue
index 9960e42ed..cfcdf1acc 100644
--- a/webapp/components/Password/Strength.vue
+++ b/webapp/components/Password/Strength.vue
@@ -1,12 +1,18 @@
 <template>
   <div class="field">
     <div class="password-strength-meter">
-      <div class="password-strength-meter-inner" :class="strengthClass"/>
+      <div
+        class="password-strength-meter-inner"
+        :class="'strength-' + strength"
+      />
     </div>
     <p class="help">
-      <span v-if="pass" :class="{ insecure: (passwordStrength < 3) }">
+      <span
+        v-if="pass"
+        :class="{ insecure: !isSecure }"
+      >
         {{ $t('settings.security.change-password.passwordSecurity') }}:
-        <strong>{{ $t(`settings.security.change-password.passwordStrength${passwordStrength}`) }}</strong>
+        <strong>{{ $t(`settings.security.change-password.passwordStrength${strength}`) }}</strong>
       </span>
       <span v-else>&nbsp;</span>
     </p>
@@ -27,34 +33,26 @@ export default {
   },
   data() {
     return {
-      lastScore: 0,
+      strength: null,
+      isSecure: false,
       pass: this.password || null
     }
   },
-  computed: {
-    strengthClass() {
-      return `strength-${this.passwordStrength}`
-    },
-    /**
-     * passwordStrength is the score calculated by zxcvbn
-     * @return {Number} Password Strength Score
-     */
-    passwordStrength() {
-      const score = !isEmpty(this.pass) ? zxcvbn(this.pass).score : 'empty'
-      if (score !== this.lastScore) {
-        this.lastScore = score
-        this.$emit('change', {
-          score,
-          isSecure: Boolean(score >= 3)
-        })
-      }
-      return score
-    }
-  },
   watch: {
     password(pass) {
       // update password when prop is changing
       this.pass = pass || null
+
+      // passwordStrength is the score calculated by zxcvbn
+      const strength = !isEmpty(this.pass) ? zxcvbn(this.pass).score : null
+      if (strength !== this.strength) {
+        this.strength = strength
+        this.isSecure = Boolean(strength >= 3)
+        this.$emit('change', {
+          strength,
+          isSecure: this.isSecure
+        })
+      }
     }
   }
 }

From d0fb12d7adc6b586a7d5ac078d3c6a927140bfcc Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Fri, 10 May 2019 14:38:34 +0200
Subject: [PATCH 29/29] fixed comment

---
 webapp/components/Password/Strength.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/webapp/components/Password/Strength.vue b/webapp/components/Password/Strength.vue
index cfcdf1acc..778cfb0d4 100644
--- a/webapp/components/Password/Strength.vue
+++ b/webapp/components/Password/Strength.vue
@@ -43,7 +43,7 @@ export default {
       // update password when prop is changing
       this.pass = pass || null
 
-      // passwordStrength is the score calculated by zxcvbn
+      // strength is the score calculated by zxcvbn
       const strength = !isEmpty(this.pass) ? zxcvbn(this.pass).score : null
       if (strength !== this.strength) {
         this.strength = strength