From 7a783cda62651028b33dc04627d03456c32ded70 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Wed, 25 May 2022 12:38:56 +0200
Subject: [PATCH 1/5] change footer, link color hover, padding top, margin
 bottom

---
 .../src/assets/scss/gradido-template.scss     |  5 ++-
 frontend/src/components/Auth/Footer.vue       | 42 +++++++++++--------
 frontend/src/layouts/AuthLayout.vue           |  2 +-
 3 files changed, 30 insertions(+), 19 deletions(-)

diff --git a/frontend/src/assets/scss/gradido-template.scss b/frontend/src/assets/scss/gradido-template.scss
index 007face42..041179a72 100644
--- a/frontend/src/assets/scss/gradido-template.scss
+++ b/frontend/src/assets/scss/gradido-template.scss
@@ -20,7 +20,10 @@ a,
 .navbar-light .navbar-nav .nav-link {
   color: #047006;
 }
-
+a:hover,
+.nav-link:hover {
+  color: #383838 !important;
+}
 .navbar-light .navbar-nav .nav-link.active {
   color: rgb(35 121 188 / 90%);
 }
diff --git a/frontend/src/components/Auth/Footer.vue b/frontend/src/components/Auth/Footer.vue
index 02268f4f6..dae1218d8 100644
--- a/frontend/src/components/Auth/Footer.vue
+++ b/frontend/src/components/Auth/Footer.vue
@@ -1,5 +1,5 @@
 <template>
-  <footer class="footer bg-transparent">
+  <footer class="footer">
     <b-row class="mt-lg-7 mt-md-6 mt-4">
       <b-col class="col-12 col-md-12 col-lg-6">
         <div
@@ -16,24 +16,32 @@
         </div>
       </b-col>
       <b-col class="col-12 col-md-12 col-lg-6 mt-4 mb-4 mt-lg-0 mb-lg-0">
-        <div class="text-center ml-3 ml-lg-0 text-lg-right">
+        <div class="text-center ml-3 ml-lg-0 text-lg-right pt-1">
           {{ $t('followUs') }}
-          <b-icon-facebook class="ml-3 mr-3" font-scale="1"></b-icon-facebook>
-          <b-icon-twitter class="mr-3" font-scale="1"></b-icon-twitter>
-          <b-icon-youtube class="mr-3" font-scale="1"></b-icon-youtube>
+          <b-link href="https://www.facebook.com/groups/Gradido/" target="_blank">
+            <b-icon-facebook class="ml-3 mr-3" font-scale="1"></b-icon-facebook>
+          </b-link>
+          <b-link href="https://twitter.com/gradido" target="_blank">
+            <b-icon-twitter class="mr-3" font-scale="1"></b-icon-twitter>
+          </b-link>
+          <b-link href="https://www.youtube.com/c/GradidoNet" target="_blank">
+            <b-icon-youtube class="mr-3" font-scale="1"></b-icon-youtube>
+          </b-link>
 
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="16"
-            height="16"
-            fill="currentColor"
-            class="bi bi-telegram"
-            viewBox="0 0 16 16"
-          >
-            <path
-              d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.287 5.906c-.778.324-2.334.994-4.666 2.01-.378.15-.577.298-.595.442-.03.243.275.339.69.47l.175.055c.408.133.958.288 1.243.294.26.006.549-.1.868-.32 2.179-1.471 3.304-2.214 3.374-2.23.05-.012.12-.026.166.016.047.041.042.12.037.141-.03.129-1.227 1.241-1.846 1.817-.193.18-.33.307-.358.336a8.154 8.154 0 0 1-.188.186c-.38.366-.664.64.015 1.088.327.216.589.393.85.571.284.194.568.387.936.629.093.06.183.125.27.187.331.236.63.448.997.414.214-.02.435-.22.547-.82.265-1.417.786-4.486.906-5.751a1.426 1.426 0 0 0-.013-.315.337.337 0 0 0-.114-.217.526.526 0 0 0-.31-.093c-.3.005-.763.166-2.984 1.09z"
-            />
-          </svg>
+          <b-link href="https://t.me/Gradido" target="_blank">
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="16"
+              height="16"
+              fill="currentColor"
+              class="bi bi-telegram"
+              viewBox="0 0 16 16"
+            >
+              <path
+                d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.287 5.906c-.778.324-2.334.994-4.666 2.01-.378.15-.577.298-.595.442-.03.243.275.339.69.47l.175.055c.408.133.958.288 1.243.294.26.006.549-.1.868-.32 2.179-1.471 3.304-2.214 3.374-2.23.05-.012.12-.026.166.016.047.041.042.12.037.141-.03.129-1.227 1.241-1.846 1.817-.193.18-.33.307-.358.336a8.154 8.154 0 0 1-.188.186c-.38.366-.664.64.015 1.088.327.216.589.393.85.571.284.194.568.387.936.629.093.06.183.125.27.187.331.236.63.448.997.414.214-.02.435-.22.547-.82.265-1.417.786-4.486.906-5.751a1.426 1.426 0 0 0-.013-.315.337.337 0 0 0-.114-.217.526.526 0 0 0-.31-.093c-.3.005-.763.166-2.984 1.09z"
+              />
+            </svg>
+          </b-link>
         </div>
       </b-col>
     </b-row>
