From c81c7675b62e7646b4ba6986c1c46d2f2a52564f Mon Sep 17 00:00:00 2001
From: Ramon Wenger <donramonloco+github@gmail.com>
Date: Tue, 16 Oct 2018 18:16:55 +0200
Subject: [PATCH] Add links to landing page

---
 client/src/components/SectionBlock.vue | 19 ++++++-------------
 client/src/layouts/DefaultLayout.vue   |  2 +-
 client/src/pages/start.vue             | 15 ++++++---------
 3 files changed, 13 insertions(+), 23 deletions(-)

diff --git a/client/src/components/SectionBlock.vue b/client/src/components/SectionBlock.vue
index 19577c77..9c0c9bad 100644
--- a/client/src/components/SectionBlock.vue
+++ b/client/src/components/SectionBlock.vue
@@ -6,16 +6,9 @@
     </div>
     <div class="section-block__content section-content">
       <div class="section-content__subsection subsection">
-        <h4 class="subsection__title small-emph">Zuletzt bearbeitet</h4>
-        <p class="subsection__content small-emph">
-          {{lastModified}}
-        </p>
-      </div>
-      <div class="section-content__subsection">
-        <h4 class="subsection_title small-emph">Aktivität</h4>
-        <p class="subsection__content small-emph">
-          {{lastModified}}
-        </p>
+        <router-link :to="route" class="subsection__content small-emph" >
+          Alle Inhalte
+        </router-link>
       </div>
     </div>
   </div>
@@ -23,7 +16,7 @@
 
 <script>
   export default {
-    props: ['title', 'subtitle', 'lastModified', 'activities']
+    props: ['title', 'subtitle', 'route']
   }
 </script>
 
@@ -35,10 +28,10 @@
     border-radius: $default-border-radius;
     width: 100%;
     border: solid 1px $color-lightgrey-2;
-    box-shadow: 5px 5px 21px 0px rgba(219,219,219,1);
+    box-shadow: 5px 5px 21px 0px rgba(219, 219, 219, 1);
     overflow: hidden;
 
-   &__title {
+    &__title {
       background-color: $color-brand;
       padding: 20px;
     }
diff --git a/client/src/layouts/DefaultLayout.vue b/client/src/layouts/DefaultLayout.vue
index cfdecd69..3a8fcaa1 100644
--- a/client/src/layouts/DefaultLayout.vue
+++ b/client/src/layouts/DefaultLayout.vue
@@ -2,7 +2,7 @@
   <div class="container skillbox" :class="specialContainerClass">
     <header class="header skillbox__header">
       <top-navigation></top-navigation>
-      <router-link to="/book/topic" class="skillbox__header-logo">skillbox</router-link>
+      <router-link to="/" class="skillbox__header-logo">skillbox</router-link>
       <user-widget v-bind="me"></user-widget>
       <filter-bar v-if="showFilter"></filter-bar>
     </header>
diff --git a/client/src/pages/start.vue b/client/src/pages/start.vue
index 3906703f..3c4305c6 100644
--- a/client/src/pages/start.vue
+++ b/client/src/pages/start.vue
@@ -6,22 +6,19 @@
         class="start-sections__section"
         title="Inhalte"
         subtitle="Lernen"
-        lastModified="Modul 1: Mein neues Umfeld"
-        activities="4 neue Ergebnisse"
+        route="/book/topic"
       ></section-block>
       <section-block
         class="start-sections__section"
         title="Räume"
         subtitle="Zusammenarbeiten"
-        lastModified="Ein historisches Festival"
-        activities="2 neue Beiträge"
+        route="/rooms"
       ></section-block>
       <section-block
         class="start-sections__section"
         title="Portfolio"
         subtitle="Dokumentation & reflektieren"
-        lastModified="Mein Projekt 1"
-        activities="2 geteilte Portfolios"
+        route="/portfolio"
       ></section-block>
     </div>
     <div class="start-page__news news">
@@ -31,17 +28,17 @@
           title="Sommerzeit - Festivalzeit"
           date="3. Juli 2018"
           imageUrl="http"
-          ></news-teaser>
+        ></news-teaser>
         <news-teaser
           title="Bitcoin - Hype um die Kryptowährung"
           date="23. April 2018"
           imageUrl="http"
-          ></news-teaser>
+        ></news-teaser>
         <news-teaser
           title="Plastic Ocean - Plastikinseln im Meer"
           date="3. April 2018"
           imageUrl="http"
-          ></news-teaser>
+        ></news-teaser>
       </div>
     </div>
   </div>