MizaGBF
diff --git a/‎css/style.css
Lines changed: 11 additions & 0 deletions b/‎css/style.css
Lines changed: 11 additions & 0 deletions
diff --git a/‎index.html
Lines changed: 2 additions & 2 deletions b/‎index.html
Lines changed: 2 additions & 2 deletions
diff --git a/‎index.js
Lines changed: 16 additions & 9 deletions b/‎index.js
Lines changed: 16 additions & 9 deletions
@@ -479,6 +479,13 @@ a:active {
 	font-size: 1em;
 }
 
+.updated-header {
+	min-width: 100%;
+	max-width: 100%;
+	text-align: center;
+	font-size: 25px;
+}
+
 /* mobile stuff */
 @media (hover: none) {
 	body {
@@ -657,4 +664,8 @@ a:active {
 		height: 120px;
 		margin: 5px;
 	}
+
+	.updated-header {
+		font-size: 40px;
+	}
 }
@@ -30,7 +30,7 @@
 <body onload="init()">
 	<a href="index.html"><img id="titleheader" src="assets/ui/header.png" alt="header"></a>
 	<div id="header">
-		<div>v7.10</div>
+		<div>v7.11</div>
 		<div id="timestamp"></div>
 	</div>
 	<div id="issues" style="display:none">
@@ -40,7 +40,7 @@ <h3>Known Issues</h3>
 	<div>
 		<button class="tabbutton" id="tab-index" onclick="openTab('index')"><img class="btn-icon" src="assets/ui/icon/index.png" />Index</button>
 		<button class="tabbutton" id="tab-view" onclick="openTab('view')" style="display:none"><img class="btn-icon" src="assets/ui/icon/view.png" />Player</button>
-		<button class="tabbutton" id="tab-new" onclick="openTab('new')"><img class="btn-icon" src="assets/ui/icon/new.png" />Newest</button>
+		<button class="tabbutton" id="tab-new" onclick="openTab('new')"><img class="btn-icon" src="assets/ui/icon/new.png" />Updated</button>
 		<button class="tabbutton" id="tab-history" onclick="openTab('history')"><img class="btn-icon" src="assets/ui/icon/history.png" />History</button>
 		<button class="tabbutton" id="tab-bookmark" onclick="openTab('bookmark')"><img class="btn-icon" src="assets/ui/icon/bookmark.png" />Bookmarks</button>
 		<button class="tabbutton" id="tab-about" onclick="openTab('about')"><img class="btn-icon" src="assets/ui/icon/about.png" />About</button>
 
@@ -100,7 +100,8 @@ var Game = LOCAL ? // Game variable used by GBF scripts
 };
 var debug_path = null;
 // global variables
-var index = {} // data index (loaded from data.json)
+var updated = {}; // latest updated elements
+var index = {}; // data index (loaded from data.json)
 var timestamp = Date.now(); // timestamp (loaded from changelog.json)
 var lastsearches = []; // history
 var bookmarks = []; // bookmarks
@@ -205,9 +206,7 @@ function initChangelog(unusued)
 	{
 		let json = JSON.parse(this.response);
 		if(json.hasOwnProperty("new"))
-		{
-			updated = json["new"].reverse();
-		}
+			updated = json["new"]
 		timestamp = json.timestamp;
 		setInterval(clock, 1000);
 	}
@@ -223,11 +222,18 @@ function initIndex(unused)
 	try
 	{
 		index = JSON.parse(this.response);
-		// init updated, bookmark, history ...
-		if(updated.length > 0) // init Updated list
+		// init Updated list
+		let new_node = document.getElementById('new');
+		for(const [key, value] of Object.entries(updated))
 		{
-			updateList(document.getElementById('new'), updated);
+			let div = document.createElement("div");
+			div.classList.add("mobile-big");
+			div.classList.add("updated-header");
+			div.innerText = key;
+			new_node.appendChild(div);
+			updateList(new_node, value.reverse(), false);
 		}
+		// init bookmark, history ...
 		updateHistory(null, null);
 		toggleBookmark(null, null);
 	}
@@ -709,9 +715,10 @@ function failJSON(id)
 	document.getElementById('output').innerHTML = "Error: Couldn't load ID " + id;
 }
 
-function updateList(node, elems) // update a list of elements
+function updateList(node, elems, clear_node = true) // update a list of elements
 {
-	node.innerHTML = "";
+	if(clear_node)
+		node.innerHTML = "";
 	for(let e of elems)
 	{
 		switch(e[1])