Skip to content

Commit 1d11381

Browse files
committed
Add a carousel showcasing CoderBot in the landing page
1 parent 33ff70d commit 1d11381

File tree

3 files changed

+15
-0
lines changed

3 files changed

+15
-0
lines changed

src/components/Landing.vue

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,13 @@
1010
<br>
1111
<div style="font-size: 24px;"> Benvenuto in </div>
1212
<div class="logo">CoderBot</div>
13+
<v-flex xs11 md8 offset-md2>
14+
<v-carousel hide-delimiters>
15+
<v-carousel-item interval="10000" hide-controls v-for="(item,i) in carouselItems" :key="i" :src="item.src">
16+
</v-carousel-item>
17+
</v-carousel>
18+
</v-flex>
19+
<br>
1320
<div style="font-size: 18px;"> Scegli un'azione per iniziare! </div>
1421
<v-container grid-list-md text-xs-center>
1522
<v-layout row wrap>
@@ -57,6 +64,14 @@ export default {
5764
},
5865
data() {
5966
return {
67+
carouselItems: [{
68+
src: 'static/images/coderbot_wide1.jpg'
69+
},
70+
{
71+
src: 'static/images/coderbot_wide3.jpg'
72+
},
73+
74+
],
6075
drawer: null,
6176
source: null,
6277
msg: 'Welcome to Your Vue.js App',

static/images/coderbot_wide1.jpg

276 KB
Loading

static/images/coderbot_wide3.jpg

396 KB
Loading

0 commit comments

Comments
 (0)