Fixed many things, like the home page not working

rides/urls.py

@@ -4,6 +4,7 @@ from . import views
 app_name = 'rides'  # Add namespace
 
 urlpatterns = [
+    path('all/', views.RideListView.as_view(), name='all_rides'),  # New pattern for all rides
     path('', views.RideListView.as_view(), name='ride_list'),
     path('create/', views.RideCreateView.as_view(), name='ride_create'),
     path('<slug:ride_slug>/edit/', views.RideUpdateView.as_view(), name='ride_edit'),

templates/home.html

@@ -18,7 +18,7 @@
                class="px-8 py-3 text-lg btn-primary">
                 Explore Parks
             </a>
-            <a href="{% url 'parks:all_rides' %}" 
+            <a href="{% url 'rides:all_rides' %}" 
                class="px-8 py-3 text-lg btn-secondary">
                 View Rides
             </a>

templates/parks/park_detail.html

@@ -9,6 +9,8 @@
     <div class="p-6 mb-6 bg-white rounded-lg shadow dark:bg-gray-800">
         <div class="flex flex-col lg:flex-row lg:items-start lg:justify-between">
             <div class="mb-6 lg:mb-0 lg:mr-6 lg:flex-1">
+                <div class="flex items-start justify-between">
+                    <div>
                         <h1 class="mb-2 text-3xl font-bold text-gray-900 dark:text-white">{{ park.name }}</h1>
                         {% if park.city or park.state or park.country %}
                             <p class="mb-2 text-gray-600 dark:text-gray-400">
@@ -20,6 +22,20 @@
                                 {% if park.country %}{{ park.country }}{% endif %}
                             </p>
                         {% endif %}
+                    </div>
+                    {% if user.is_authenticated %}
+                        <div class="flex gap-2">
+                            <a href="{% url 'parks:park_update' park.slug %}" class="btn-secondary">
+                                <i class="mr-2 fas fa-pencil-alt"></i>Edit
+                            </a>
+                            {% if perms.media.add_photo %}
+                                <button class="btn-secondary" @click="$dispatch('show-photo-upload')">
+                                    <i class="mr-2 fas fa-camera"></i>Upload Photo
+                                </button>
+                            {% endif %}
+                        </div>
+                    {% endif %}
+                </div>
                 <div class="flex flex-wrap gap-2 mt-3">
                     <span class="status-badge {% if park.status == 'OPERATING' %}status-operating
                                {% elif park.status == 'CLOSED_TEMP' or park.status == 'CLOSED_PERM' %}status-closed
@@ -34,16 +50,6 @@
                             {{ park.average_rating|floatformat:1 }}/10
                         </span>
                     {% endif %}
-                    {% if park.total_rides %}
-                        <span class="text-blue-800 bg-blue-100 status-badge dark:bg-blue-700 dark:text-blue-50">
-                            {{ park.total_rides }} Rides
-                        </span>
-                    {% endif %}
-                    {% if park.total_roller_coasters %}
-                        <span class="text-purple-800 bg-purple-100 status-badge dark:bg-purple-700 dark:text-purple-50">
-                            {{ park.total_roller_coasters }} Roller Coasters
-                        </span>
-                    {% endif %}
                 </div>
             </div>
 
@@ -79,21 +85,32 @@
                             <dd class="font-medium text-gray-900 dark:text-white">{{ park.size_acres }} acres</dd>
                         </div>
                     {% endif %}
+                    {% if park.total_rides %}
+                        <div>
+                            <dt class="text-sm text-gray-500">Total Rides</dt>
+                            <dd class="font-medium text-gray-900 dark:text-white">{{ park.total_rides }}</dd>
+                        </div>
+                    {% endif %}
+                    {% if park.total_roller_coasters %}
+                        <div>
+                            <dt class="text-sm text-gray-500">Roller Coasters</dt>
+                            <dd class="font-medium text-gray-900 dark:text-white">{{ park.total_roller_coasters }}</dd>
+                        </div>
+                    {% endif %}
+                    {% if park.website %}
+                        <div class="col-span-2">
+                            <dt class="text-sm text-gray-500">Website</dt>
+                            <dd class="font-medium text-gray-900 dark:text-white">
+                                <a href="{{ park.website }}" 
+                                   class="text-blue-600 hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300"
+                                   target="_blank" rel="noopener noreferrer">
+                                    <i class="mr-2 fas fa-external-link-alt"></i>Official Website
+                                </a>
+                            </dd>
+                        </div>
+                    {% endif %}
                 </dl>
             </div>
-
-            {% if user.is_authenticated %}
-                <div class="flex gap-2 mt-6 lg:mt-0">
-                    <a href="{% url 'parks:park_update' park.slug %}" class="btn-secondary">
-                        <i class="mr-2 fas fa-edit"></i>Edit
-                    </a>
-                    {% if perms.media.add_photo %}
-                        <button class="btn-secondary" @click="$dispatch('show-photo-upload')">
-                            <i class="mr-2 fas fa-camera"></i>Upload Photo
-                        </button>
-                    {% endif %}
-                </div>
-            {% endif %}
         </div>
     </div>
 
@@ -161,18 +178,6 @@
                 </div>
             {% endif %}
 
-            {% if park.website %}
-                <div class="p-6 mb-6 bg-white rounded-lg shadow dark:bg-gray-800">
-                    <h2 class="mb-4 text-xl font-semibold text-gray-900 dark:text-white">Links</h2>
-                    <a href="{{ park.website }}" 
-                       class="inline-flex items-center text-blue-600 hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300"
-                       target="_blank" rel="noopener noreferrer">
-                        <i class="mr-2 fas fa-external-link-alt"></i>
-                        Official Website
-                    </a>
-                </div>
-            {% endif %}
-
             <!-- History Panel -->
             <div class="p-6 mb-6 bg-white rounded-lg shadow dark:bg-gray-800">
                 <h2 class="mb-4 text-xl font-semibold text-gray-900 dark:text-white">History</h2>

templates/parks/partials/location_widget.html

@@ -38,7 +38,7 @@
     </div>
 
     {# Map Container #}
-    <div class="relative mb-4" style="z-index: -1;">
+    <div class="relative mb-4" style="z-index: 1;">
         <div id="locationMap" class="h-[300px] w-full rounded-lg border border-gray-300 dark:border-gray-600"></div>
     </div>
 

templates/rides/ride_detail.html

@@ -40,7 +40,7 @@
             {% if user.is_authenticated %}
                 <div class="flex gap-2">
                     <a href="{% url 'parks:rides:ride_edit' park_slug=ride.park.slug ride_slug=ride.slug %}" class="btn-secondary">
-                        <i class="mr-2 fas fa-edit"></i>Edit
+                        <i class="mr-2 fas fa-pencil-alt"></i>Edit
                     </a>
                     {% if perms.media.add_photo %}
                         <button class="btn-secondary" @click="$dispatch('show-photo-upload')">