CUSP-1345 CUSP-1343 CUSP-1344 - Add older version ability

Signed-off-by: Stephen Simpson <ssimpson89@users.noreply.github.com>

templates/root.html

@@ -15,9 +15,11 @@
     height: auto;
 }
 
+
+
 .version-grid {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+    grid-template-columns: 1fr;
     gap: 1.5rem;
     margin-top: 2rem;
 }
@@ -32,7 +34,7 @@
     }
 
     .version-grid {
-        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+        grid-template-columns: 1fr;
         gap: 1rem;
     }
 
@@ -40,9 +42,21 @@
         padding: 1.5rem;
     }
 
+    .version-card.small {
+        padding: 0.75rem;
+    }
+
+    .version-card.small {
+        padding: 0.75rem;
+    }
+
     .version-number {
         font-size: 2rem;
     }
+
+    .version-card.small .version-number {
+        font-size: 1.5rem;
+    }
 }
 
 @media (max-width: 480px) {
@@ -55,6 +69,10 @@
         gap: 1rem;
     }
 
+    .version-card.small {
+        padding: 0.5rem;
+    }
+
     .intro {
         font-size: 0.9rem;
     }
@@ -71,6 +89,15 @@
     display: block;
 }
 
+.version-card.small {
+    padding: 1rem;
+    opacity: 0.7;
+}
+
+.version-card.small .version-number {
+    font-size: 1.8rem;
+}
+
 .version-card:hover {
     transform: translateY(-2px);
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
@@ -134,15 +161,19 @@
 
     <div class="version-section">
         <h2>Select Version</h2>
+        {% for major, minors in major_groups %}
         <div class="version-grid">
-            {% for version in versions %}
-            <a href="{{ version }}/index.html" class="version-card">
-                <div class="version-number">{{ version }}</div>
+            {% for minor in minors %}
+            <a href="{{ major }}.{{ minor }}/index.html" class="version-card{% if not loop.first %} small{% endif %}">
+                <div class="version-number">{{ major }}.{{ minor }}</div>
+                {% if loop.first %}
                 <div class="version-label">Rocky Linux</div>
                 <div class="version-browse">Browse man pages →</div>
+                {% endif %}
             </a>
             {% endfor %}
         </div>
+        {% endfor %}
     </div>
 </div>
 {% endblock %}