diff --git a/frontend/src/layouts/AuthLayout.vue b/frontend/src/layouts/AuthLayout.vue
index 1cc4923d1..29974ac92 100644
--- a/frontend/src/layouts/AuthLayout.vue
+++ b/frontend/src/layouts/AuthLayout.vue
@@ -77,7 +77,7 @@
               </b-card-body>
             </b-card>
           </div>
-          <auth-footer v-if="!$route.meta.hideFooter" class="pr-5"></auth-footer>
+          <auth-footer v-if="!$route.meta.hideFooter" class="pr-5 mb-5"></auth-footer>
         </b-col>
       </b-row>
       <!-- <auth-layout-gdd />-->

From 87eb8854293a34169874f5f9aa2146fc3e988367 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Wed, 25 May 2022 12:40:45 +0200
Subject: [PATCH 2/5] fixed stylelint

---
 frontend/src/assets/scss/gradido-template.scss | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/frontend/src/assets/scss/gradido-template.scss b/frontend/src/assets/scss/gradido-template.scss
index 041179a72..98e002085 100644
--- a/frontend/src/assets/scss/gradido-template.scss
+++ b/frontend/src/assets/scss/gradido-template.scss
@@ -20,10 +20,12 @@ a,
 .navbar-light .navbar-nav .nav-link {
   color: #047006;
 }
+
 a:hover,
 .nav-link:hover {
   color: #383838 !important;
 }
+
 .navbar-light .navbar-nav .nav-link.active {
   color: rgb(35 121 188 / 90%);
 }

From 1dee2f922cc21b8d11f28edc2542e0bed0627918 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Wed, 25 May 2022 13:52:49 +0200
Subject: [PATCH 3/5] sperate class for color for navbar

---
 frontend/src/assets/scss/gradido-template.scss | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/src/assets/scss/gradido-template.scss b/frontend/src/assets/scss/gradido-template.scss
