Ajustes para poner enlaces a opciones

ReyMotaAppsDj/reymota/libros/urls.py

@@ -5,7 +5,7 @@ from . import views
 app_name='libros'
 
 urlpatterns = [
-    path('/', views.principal, name='principal'),
+    path('', views.principal, name='principal'),
     path('autores/', views.lista_autores, name='lista_autores'),
     path('autores/nuevo/', views.nuevo_autor, name='nuevo_autor'),
     path('autores/<int:autor_id>/', views.detalle_autor, name='detalle_autor'),

ReyMotaAppsDj/reymota/repostajes/urls.py

@@ -5,7 +5,7 @@ from . import views
 app_name='repostajes'
 
 urlpatterns = [
-    path('/', views.principal, name='principal'),
+    path('', views.principal, name='principal'),
     path('vehiculos/', views.lista_vehiculos, name='lista_vehiculos'),
     path('vehiculos/nuevo/', views.nuevo_vehiculo, name='nuevo_vehiculo'),
     path('vehiculos/<int:vehiculo_id>/', views.detalle_vehiculo, name='detalle_vehiculo'),

ReyMotaAppsDj/reymota/templates/libros/index.html

@@ -21,35 +21,31 @@
             </div><!--//app-card-body-->            
         </div><!--//inner-->
     </div><!--//app-card-->
-			    <div class="row g-4 mb-4">
-				    <div class="col-6 col-lg-3">
-					    <div class="app-card app-card-stat shadow-sm h-100">
-						    <div class="app-card-body p-3 p-lg-4">
-							    <h4 class="stats-type mb-1">Autores</h4>
-							    <div class="stats-figure">$12,628</div>
-							    <div class="stats-meta text-success">
-								    <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-arrow-up" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 15a.5.5 0 0 0 .5-.5V2.707l3.146 3.147a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L7.5 2.707V14.5a.5.5 0 0 0 .5.5z"/>
-</svg> 20%</div>
-						    </div><!--//app-card-body-->
-						    <a class="app-card-link-mask" href="{% url 'libros:lista_autores' %}"></a>
-					    </div><!--//app-card-->
-				    </div><!--//col-->
-				    
-				    <div class="col-6 col-lg-3">
-					    <div class="app-card app-card-stat shadow-sm h-100">
-						    <div class="app-card-body p-3 p-lg-4">
-							    <h4 class="stats-type mb-1">Libros</h4>
-							    <div class="stats-figure">$2,250</div>
-							    <div class="stats-meta text-success">
-								    <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-arrow-down" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z"/>
-</svg> 5% </div>
-						    </div><!--//app-card-body-->
-						    <a class="app-card-link-mask" href="{% url 'libros:lista_libros' %}"></a>
-					    </div><!--//app-card-->
-				    </div><!--//col-->
-			    </div><!--//row-->    
+
+    <div class="row g-4 mb-4">
+        <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-lg-0" data-aos="zoom-in" data-aos-delay="300">
+            <div class="icon-box iconbox-pink">
+              <div class="icon">
+                <svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
+                  <path stroke="none" stroke-width="0" fill="#f5f5f5" d="M300,541.5067337569781C382.14930387511276,545.0595476570109,479.8736841581634,548.3450877840088,526.4010558755058,480.5488172755941C571.5218469581645,414.80211281144784,517.5187510058486,332.0715597781072,496.52539010469104,255.14436215662573C477.37192572678356,184.95920475031193,473.57363656557914,105.61284051026155,413.0603344069578,65.22779650032875C343.27470386102294,18.654635553484475,251.2091493199835,5.337323636656869,175.0934190732945,40.62881213300186C97.87086631185822,76.43348514350839,51.98124368387456,156.15599469081315,36.44837278890362,239.84606092416172C21.716077023791087,319.22268207091537,43.775223500013084,401.1760424656574,96.891909868211,461.97329694683043C147.22146801428983,519.5804099606455,223.5754009179313,538.201503339737,300,541.5067337569781"></path>
+                </svg>
+				<i class='bx bx-bowl-hot'></i>
+              </div>
+              <h4><a href="{% url 'libros:lista_autores' %}">Autores</a></h4>
+              <p>Mis recetas, probadas por mi y adaptadas</p>
+            </div>
+                        <div class="icon-box iconbox-pink">
+              <div class="icon">
+                <svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
+                  <path stroke="none" stroke-width="0" fill="#f5f5f5" d="M300,541.5067337569781C382.14930387511276,545.0595476570109,479.8736841581634,548.3450877840088,526.4010558755058,480.5488172755941C571.5218469581645,414.80211281144784,517.5187510058486,332.0715597781072,496.52539010469104,255.14436215662573C477.37192572678356,184.95920475031193,473.57363656557914,105.61284051026155,413.0603344069578,65.22779650032875C343.27470386102294,18.654635553484475,251.2091493199835,5.337323636656869,175.0934190732945,40.62881213300186C97.87086631185822,76.43348514350839,51.98124368387456,156.15599469081315,36.44837278890362,239.84606092416172C21.716077023791087,319.22268207091537,43.775223500013084,401.1760424656574,96.891909868211,461.97329694683043C147.22146801428983,519.5804099606455,223.5754009179313,538.201503339737,300,541.5067337569781"></path>
+                </svg>
+				<i class='bx bx-bowl-hot'></i>
+              </div>
+              <h4><a href="{% url 'libros:lista_libros' %}">Libros</a></h4>
+              <p>Mis recetas, probadas por mi y adaptadas</p>
+            </div>
+        </div>
+    </div><!--//row-->
 </div><!--//container-fluid-->
 
 {% endblock %}

ReyMotaAppsDj/reymota/templates/repostajes/index.html

@@ -21,6 +21,31 @@
             </div><!--//app-card-body-->            
         </div><!--//inner-->
     </div><!--//app-card-->
+
+    <div class="row g-4 mb-4">
+        <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-lg-0" data-aos="zoom-in" data-aos-delay="300">
+            <div class="icon-box iconbox-pink">
+              <div class="icon">
+                <svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
+                  <path stroke="none" stroke-width="0" fill="#f5f5f5" d="M300,541.5067337569781C382.14930387511276,545.0595476570109,479.8736841581634,548.3450877840088,526.4010558755058,480.5488172755941C571.5218469581645,414.80211281144784,517.5187510058486,332.0715597781072,496.52539010469104,255.14436215662573C477.37192572678356,184.95920475031193,473.57363656557914,105.61284051026155,413.0603344069578,65.22779650032875C343.27470386102294,18.654635553484475,251.2091493199835,5.337323636656869,175.0934190732945,40.62881213300186C97.87086631185822,76.43348514350839,51.98124368387456,156.15599469081315,36.44837278890362,239.84606092416172C21.716077023791087,319.22268207091537,43.775223500013084,401.1760424656574,96.891909868211,461.97329694683043C147.22146801428983,519.5804099606455,223.5754009179313,538.201503339737,300,541.5067337569781"></path>
+                </svg>
+		<i class='bx bx-bowl-hot'></i>
+              </div>
+              <h4><a href="{% url 'repostajes:lista_vehiculos' %}">Vehículos</a></h4>
+              <p>Mis recetas, probadas por mi y adaptadas</p>
+            </div>
+                        <div class="icon-box iconbox-pink">
+              <div class="icon">
+                <svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
+                  <path stroke="none" stroke-width="0" fill="#f5f5f5" d="M300,541.5067337569781C382.14930387511276,545.0595476570109,479.8736841581634,548.3450877840088,526.4010558755058,480.5488172755941C571.5218469581645,414.80211281144784,517.5187510058486,332.0715597781072,496.52539010469104,255.14436215662573C477.37192572678356,184.95920475031193,473.57363656557914,105.61284051026155,413.0603344069578,65.22779650032875C343.27470386102294,18.654635553484475,251.2091493199835,5.337323636656869,175.0934190732945,40.62881213300186C97.87086631185822,76.43348514350839,51.98124368387456,156.15599469081315,36.44837278890362,239.84606092416172C21.716077023791087,319.22268207091537,43.775223500013084,401.1760424656574,96.891909868211,461.97329694683043C147.22146801428983,519.5804099606455,223.5754009179313,538.201503339737,300,541.5067337569781"></path>
+                </svg>
+		<i class='bx bx-bowl-hot'></i>
+              </div>
+              <h4><a href="{% url 'repostajes:lista_repostajes' %}">Repostajes</a></h4>
+              <p>Mis recetas, probadas por mi y adaptadas</p>
+            </div>
+        </div>
+    </div><!--//row-->
 </div><!--//container-fluid-->
 
 {% endblock %}