ramon
/
skillbox
1
0
Fork 0
Code Issues 1 Pull Requests 1 Packages Projects 1 Releases 1 Wiki Activity

Add links to landing page

This commit is contained in:
Ramon Wenger 2018-10-16 18:16:55 +02:00
parent 95545904a6
commit c81c7675b6
3 changed files with 13 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
client/src/components/SectionBlock.vue
View File

@ -6,16 +6,9 @@
</div> </div>
<div class="section-block__content section-content"> <div class="section-block__content section-content">
<div class="section-content__subsection subsection"> <div class="section-content__subsection subsection">
<h4 class="subsection__title small-emph">Zuletzt bearbeitet</h4> <router-link :to="route" class="subsection__content small-emph" >
<p class="subsection__content small-emph"> Alle Inhalte
{{lastModified}} </router-link>
</p>
</div>
<div class="section-content__subsection">
<h4 class="subsection_title small-emph">Aktivität</h4>
<p class="subsection__content small-emph">
{{lastModified}}
</p>
</div> </div>
</div> </div>
</div> </div>
@ -23,7 +16,7 @@
<script> <script>
export default { export default {
props: ['title', 'subtitle', 'lastModified', 'activities'] props: ['title', 'subtitle', 'route']
} }
</script> </script>
@ -35,10 +28,10 @@
border-radius: $default-border-radius; border-radius: $default-border-radius;
width: 100%; width: 100%;
border: solid 1px $color-lightgrey-2; 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; overflow: hidden;
&__title { &__title {
background-color: $color-brand; background-color: $color-brand;
padding: 20px; padding: 20px;
} }

2
client/src/layouts/DefaultLayout.vue
View File

@ -2,7 +2,7 @@
<div class="container skillbox" :class="specialContainerClass"> <div class="container skillbox" :class="specialContainerClass">
<header class="header skillbox__header"> <header class="header skillbox__header">
<top-navigation></top-navigation> <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> <user-widget v-bind="me"></user-widget>
<filter-bar v-if="showFilter"></filter-bar> <filter-bar v-if="showFilter"></filter-bar>
</header> </header>

15
client/src/pages/start.vue
View File

@ -6,22 +6,19 @@
class="start-sections__section" class="start-sections__section"
title="Inhalte" title="Inhalte"
subtitle="Lernen" subtitle="Lernen"
lastModified="Modul 1: Mein neues Umfeld" route="/book/topic"
activities="4 neue Ergebnisse"
></section-block> ></section-block>
<section-block <section-block
class="start-sections__section" class="start-sections__section"
title="Räume" title="Räume"
subtitle="Zusammenarbeiten" subtitle="Zusammenarbeiten"
lastModified="Ein historisches Festival" route="/rooms"
activities="2 neue Beiträge"
></section-block> ></section-block>
<section-block <section-block
class="start-sections__section" class="start-sections__section"
title="Portfolio" title="Portfolio"
subtitle="Dokumentation & reflektieren" subtitle="Dokumentation & reflektieren"
lastModified="Mein Projekt 1" route="/portfolio"
activities="2 geteilte Portfolios"
></section-block> ></section-block>
</div> </div>
<div class="start-page__news news"> <div class="start-page__news news">
@ -31,17 +28,17 @@
title="Sommerzeit - Festivalzeit" title="Sommerzeit - Festivalzeit"
date="3. Juli 2018" date="3. Juli 2018"
imageUrl="http" imageUrl="http"
></news-teaser> ></news-teaser>
<news-teaser <news-teaser
title="Bitcoin - Hype um die Kryptowährung" title="Bitcoin - Hype um die Kryptowährung"
date="23. April 2018" date="23. April 2018"
imageUrl="http" imageUrl="http"
></news-teaser> ></news-teaser>
<news-teaser <news-teaser
title="Plastic Ocean - Plastikinseln im Meer" title="Plastic Ocean - Plastikinseln im Meer"
date="3. April 2018" date="3. April 2018"
imageUrl="http" imageUrl="http"
></news-teaser> ></news-teaser>
</div> </div>
</div> </div>
</div> </div>