Nuevo formato en duración; arreglo de Acerca

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} {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):
         """

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 %}

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