From 4e04e51e441d9ebc04d979b3a4cade12a7492cb5 Mon Sep 17 00:00:00 2001
From: MickSlash <vignottomick@icloud.com>
Date: Sun, 17 May 2020 12:42:35 +0000
Subject: [PATCH] Aggiunto css

---
 templates/Homepage.html | 40 +++++++++++++++++++++++++++++++++-------
 1 file changed, 33 insertions(+), 7 deletions(-)

diff --git a/templates/Homepage.html b/templates/Homepage.html
index 08e5694..6814a5d 100644
--- a/templates/Homepage.html
+++ b/templates/Homepage.html
@@ -2,19 +2,45 @@
 {% block title %} LORDCHANNEL - LISTA TITOLI {% endblock title %}
 
 
+{% block css %}
+<style>
+div.lcimg {
+    margin: 5px;
+    border: 1px solid #ccc;
+    float: left;
+    width: 200px;
+height:300px;
+}
+
+div.lcimg:hover {
+    border: 1px solid #777;
+}
+
+div.lcimg img {
+    width: 100%;
+    height: 282px;
+}
+
+div.desc {
+text-align: center;
+overflow:hidden;
+word-wrap: break-word;
+}
+</style>
+{% endblock css %}
+
+
 {% block content %}
 
 <h1 class="text-center">Boxtitoli : </h1>
 <div class="container">
     <div class="text-center"><a href="{% url 'crea_titolo' %}">CREA UN NUOVO TITOLO</a></div>
     {% for lista_titoli in titoli  %}
-    <div class="text-center">
-        <a href="{{ lista_titoli.get_absolute_url }}"><h1>{{ lista_titoli.titolo }}</h1></a>
-        <!-- {{ lista_titoli.slug_id }} -->
-        <img src="{{ lista_titoli.foto }}" class="img-fluid" alt="{{ lista_titoli.titolo }}">
+    <div class="lcimg desc">
+            <a href="{{ lista_titoli.get_absolute_url }}">{{ lista_titoli.titolo }}
+        <img src="{{ lista_titoli.foto }}" alt="{{ lista_titoli.titolo }}">
+    </a>
     </div>
-        <hr>
-</div>
-
 {% endfor %}
+</div>
 {% endblock content %}
\ No newline at end of file