From 1a44f8bd7319cfa9504104996e9067c9c28c439f Mon Sep 17 00:00:00 2001
From: Honey <me_honeyy@proton.me>
Date: Sat, 23 May 2026 18:56:21 +0200
Subject: [PATCH] feat: show newest albums first on home screen, recently
 played below

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 index.html   | 6 +++---
 src/views.js | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index acca6ff..792bfcd 100644
--- a/index.html
+++ b/index.html
@@ -136,12 +136,12 @@
         <div id="home-hero" class="home-hero"></div>
         <div class="section-header" style="margin-top:20px"><span class="section-title">Genres</span><span class="section-more" id="home-genres-more" onclick="toggleAllGenres()" style="display:none">Alle anzeigen</span></div>
         <div id="home-genres" class="genre-grid"></div>
-        <div class="section-header" style="margin-top:20px"><span class="section-title">Zuletzt gespielt</span></div>
+        <div class="section-header" style="margin-top:20px"><span class="section-title">Neueste Alben</span><span class="section-more" onclick="navigate('albums')">Mehr</span></div>
+        <div class="scroll-row" id="home-newest"></div>
+        <div class="section-header"><span class="section-title">Zuletzt gespielt</span></div>
         <div class="scroll-row" id="home-recent"></div>
         <div class="section-header"><span class="section-title">Zufällig</span><span class="section-more" onclick="navigate('random')">Mehr</span></div>
         <div class="scroll-row" id="home-random"></div>
-        <div class="section-header"><span class="section-title">Neueste Alben</span><span class="section-more" onclick="navigate('albums')">Mehr</span></div>
-        <div class="scroll-row" id="home-newest"></div>
         <div class="section-header"><span class="section-title">Häufig gespielt</span></div>
         <div class="scroll-row" id="home-frequent"></div>
       </div>
diff --git a/src/views.js b/src/views.js
index 9fc615e..4ada3ac 100644
--- a/src/views.js
+++ b/src/views.js
@@ -112,9 +112,9 @@ export async function loadHomeData() {
 
   loadHeroCard();
   loadGenreSection();
+  loadAlbumRow('home-newest',   'getAlbumList2', '&type=newest&size=20');
   loadAlbumRow('home-recent',   'getAlbumList2', '&type=recent&size=20');
   loadAlbumRow('home-random',   'getAlbumList2', '&type=random&size=20');
-  loadAlbumRow('home-newest',   'getAlbumList2', '&type=newest&size=20');
   loadAlbumRow('home-frequent', 'getAlbumList2', '&type=frequent&size=20');
 }