Added video card list

diff --git a/app/festival/static/css/index.css b/app/festival/static/css/index.css
index 188ab55f8b8e6188290a43a68b6dfd693c79caae..9f02460548ba5087e3f356f7961bf0e1e498ea12 100755 (executable)
--- 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 cdcc175aa23ee592d1e9dd6fabc3541ac6538ffb..c0235ac4be62682c73f41ef0a77f90f7cde420f5 100755 (executable)
--- 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 (file)
index 0000000..671ba18
--- /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 7add06cf737687bb3503e8cc25436117a3298c3c..aa21a54181bf057dba2e55090a30d4900ff5e3a4 100644 (file)
--- 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 %}