Enhance entrypoint script with sleep for MySQL readiness, update VerificationCode model to use CharField, and add responsive logo images in base template.

entrypoint.sh

@@ -1,7 +1,8 @@
 #!/bin/bash
 
 figlet Proyecto MVC
-
+echo "Sleeping due to mysql..."
+sleep 10
 echo "Running DB migrations..."
 python manage.py migrate
 echo "Collecting STATIC..."

tienda/migrations/0002_verificationcode_code_mode_and_more.py

@@ -18,6 +18,6 @@ class Migration(migrations.Migration):
         migrations.AlterField(
             model_name='verificationcode',
             name='code',
-            field=models.TextField(default='', unique=True),
+            field=models.CharField(default='', max_length=64, unique=True),
         ),
     ]

tienda/models.py

@@ -20,7 +20,7 @@ class VerificationCode(models.Model):
         RESET_PASSWORD = "RP"
     
     user = models.ForeignKey(User, on_delete=models.CASCADE, related_name="user_belongsto", null=False, blank=False)
-    code = models.TextField(default = "", unique=True)
+    code = models.CharField(max_length=64, default="", unique=True)
     code_mode = models.CharField(
         max_length=2,
         choices = VerificationModes.choices,

tienda/templates/tienda/base.html

@@ -76,7 +76,18 @@
     <nav class="navbar navbar-expand-md header">
         <div class="container-fluid">
             <a class="navbar-brand" href="{% url 'home' %}">
-                <img src="{% static 'img/logo.png' %}" alt="Logo" style="height: 40px;">
+                <picture>
+                    <source
+                        type="image/webp"
+                        srcset="{% static 'img/logo-40.webp' %} 1x, {% static 'img/logo-80.webp' %} 2x">
+                    <img
+                        src="{% static 'img/logo-40.png' %}"
+                        srcset="{% static 'img/logo-40.png' %} 1x, {% static 'img/logo-80.png' %} 2x"
+                        alt="Logo"
+                        width="40"
+                        height="40"
+                        decoding="async">
+                </picture>
             </a>
             
             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarContent" aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation">