From d7232a4be3e252406befa8a65280a8735679ddb3 Mon Sep 17 00:00:00 2001
From: enrico <enrico@fedora.windrunner.lan>
Date: Sat, 11 Jan 2020 18:17:39 +0100
Subject: [PATCH] tante locandine di test

---
 src/CardContainer.js | 25 ++++++++++++++++++-------
 src/Home.js          |  7 ++++---
 2 files changed, 22 insertions(+), 10 deletions(-)

diff --git a/src/CardContainer.js b/src/CardContainer.js
index 95a4d4d..57fd4ff 100644
--- a/src/CardContainer.js
+++ b/src/CardContainer.js
@@ -2,11 +2,11 @@ import React from 'react';
 import 'bootstrap/dist/css/bootstrap.min.css';
 import 'bootstrap/dist/js/bootstrap.min.js';
 import './CardContainer.css';
-import CardFilm from './CardFilm';
+import CardFilm from './CardFilm';  
 
 class CardContainer extends React.Component {
     render() {
-        const elements = [
+        const locandine = [
             "https://www.ilpost.it/wp-content/uploads/2017/12/locandine01.jpeg",
             "https://www.ilpost.it/wp-content/uploads/2017/12/locandine02.jpeg",
             "https://www.ilpost.it/wp-content/uploads/2017/12/locandine03.jpeg",
@@ -17,14 +17,25 @@ class CardContainer extends React.Component {
             "https://www.ilpost.it/wp-content/uploads/2017/12/locandine08.jpg",
             "https://www.ilpost.it/wp-content/uploads/2017/12/locandine09.jpg",
             "https://www.ilpost.it/wp-content/uploads/2017/12/locandine10.jpg",
+            "https://www.ilpost.it/wp-content/uploads/2017/12/locandine11.jpg",
+            "https://www.ilpost.it/wp-content/uploads/2017/12/locandine12.jpg",
+            "https://www.ilpost.it/wp-content/uploads/2017/12/locandine13.jpg",
+            "https://www.ilpost.it/wp-content/uploads/2017/12/locandine14.jpg",
+            "https://www.ilpost.it/wp-content/uploads/2017/12/locandine15.jpg",
+            "https://www.ilpost.it/wp-content/uploads/2017/12/locandine16.jpg",
+            "https://www.ilpost.it/wp-content/uploads/2017/12/locandine17.jpg",
+            "https://www.ilpost.it/wp-content/uploads/2017/12/locandine18.jpg",
+            "https://www.ilpost.it/wp-content/uploads/2017/12/locandine19.jpg",
+            "https://www.ilpost.it/wp-content/uploads/2017/12/locandine20.jpg",
         ];
     
-        const items = []
-    
-        for (const [index, value] of elements.entries()) {
-            items.push(
+        const cards = []
+
+        for (const [index, value] of locandine.entries()) {
+            cards.push(
                 <CardFilm
                     alt="copertina" 
+                    key={index}
                     src={value}
                     title="Card Title"
                     body="Some quick example text to build on the card title and make up the bulk of the card's content."
@@ -36,7 +47,7 @@ class CardContainer extends React.Component {
             <div>
                 <p className="sect-title">{this.props.sectionTitle}</p>
                 <div className="container-mod">
-                    {items}
+                    {cards}
                 </div>
             </div>
         );
diff --git a/src/Home.js b/src/Home.js
index 4003c49..ba7a844 100644
--- a/src/Home.js
+++ b/src/Home.js
@@ -7,9 +7,10 @@ class Home extends React.Component {
     render() {
         return (
             <>
-            <Navbar brand="MPBE" />
-            <Parallax />
-            <CardContainer sectionTitle="Latest Uploads" />
+                <Navbar brand="MPBE" />
+                <Parallax />
+                <CardContainer sectionTitle="Latest Uploads" />
+                <CardContainer sectionTitle="Random" />
             </>
         );
     }