From c64fa107b424d249d83b72eda88767f40929b3dd Mon Sep 17 00:00:00 2001
From: perro <hi@perrotuerto.blog>
Date: Tue, 10 Jan 2023 11:21:12 -0800
Subject: [PATCH] =?UTF-8?q?Nuevo=20formato=20en=20duraci=C3=B3n;=20arreglo?=
 =?UTF-8?q?=20de=20Acerca?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 source/main/models.py         | 25 +++++++++++++++++++++++--
 source/templates/about.html   | 17 ++++++++---------
 source/templates/section.html |  2 +-
 3 files changed, 32 insertions(+), 12 deletions(-)

diff --git a/source/main/models.py b/source/main/models.py
index 290caa9..3449778 100644
--- a/source/main/models.py
+++ b/source/main/models.py
@@ -220,10 +220,31 @@ class MovieQuerySet(models.QuerySet):
         """
         Da formato a duración.
 
-        Regresa la duración en horas:minutos.
+        Regresa la duración en 'Nh Nm'; p. ej.: 1h 22m, 2h, 15m.
         """
         secs = num * 60
-        return time.strftime("%H:%M", time.gmtime(secs))
+        hours = self.format_duration_num("%H", secs)
+        mins = self.format_duration_num("%M", secs)
+        if hours == "":
+            return mins
+        elif mins == "":
+            return hours
+        else:
+            return f"{hours}&nbsp;{mins}"
+
+    def format_duration_num(self, num_type, secs):
+        """
+        Da formato a cada número de la duración.
+
+        Extrae hora o minuto de la duración, la pasa a int y si no es cero,
+        regresa Ns; p. ej.: 1h, 55m.
+        """
+        num = int(time.strftime(num_type, time.gmtime(secs)))
+        sym = num_type[-1].lower()
+        if num == 0:
+            return ""
+        else:
+            return f"{num}{sym}"
 
     def get_wiki(self, movie, again=True):
         """
diff --git a/source/templates/about.html b/source/templates/about.html
index ee99707..0a7c3fb 100644
--- a/source/templates/about.html
+++ b/source/templates/about.html
@@ -1,13 +1,12 @@
 {% extends "base.html" %}
 
 {% block content %}
-
-<h1>Acerca de MauFlix</h1>
-<br><br>
-<p>
-MauFlix es una videoteca personal. La misma no persigue ningún tipo de lucro y solo cuenta con datos informativos de las películas no con enlaces de descarga.
-</p>
-<br>
-<p>
-</p>
+<div class="hero full">
+  <div class="hero-body">
+    <p class="title">Acerca de Mauflix</p>
+    <p>MauFlix es una videoteca personal. Esta no persigue <b>ningún tipo de
+      lucro</b> y solo cuenta con datos informativos de las películas. Aquí no
+      encontrarás enlaces de descarga.</p>
+  </div>
+</div>
 {% endblock %}
diff --git a/source/templates/section.html b/source/templates/section.html
index 778b0e7..ff4735e 100644
--- a/source/templates/section.html
+++ b/source/templates/section.html
@@ -15,7 +15,7 @@
     <div class="cartels">
       {% for movie in content %}
         <div class="cartel tooltip">
-          <span class="tooltiptext">{{ movie.name }} ({{ movie.duration }}&nbsp;min)</span>
+          <span class="tooltiptext">{{ movie.name }} ({{ movie.duration_formatted | safe }})</span>
           <!--
             Lo comentado activaría una ficha que se ve en lugar del cartel.
             Una idea a futuro es que sirva para mostrar la ficha de la