index 98e002085..09c8588e9 100644
--- a/frontend/src/assets/scss/gradido-template.scss
+++ b/frontend/src/assets/scss/gradido-template.scss
@@ -17,7 +17,9 @@ body {
 
 /* Navbar  */
 a,
-.navbar-light .navbar-nav .nav-link {
+.navbar-light,
+.navbar-nav,
+.nav-link {
   color: #047006;
 }
 

From c1e060add6ae86375edb2f33c187d459c0b5c642 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Wed, 25 May 2022 11:07:11 +0200
Subject: [PATCH 4/5] rename files from auth folder, rule vue name = name files

---
 .../Auth/{Carousel.vue => AuthCarousel.vue}   |  0
 .../Auth/{Footer.vue => AuthFooter.vue}       |  0
 .../{MobileStart.vue => AuthMobileStart.vue}  |  0
 .../Auth/{Navbar.vue => AuthNavbar.vue}       |  0
 .../{NavbarSmall.vue => AuthNavbarSmall.vue}  |  2 +-
 frontend/src/layouts/AuthLayout.spec.js       |  4 +++
 frontend/src/layouts/AuthLayout.vue           | 28 +++++++++----------
 7 files changed, 19 insertions(+), 15 deletions(-)
 rename frontend/src/components/Auth/{Carousel.vue => AuthCarousel.vue} (100%)
 rename frontend/src/components/Auth/{Footer.vue => AuthFooter.vue} (100%)
 rename frontend/src/components/Auth/{MobileStart.vue => AuthMobileStart.vue} (100%)
 rename frontend/src/components/Auth/{Navbar.vue => AuthNavbar.vue} (100%)
 rename frontend/src/components/Auth/{NavbarSmall.vue => AuthNavbarSmall.vue} (93%)

diff --git a/frontend/src/components/Auth/Carousel.vue b/frontend/src/components/Auth/AuthCarousel.vue
similarity index 100%
rename from frontend/src/components/Auth/Carousel.vue
rename to frontend/src/components/Auth/AuthCarousel.vue
diff --git a/frontend/src/components/Auth/Footer.vue b/frontend/src/components/Auth/AuthFooter.vue
similarity index 100%
rename from frontend/src/components/Auth/Footer.vue
rename to frontend/src/components/Auth/AuthFooter.vue
diff --git a/frontend/src/components/Auth/MobileStart.vue b/frontend/src/components/Auth/AuthMobileStart.vue
similarity index 100%
rename from frontend/src/components/Auth/MobileStart.vue
rename to frontend/src/components/Auth/AuthMobileStart.vue
diff --git a/frontend/src/components/Auth/Navbar.vue b/frontend/src/components/Auth/AuthNavbar.vue
similarity index 100%
rename from frontend/src/components/Auth/Navbar.vue
rename to frontend/src/components/Auth/AuthNavbar.vue
diff --git a/frontend/src/components/Auth/NavbarSmall.vue b/frontend/src/components/Auth/AuthNavbarSmall.vue
similarity index 93%
rename from frontend/src/components/Auth/NavbarSmall.vue
rename to frontend/src/components/Auth/AuthNavbarSmall.vue
index 1bb06b481..836e72aeb 100644
--- a/frontend/src/components/Auth/NavbarSmall.vue
+++ b/frontend/src/components/Auth/AuthNavbarSmall.vue
@@ -12,6 +12,6 @@
 
 <script>
 export default {
-  name: 'NavbarSmall',
+  name: 'AuthNavbarSmall',
 }
 </script>
diff --git a/frontend/src/layouts/AuthLayout.spec.js b/frontend/src/layouts/AuthLayout.spec.js
index dd2d2cab3..2246793d5 100644
--- a/frontend/src/layouts/AuthLayout.spec.js
+++ b/frontend/src/layouts/AuthLayout.spec.js
@@ -43,6 +43,10 @@ describe('AuthLayout', () => {
       it('has Component AuthMobileStart', () => {
         expect(wrapper.findComponent({ name: 'AuthMobileStart' }).exists()).toBe(true)
       })
+
+      it('has Component AuthNavbarSmall', () => {
+        expect(wrapper.findComponent({ name: 'AuthNavbarSmall' }).exists()).toBe(true)
+      })
     })
 
     describe('Desktop Version Start', () => {
diff --git a/frontend/src/layouts/AuthLayout.vue b/frontend/src/layouts/AuthLayout.vue
index 29974ac92..f86b124f5 100644
--- a/frontend/src/layouts/AuthLayout.vue
+++ b/frontend/src/layouts/AuthLayout.vue
@@ -1,16 +1,16 @@
 <template>
   <div class="auth-template">
-    <mobile-start
+    <auth-mobile-start
       v-if="mobileStart"
       class="d-inline d-lg-none zindex10000"
       @is-mobile-start="setMobileStart"
     />
     <div class="h-100 align-middle">
-      <navbar class="zindex10" />
+      <auth-navbar class="zindex10" />
 
       <div class="left-content-box position-fixed d-none d-lg-block">
         <div class="bg-img-box position-absolute w-100">
-          <carousel class="carousel" />
+          <auth-carousel class="carousel" />
         </div>
         <div class="bg-txt-box position-relative d-none d-lg-block text-center align-self-center">
           <div class="h0 text-white">{{ $t('auth.left.gratitude') }}</div>
@@ -24,7 +24,7 @@
           <div class="right-content-box ml-3 ml-sm-4 mr-3 mr-sm-4">
             <b-row class="d-none d-md-block d-lg-none">
               <b-col class="mb--4 d-flex justify-content-end">
-                <navbar-small />
+                <auth-navbar-small />
               </b-col>
             </b-row>
             <b-row class="mt-5 pl-2 pl-md-0 pl-lg-0">
@@ -67,7 +67,7 @@
                   <b-avatar src="img/brand/gradido_coin●.png" size="6rem"></b-avatar>
                   <b-row>
                     <b-col class="zindex1000 d-flex justify-content-center">
-                      <navbar-small />
+                      <auth-navbar-small />
                     </b-col>
                   </b-row>
                 </b-col>
@@ -86,21 +86,21 @@
 </template>
 
 <script>
-import MobileStart from '@/components/Auth/MobileStart.vue'
-import Navbar from '@/components/Auth/Navbar.vue'
-import NavbarSmall from '@/components/Auth/NavbarSmall.vue'
-import Carousel from '@/components/Auth/Carousel.vue'
+import AuthMobileStart from '@/components/Auth/AuthMobileStart.vue'
+import AuthNavbar from '@/components/Auth/AuthNavbar.vue'
+import AuthNavbarSmall from '@/components/Auth/AuthNavbarSmall.vue'
+import AuthCarousel from '@/components/Auth/AuthCarousel.vue'
 import LanguageSwitch from '@/components/LanguageSwitch2'
-import AuthFooter from '@/components/Auth/Footer.vue'
+import AuthFooter from '@/components/Auth/AuthFooter.vue'
 import CONFIG from '@/config'
 
 export default {
   name: 'AuthLayout',
   components: {
-    MobileStart,
-    Navbar,
-    NavbarSmall,
-    Carousel,
+    AuthMobileStart,
+    AuthNavbar,
+    AuthNavbarSmall,
+    AuthCarousel,
     LanguageSwitch,
     AuthFooter,
   },

From 831034a5555fdd68c3b1a29fc6b85702cba78974 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Sun, 29 May 2022 11:03:50 +0200
Subject: [PATCH 5/5] change interval for carousel to 13000

---
 frontend/src/components/Auth/AuthCarousel.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/Auth/AuthCarousel.vue b/frontend/src/components/Auth/AuthCarousel.vue
index d46352c59..ff5157f62 100644
--- a/frontend/src/components/Auth/AuthCarousel.vue
+++ b/frontend/src/components/Auth/AuthCarousel.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <b-carousel :interval="3000">
+    <b-carousel :interval="13000">
       <b-carousel-slide img-src="/img/template/Foto_01_2400_small.jpg"></b-carousel-slide>
       <b-carousel-slide img-src="/img/template/Foto_02_2400_small.jpg"></b-carousel-slide>
       <b-carousel-slide img-src="/img/template/Foto_03_2400_small.jpg"></b-carousel-slide>