From: Philippe Barbosa <contact@philippebarbosa.com>
Date: Fri, 4 Mar 2016 17:45:57 +0000 (+0100)
Subject: Added video card list
X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=e2af1cbb3a569b9c0e766ef5d943681977242b43;p=mezzo.git

Added video card list
---

diff --git a/app/festival/static/css/index.css b/app/festival/static/css/index.css
index 188ab55f..9f024605 100755
--- a/app/festival/static/css/index.css
+++ b/app/festival/static/css/index.css
@@ -2737,6 +2737,46 @@ th {
   margin: 1rem auto;
 }
 
+/* line 1, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/video-card.scss */
+.video__card {
+  display: block;
+  float: left;
+  width: 18%;
+  position: relative;
+  margin: 1%;
+}
+
+/* line 9, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/video-card.scss */
+.video__card__thumbnail img {
+  display: block;
+}
+
+/* line 13, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/video-card.scss */
+.video__card__info {
+  display: block;
+  text-align: center;
+  background: white;
+  padding: 1rem;
+}
+
+/* line 20, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/video-card.scss */
+.video__card__name {
+  margin: 0;
+  text-transform: uppercase;
+  text-align: left;
+  font-size: 0.6rem;
+}
+
+/* line 27, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/video-card.scss */
+.video__card__link {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  font-size: 0;
+}
+
 /* line 1, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */
 .event__card {
   padding: 1rem;
diff --git a/app/festival/static/scss/index.scss b/app/festival/static/scss/index.scss
index cdcc175a..c0235ac4 100755
--- a/app/festival/static/scss/index.scss
+++ b/app/festival/static/scss/index.scss
@@ -72,6 +72,11 @@
  */
 @import 'modules/artist-card',
         'modules/artist-detail',
+
+        'modules/video-card',
+
         'modules/event-card',
+
         'modules/hero-slider',
+
         'modules/user';
\ No newline at end of file
diff --git a/app/festival/static/scss/modules/video-card.scss b/app/festival/static/scss/modules/video-card.scss
new file mode 100644
index 00000000..671ba18f
--- /dev/null
+++ b/app/festival/static/scss/modules/video-card.scss
@@ -0,0 +1,36 @@
+.video__card {
+
+  display: block;
+  float: left;
+  width: 18%;
+  position: relative;
+  margin: 1%;
+
+  &__thumbnail img {
+    display: block;
+  }
+
+  &__info {
+    display: block;
+    text-align: center;
+    background: white;
+    padding: 1rem;
+  }
+
+  &__name {
+    margin: 0;
+    text-transform: uppercase;
+    text-align: left;
+    font-size: 0.6rem;
+  }
+
+  &__link {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    font-size: 0;
+  }
+
+}
\ No newline at end of file
diff --git a/app/festival/templates/festival/video_list.html b/app/festival/templates/festival/video_list.html
index 7add06cf..aa21a541 100644
--- a/app/festival/templates/festival/video_list.html
+++ b/app/festival/templates/festival/video_list.html
@@ -12,4 +12,18 @@
  </ul>
 </div>
 
+
+{# <div class="video__list">
+    <div class="video__card">
+        <div class="video__card__thumbnail">
+            <img src="http://source.unsplash.com/9Vx-QeC0-9Q/400x400" alt="">
+        </div>
+        <div class="video__card__info">
+            <h3 class="video__card__name">Video title</h3>
+        </div>
+        <a href="{% url 'festival-video-detail' video.slug %}" class="video__card__link">Lire la video</a>
+    </div>
+</div> #}
+
+
 {% endblock %}