Merge pull request #1664 from scalacenter/fix-homepage-jun-2024

better organize versions on homepage

Author: bishabosha

_layouts/frontpage.html

@@ -44,20 +44,38 @@
           <div class="inner-text">
             <div class="hero-logo hide-lg"></div>
             <h2>{{page.headerSubtitle}}</h2>
+
+            {% for release in site.data.scala-releases %}
+              {% assign version_slice = release.version | slice: 0, 2 %}
+              {% if release.category == 'current_version' %}
+                {% if version_slice == '3.' %}
+                  {% unless release.title contains "LTS" %}
+                    {% assign scala_next_release = release %}
+                  {% endunless %}
+                  {% if release.title contains "LTS" %}
+                    {% assign scala_lts_release = release %}
+                  {% endif %}
+                {% else %}
+                  {% assign scala_2_version = release.version %}
+                {% endif %}
+              {% endif %}
+            {% endfor %}
+
             <div class="button-row__container">
               <div class="button-row">
-                {% for release in site.data.scala-releases %}
-                {% if release.category == "current_version" %}
-                <a href="/download/{{ release.version }}.html" class="button">
-                  Scala {{ release.version }}
+                <a href="/download/{{ scala_next_release.version }}.html" class="button">
+                  Latest Release: {{ scala_next_release.version }}
                 </a>
-                {% endif %}
-                {% endfor %}
-                <a href="/download/all.html" class="button">
-                  All Releases
+                <a href="/download/{{ scala_lts_release.version }}.html" class="button">
+                  LTS Release: {{ scala_lts_release.version }}
                 </a>
               </div>
             </div>
+            <p>
+              <a href="/download/all.html">
+                Scala {{scala_2_version}} and older releases
+              </a>
+            </p>
           </div>
         </div>
         <div class="col-lg-6">

_sass/layout/inner-text.scss

@@ -37,6 +37,10 @@
             margin-bottom: $padding-medium;
         }
 
+        p {
+            margin-top: 10px;
+        }
+
         @include bp(large) {
             .button {
                 margin-bottom: 3px;
@@ -46,6 +50,11 @@
                 font-size: 1.4rem;
                 text-align: center;
             }
+
+            p {
+                font-size: 1.2rem;
+                text-align: center;
+            }
         }
     }
 }