+
From 60a08d4573a731c478178f23e2195cc16e573c01 Mon Sep 17 00:00:00 2001
From: gablilli <167802854+gablilli@users.noreply.github.com>
Date: Sun, 25 Jan 2026 12:08:46 +0100
Subject: [PATCH 02/29] feat: sort from data, size, version - css
---
static/css/style.css | 10 ++++++++++
1 file changed, 10 insertions(+)
diff --git a/static/css/style.css b/static/css/style.css
index ec65628..37f5710 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -57,6 +57,16 @@ header {
transition: transform .45s var(--ease);
}
+#sortSelect {
+ padding: 10px 12px;
+ border-radius: var(--radius);
+ border: 1px solid rgba(255,255,255,0.1);
+ background: rgba(255,255,255,0.03);
+ color: var(--text);
+ font-size: 14px;
+ outline: none;
+}
+
#backBtn {
display: none;
}
From 9d6ace9434e26334298a36b6a4bf72918430d2fc Mon Sep 17 00:00:00 2001
From: gablilli <167802854+gablilli@users.noreply.github.com>
Date: Sun, 25 Jan 2026 12:16:01 +0100
Subject: [PATCH 03/29] feat: sort from date, size, version -js
---
static/app.js | 66 +++++++++++++++++++++++++++++++++++++++++++++++----
1 file changed, 62 insertions(+), 4 deletions(-)
diff --git a/static/app.js b/static/app.js
index f9669ff..b2c0c4b 100644
--- a/static/app.js
+++ b/static/app.js
@@ -6,6 +6,10 @@ const searchInput = document.getElementById('searchInput');
const toast = document.getElementById('toast');
const importBtn = document.getElementById("importBtn");
const header = document.querySelector("header");
+const sortSelect = document.getElementById("sortSelect");
+let currentSort = "newest";
+
+sortSelect.style.display = "none";
let currentApps = [];
let viewingRepoUrl = null;
@@ -75,6 +79,54 @@ function indexRepoApps(repo) {
});
}
+/* ================= utility sorting ================ */
+
+function getAppDate(app) {
+ if (app.fullDate) return Number(app.fullDate);
+ const d =
+ app.versionDate ||
+ app.versions?.[0]?.versionDate;
+ return d ? new Date(d).getTime() : 0;
+}
+
+function getAppSize(app) {
+ return app.versions?.[0]?.size || app.size || 0;
+}
+
+function getAppVersion(app) {
+ return app.versions?.[0]?.version || app.version || "";
+}
+
+function sortApps(apps) {
+ const arr = apps.slice();
+
+ switch (currentSort) {
+ case "oldest":
+ return arr.sort((a,b)=>getAppDate(a)-getAppDate(b));
+
+ case "size_desc":
+ return arr.sort((a,b)=>getAppSize(b)-getAppSize(a));
+
+ case "size_asc":
+ return arr.sort((a,b)=>getAppSize(a)-getAppSize(b));
+
+ case "version":
+ return arr.sort((a,b)=>
+ String(getAppVersion(b))
+ .localeCompare(getAppVersion(a), undefined, {numeric:true})
+ );
+
+ default: // newest
+ return arr.sort((a,b)=>getAppDate(b)-getAppDate(a));
+ }
+}
+
+/* sorting listener */
+sortSelect.addEventListener("change", () => {
+ currentSort = sortSelect.value;
+ applySearch();
+});
+
/* ================= load global repos ================= */
let reposLoaded = false;
@@ -203,6 +255,7 @@ async function openRepo(url,useProxy){
viewingRepoUrl = url;
searchInput.value = "";
window.scrollTo({ top: 0 });
+ sortSelect.style.display = "";
reposArea.style.display="none";
appsArea.innerHTML="";
@@ -256,10 +309,11 @@ function applySearch() {
filteredApps=[];
loaded=0;
window.onscroll=null;
+ sortSelect.style.display = "none";
return;
}
-
- filteredApps = base.slice();
+
+ filteredApps = sortApps(base);
loaded = 0;
appsArea.innerHTML = "";
renderNextBatch();
@@ -267,8 +321,11 @@ function applySearch() {
}
if (!viewingRepoUrl) reposArea.style.display = "none";
-
- filteredApps = base.filter(a => a.name?.toLowerCase().includes(q));
+ sortSelect.style.display = "";
+
+ filteredApps = sortApps(
+ base.filter(a => a.name?.toLowerCase().includes(q))
+ );
loaded = 0;
appsArea.innerHTML = "";
renderNextBatch();
@@ -366,6 +423,7 @@ backBtn.addEventListener("click", () => {
window.onscroll = null;
filteredApps = [];
loaded = 0;
+ sortSelect.style.display = "none";
if (reposLoaded) {
reposArea.style.display = "";
From 8955b11cc74781be24aaff452a3b7c4e47f04494 Mon Sep 17 00:00:00 2001
From: gablilli <167802854+gablilli@users.noreply.github.com>
Date: Sun, 25 Jan 2026 12:28:58 +0100
Subject: [PATCH 04/29] fix: show "version" when is needeed
---
static/app.js | 16 ++++++++++++++++
1 file changed, 16 insertions(+)
diff --git a/static/app.js b/static/app.js
index b2c0c4b..d3c3f9c 100644
--- a/static/app.js
+++ b/static/app.js
@@ -127,6 +127,17 @@ sortSelect.addEventListener("change", () => {
applySearch();
});
+/* helper for showing version when its time */
+function toggleVersionSort(show) {
+ const opt = sortSelect.querySelector('option[value="version"]');
+ if (opt) opt.style.display = show ? "" : "none";
+
+ if (!show && currentSort === "version") {
+ currentSort = "newest";
+ sortSelect.value = "newest";
+ }
+}
+
/* ================= load global repos ================= */
let reposLoaded = false;
@@ -256,6 +267,7 @@ async function openRepo(url,useProxy){
searchInput.value = "";
window.scrollTo({ top: 0 });
sortSelect.style.display = "";
+ toggleVersionSort(false);
reposArea.style.display="none";
appsArea.innerHTML="";
@@ -296,6 +308,9 @@ function renderNextBatch() {
function applySearch() {
const q = searchInput.value.trim().toLowerCase();
+ const isGlobalSearch = !viewingRepoUrl;
+ const hasQuery = q.length > 0;
+ toggleVersionSort(isGlobalSearch || hasQuery);
const base = viewingRepoUrl ? currentApps : allAppsIndex;
if (!q) {
@@ -430,6 +445,7 @@ backBtn.addEventListener("click", () => {
[...reposArea.children].forEach((el, i) => {
el.classList.remove("show");
requestAnimationFrame(() => setTimeout(() => el.classList.add("show"), i * 60));
+ toggleVersionSort(false);
});
}
});
From 508f34ea3940753b9572c3419e6a840b905790cc Mon Sep 17 00:00:00 2001
From: gablilli <167802854+gablilli@users.noreply.github.com>
Date: Sun, 25 Jan 2026 12:33:47 +0100
Subject: [PATCH 05/29] feat: test - add an animation
---
static/css/style.css | 7 +++++++
1 file changed, 7 insertions(+)
diff --git a/static/css/style.css b/static/css/style.css
index 37f5710..8f754c4 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -65,8 +65,15 @@ header {
color: var(--text);
font-size: 14px;
outline: none;
+ opacity: 0;
+ transition: opacity 0.25s ease;
}
+#sortSelect.show {
+ opacity: 1;
+}
+
+
#backBtn {
display: none;
}
From 11f903da9aebbe0de674c5a17f6f318d45bef659 Mon Sep 17 00:00:00 2001
From: gablilli <167802854+gablilli@users.noreply.github.com>
Date: Sun, 25 Jan 2026 12:34:26 +0100
Subject: [PATCH 06/29] feat: animation for tsorting - js
---
static/app.js | 8 ++++++++
1 file changed, 8 insertions(+)
diff --git a/static/app.js b/static/app.js
index d3c3f9c..67c98a7 100644
--- a/static/app.js
+++ b/static/app.js
@@ -136,6 +136,14 @@ function toggleVersionSort(show) {
currentSort = "newest";
sortSelect.value = "newest";
}
+
+ if (show) {
+ sortSelect.style.display = "inline-block";
+ requestAnimationFrame(() => sortSelect.classList.add("show"));
+ } else {
+ sortSelect.classList.remove("show");
+ setTimeout(() => sortSelect.style.display = "none", 250);
+ }
}
/* ================= load global repos ================= */
From 6ef022bf72c277a08c3a310d894a144f122ae776 Mon Sep 17 00:00:00 2001
From: gablilli <167802854+gablilli@users.noreply.github.com>
Date: Sun, 25 Jan 2026 12:44:14 +0100
Subject: [PATCH 07/29] feat: toggle aniamtion - js
---
static/app.js | 7 +++----
1 file changed, 3 insertions(+), 4 deletions(-)
diff --git a/static/app.js b/static/app.js
index 67c98a7..eb80e37 100644
--- a/static/app.js
+++ b/static/app.js
@@ -274,7 +274,6 @@ async function openRepo(url,useProxy){
viewingRepoUrl = url;
searchInput.value = "";
window.scrollTo({ top: 0 });
- sortSelect.style.display = "";
toggleVersionSort(false);
reposArea.style.display="none";
@@ -332,7 +331,7 @@ function applySearch() {
filteredApps=[];
loaded=0;
window.onscroll=null;
- sortSelect.style.display = "none";
+ toggleVersionSort(true);
return;
}
@@ -344,7 +343,7 @@ function applySearch() {
}
if (!viewingRepoUrl) reposArea.style.display = "none";
- sortSelect.style.display = "";
+ toggleVersionSort(true);
filteredApps = sortApps(
base.filter(a => a.name?.toLowerCase().includes(q))
@@ -446,7 +445,7 @@ backBtn.addEventListener("click", () => {
window.onscroll = null;
filteredApps = [];
loaded = 0;
- sortSelect.style.display = "none";
+ toggleVersionSort(false);
if (reposLoaded) {
reposArea.style.display = "";
From 26f6a11a8bf906d4c4cdc5c7cc4015620a5f06cb Mon Sep 17 00:00:00 2001
From: gablilli <167802854+gablilli@users.noreply.github.com>
Date: Sun, 25 Jan 2026 13:29:20 +0100
Subject: [PATCH 08/29] fix: various tweaks
---
static/app.js | 11 ++++++++---
1 file changed, 8 insertions(+), 3 deletions(-)
diff --git a/static/app.js b/static/app.js
index eb80e37..7b877be 100644
--- a/static/app.js
+++ b/static/app.js
@@ -139,7 +139,13 @@ function toggleVersionSort(show) {
if (show) {
sortSelect.style.display = "inline-block";
- requestAnimationFrame(() => sortSelect.classList.add("show"));
+ sortSelect.style.opacity = "0";
+ sortSelect.style.transform = "translateY(-6px)";
+
+ requestAnimationFrame(() => {
+ sortSelect.classList.add("show");
+ });
+
} else {
sortSelect.classList.remove("show");
setTimeout(() => sortSelect.style.display = "none", 250);
@@ -317,7 +323,6 @@ function applySearch() {
const q = searchInput.value.trim().toLowerCase();
const isGlobalSearch = !viewingRepoUrl;
const hasQuery = q.length > 0;
- toggleVersionSort(isGlobalSearch || hasQuery);
const base = viewingRepoUrl ? currentApps : allAppsIndex;
if (!q) {
@@ -331,7 +336,7 @@ function applySearch() {
filteredApps=[];
loaded=0;
window.onscroll=null;
- toggleVersionSort(true);
+ toggleVersionSort(false);
return;
}
From df8153858bb256c7b9a0c71ad744ece1cf838437 Mon Sep 17 00:00:00 2001
From: gablilli <167802854+gablilli@users.noreply.github.com>
Date: Sun, 25 Jan 2026 13:29:58 +0100
Subject: [PATCH 09/29] fix: style tweaks
---
static/css/style.css | 5 ++++-
1 file changed, 4 insertions(+), 1 deletion(-)
diff --git a/static/css/style.css b/static/css/style.css
index 8f754c4..da134bf 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -66,14 +66,17 @@ header {
font-size: 14px;
outline: none;
opacity: 0;
- transition: opacity 0.25s ease;
+ transform: translateY(-6px);
+ transition: opacity 0.25s, transform 0.25s;
}
#sortSelect.show {
opacity: 1;
+ transform: translateY(0);
}
+
#backBtn {
display: none;
}
From 65e552870cb401064be85a52cf8d114632049302 Mon Sep 17 00:00:00 2001
From: gablilli <167802854+gablilli@users.noreply.github.com>
Date: Sun, 25 Jan 2026 13:30:14 +0100
Subject: [PATCH 10/29] fix: spaces
---
static/css/style.css | 2 --
1 file changed, 2 deletions(-)
diff --git a/static/css/style.css b/static/css/style.css
index da134bf..fa1bd87 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -75,8 +75,6 @@ header {
transform: translateY(0);
}
-
-
#backBtn {
display: none;
}
From bbdddb45db485e51fc2059550ef0c4e752ad597a Mon Sep 17 00:00:00 2001
From: gablilli <167802854+gablilli@users.noreply.github.com>
Date: Sun, 25 Jan 2026 13:35:10 +0100
Subject: [PATCH 11/29] fix: stle tweaks
---
static/css/style.css | 3 ++-
1 file changed, 2 insertions(+), 1 deletion(-)
diff --git a/static/css/style.css b/static/css/style.css
index fa1bd87..4319e90 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -68,11 +68,12 @@ header {
opacity: 0;
transform: translateY(-6px);
transition: opacity 0.25s, transform 0.25s;
+ visibility: hidden;
}
-
#sortSelect.show {
opacity: 1;
transform: translateY(0);
+ visibility: visible;
}
#backBtn {
From 1bffcc5910e9725db3edf6f221ed531f82bd2a33 Mon Sep 17 00:00:00 2001
From: gablilli <167802854+gablilli@users.noreply.github.com>
Date: Sun, 25 Jan 2026 13:35:46 +0100
Subject: [PATCH 12/29] fix: js tweaks
---
static/app.js | 10 +---------
1 file changed, 1 insertion(+), 9 deletions(-)
diff --git a/static/app.js b/static/app.js
index 7b877be..c6e652a 100644
--- a/static/app.js
+++ b/static/app.js
@@ -138,17 +138,9 @@ function toggleVersionSort(show) {
}
if (show) {
- sortSelect.style.display = "inline-block";
- sortSelect.style.opacity = "0";
- sortSelect.style.transform = "translateY(-6px)";
-
- requestAnimationFrame(() => {
- sortSelect.classList.add("show");
- });
-
+ requestAnimationFrame(() => sortSelect.classList.add("show"));
} else {
sortSelect.classList.remove("show");
- setTimeout(() => sortSelect.style.display = "none", 250);
}
}
From f487ab1834c27cc778383c43999bea0c6f29aa04 Mon Sep 17 00:00:00 2001
From: gablilli <167802854+gablilli@users.noreply.github.com>
Date: Sun, 25 Jan 2026 13:43:10 +0100
Subject: [PATCH 13/29] fix: tweaks
---
static/css/style.css | 3 ++-
1 file changed, 2 insertions(+), 1 deletion(-)
diff --git a/static/css/style.css b/static/css/style.css
index 4319e90..b50f0f4 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -67,9 +67,10 @@ header {
outline: none;
opacity: 0;
transform: translateY(-6px);
- transition: opacity 0.25s, transform 0.25s;
visibility: hidden;
+ transition: opacity 0.25s var(--ease), transform 0.25s var(--ease);
}
+
#sortSelect.show {
opacity: 1;
transform: translateY(0);
From 36ceec4d6c9cf73786f309f04f00f73f0b6ce37a Mon Sep 17 00:00:00 2001
From: gablilli <167802854+gablilli@users.noreply.github.com>
Date: Sun, 25 Jan 2026 13:45:03 +0100
Subject: [PATCH 14/29] fix: fixes to js
---
static/app.js | 41 ++++++++++++++++-------------------------
1 file changed, 16 insertions(+), 25 deletions(-)
diff --git a/static/app.js b/static/app.js
index c6e652a..af9bbb7 100644
--- a/static/app.js
+++ b/static/app.js
@@ -128,19 +128,18 @@ sortSelect.addEventListener("change", () => {
});
/* helper for showing version when its time */
-function toggleVersionSort(show) {
- const opt = sortSelect.querySelector('option[value="version"]');
- if (opt) opt.style.display = show ? "" : "none";
+function toggleVersionSort({ show = false, inRepo = false, hasQuery = false } = {}) {
+ const optVersion = sortSelect.querySelector('option[value="version"]');
- if (!show && currentSort === "version") {
- currentSort = "newest";
- sortSelect.value = "newest";
- }
-
- if (show) {
- requestAnimationFrame(() => sortSelect.classList.add("show"));
+ if (inRepo) {
+ if (optVersion) optVersion.style.display = hasQuery ? "" : "none";
+ sortSelect.classList.add("show");
} else {
- sortSelect.classList.remove("show");
+ if (show) {
+ sortSelect.classList.add("show");
+ } else {
+ sortSelect.classList.remove("show");
+ }
}
}
@@ -328,34 +327,26 @@ function applySearch() {
filteredApps=[];
loaded=0;
window.onscroll=null;
- toggleVersionSort(false);
+ toggleVersionSort({ show: false });
return;
}
-
+
filteredApps = sortApps(base);
loaded = 0;
appsArea.innerHTML = "";
renderNextBatch();
+ toggleVersionSort({ show: true, inRepo: true, hasQuery: false });
return;
}
if (!viewingRepoUrl) reposArea.style.display = "none";
- toggleVersionSort(true);
-
- filteredApps = sortApps(
- base.filter(a => a.name?.toLowerCase().includes(q))
- );
+
+ filteredApps = sortApps(base.filter(a => a.name?.toLowerCase().includes(q)));
loaded = 0;
appsArea.innerHTML = "";
renderNextBatch();
- if (!viewingRepoUrl) {
- window.onscroll = () => {
- if(window.innerHeight + window.scrollY >= document.body.offsetHeight - 120){
- if(loaded < filteredApps.length) renderNextBatch();
- }
- };
- }
+ toggleVersionSort({ show: true, inRepo: viewingRepoUrl, hasQuery: true });
}
let searchTimeout;
From 41746a270d73d899008681f385366ca4240df705 Mon Sep 17 00:00:00 2001
From: gablilli <167802854+gablilli@users.noreply.github.com>
Date: Sun, 25 Jan 2026 13:47:02 +0100
Subject: [PATCH 15/29] fix: revert and readd infinite scroll
---
static/app.js | 9 ++++++++-
1 file changed, 8 insertions(+), 1 deletion(-)
diff --git a/static/app.js b/static/app.js
index af9bbb7..c2d14eb 100644
--- a/static/app.js
+++ b/static/app.js
@@ -345,8 +345,15 @@ function applySearch() {
loaded = 0;
appsArea.innerHTML = "";
renderNextBatch();
-
toggleVersionSort({ show: true, inRepo: viewingRepoUrl, hasQuery: true });
+
+ if (!viewingRepoUrl) {
+ window.onscroll = () => {
+ if(window.innerHeight + window.scrollY >= document.body.offsetHeight - 120){
+ if(loaded < filteredApps.length) renderNextBatch();
+ }
+ };
+ }
}
let searchTimeout;
From b74a6bd64bd7863bb17b0481f66d9105d2cc23c9 Mon Sep 17 00:00:00 2001
From: gablilli <167802854+gablilli@users.noreply.github.com>
Date: Sun, 25 Jan 2026 13:51:12 +0100
Subject: [PATCH 16/29] fix: fixes
---
static/app.js | 21 ++++++++++-----------
1 file changed, 10 insertions(+), 11 deletions(-)
diff --git a/static/app.js b/static/app.js
index c2d14eb..d7f2e6f 100644
--- a/static/app.js
+++ b/static/app.js
@@ -9,8 +9,6 @@ const header = document.querySelector("header");
const sortSelect = document.getElementById("sortSelect");
let currentSort = "newest";
-sortSelect.style.display = "none";
-
let currentApps = [];
let viewingRepoUrl = null;
let allAppsIndex = [];
@@ -128,18 +126,19 @@ sortSelect.addEventListener("change", () => {
});
/* helper for showing version when its time */
-function toggleVersionSort({ show = false, inRepo = false, hasQuery = false } = {}) {
- const optVersion = sortSelect.querySelector('option[value="version"]');
+function toggleVersionSort({ show, inRepo = false, hasQuery = false }) {
+ const opt = sortSelect.querySelector('option[value="version"]');
+ if (opt) opt.style.display = (inRepo && !hasQuery) ? "none" : "";
+
+ if (!show && sortSelect.value === "version") {
+ currentSort = "newest";
+ sortSelect.value = "newest";
+ }
- if (inRepo) {
- if (optVersion) optVersion.style.display = hasQuery ? "" : "none";
+ if (show) {
sortSelect.classList.add("show");
} else {
- if (show) {
- sortSelect.classList.add("show");
- } else {
- sortSelect.classList.remove("show");
- }
+ sortSelect.classList.remove("show");
}
}
From 12fa3c69c10ddefef15f7165a2cac86334e27131 Mon Sep 17 00:00:00 2001
From: gablilli <167802854+gablilli@users.noreply.github.com>
Date: Sun, 25 Jan 2026 21:53:07 +0100
Subject: [PATCH 17/29] fix: tweaks
---
static/css/style.css | 11 +++++++----
1 file changed, 7 insertions(+), 4 deletions(-)
diff --git a/static/css/style.css b/static/css/style.css
index b50f0f4..de4c1f1 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -64,17 +64,20 @@ header {
background: rgba(255,255,255,0.03);
color: var(--text);
font-size: 14px;
+ position: absolute;
+ right: 0;
+ top: 50%;
outline: none;
+ transform: translateY(-50%) translateY(-6px);
opacity: 0;
- transform: translateY(-6px);
- visibility: hidden;
+ pointer-events: none;
transition: opacity 0.25s var(--ease), transform 0.25s var(--ease);
}
#sortSelect.show {
opacity: 1;
- transform: translateY(0);
- visibility: visible;
+ transform: translateY(-50%) translateY(0);
+ pointer-events: auto;
}
#backBtn {
From 201dc8169edf13e4f82ab8baee7b0e4c3fda65b4 Mon Sep 17 00:00:00 2001
From: gablilli <167802854+gablilli@users.noreply.github.com>
Date: Mon, 26 Jan 2026 14:57:12 +0100
Subject: [PATCH 18/29] fix: minor tweaks
---
static/css/style.css | 5 +++--
1 file changed, 3 insertions(+), 2 deletions(-)
diff --git a/static/css/style.css b/static/css/style.css
index de4c1f1..81ec429 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -68,7 +68,7 @@ header {
right: 0;
top: 50%;
outline: none;
- transform: translateY(-50%) translateY(-6px);
+ transform: translateY(-50%);
opacity: 0;
pointer-events: none;
transition: opacity 0.25s var(--ease), transform 0.25s var(--ease);
@@ -76,7 +76,7 @@ header {
#sortSelect.show {
opacity: 1;
- transform: translateY(-50%) translateY(0);
+ transform: translateY(-50%);
pointer-events: auto;
}
@@ -115,6 +115,7 @@ h1 {
gap: 10px;
margin-bottom: 10px;
animation: fadeUp .35s var(--ease) both;
+ position: relative;
}
#searchInput {
From b4c08295cc556254a5090eaffb986b9f50799e19 Mon Sep 17 00:00:00 2001
From: gablilli <167802854+gablilli@users.noreply.github.com>
Date: Mon, 26 Jan 2026 15:03:17 +0100
Subject: [PATCH 19/29] fix: minor tweaks
---
static/css/style.css | 5 +++--
1 file changed, 3 insertions(+), 2 deletions(-)
diff --git a/static/css/style.css b/static/css/style.css
index 81ec429..641e7ef 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -65,15 +65,15 @@ header {
color: var(--text);
font-size: 14px;
position: absolute;
- right: 0;
+ right: 12px;
top: 50%;
- outline: none;
transform: translateY(-50%);
opacity: 0;
pointer-events: none;
transition: opacity 0.25s var(--ease), transform 0.25s var(--ease);
}
+
#sortSelect.show {
opacity: 1;
transform: translateY(-50%);
@@ -124,6 +124,7 @@ h1 {
border-radius: var(--radius);
border: 1px solid rgba(255,255,255,0.1);
background: rgba(255,255,255,0.03);
+ padding-right: 90px;
color: var(--text);
font-size: 16px;
outline: none;
From 4c81a9ffbe4ee8c20aa063c9c9ee9c1579390b85 Mon Sep 17 00:00:00 2001
From: gablilli <167802854+gablilli@users.noreply.github.com>
Date: Mon, 26 Jan 2026 15:11:17 +0100
Subject: [PATCH 20/29] fix: tweaks
---
index.html | 19 ++++++++++---------
1 file changed, 10 insertions(+), 9 deletions(-)
diff --git a/index.html b/index.html
index 4ad4a3a..30b9831 100644
--- a/index.html
+++ b/index.html
@@ -13,18 +13,19 @@
-
-
+
From a2b1093ca5507524ed4b7ca75605754a43a522a3 Mon Sep 17 00:00:00 2001
From: gablilli <167802854+gablilli@users.noreply.github.com>
Date: Mon, 26 Jan 2026 15:13:15 +0100
Subject: [PATCH 21/29] fix: minor tweaks
---
static/css/style.css | 6 ++++++
1 file changed, 6 insertions(+)
diff --git a/static/css/style.css b/static/css/style.css
index 641e7ef..fedad6a 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -118,7 +118,13 @@ h1 {
position: relative;
}
+.searchWrap {
+ position: relative;
+ flex: 1;
+}
+
#searchInput {
+ width: 100%;
flex: 1;
padding: 10px 14px;
border-radius: var(--radius);
From 7a9f446b9a6020c1e497879742e3c1252e08c46c Mon Sep 17 00:00:00 2001
From: gablilli <167802854+gablilli@users.noreply.github.com>
Date: Mon, 26 Jan 2026 15:20:04 +0100
Subject: [PATCH 22/29] fix: fixes
---
static/css/style.css | 19 +++++++++----------
1 file changed, 9 insertions(+), 10 deletions(-)
diff --git a/static/css/style.css b/static/css/style.css
index fedad6a..c6b16f9 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -58,22 +58,21 @@ header {
}
#sortSelect {
- padding: 10px 12px;
- border-radius: var(--radius);
- border: 1px solid rgba(255,255,255,0.1);
- background: rgba(255,255,255,0.03);
- color: var(--text);
- font-size: 14px;
position: absolute;
- right: 12px;
+ right: 6px;
top: 50%;
transform: translateY(-50%);
+ height: calc(100% - 12px);
+ border-radius: 12px;
+ padding: 0 10px;
+ background: rgba(255,255,255,0.05);
+ border: 1px solid rgba(255,255,255,0.12);
+ color: var(--text);
opacity: 0;
pointer-events: none;
- transition: opacity 0.25s var(--ease), transform 0.25s var(--ease);
+ transition: opacity .25s var(--ease);
}
-
#sortSelect.show {
opacity: 1;
transform: translateY(-50%);
@@ -130,7 +129,7 @@ h1 {
border-radius: var(--radius);
border: 1px solid rgba(255,255,255,0.1);
background: rgba(255,255,255,0.03);
- padding-right: 90px;
+ padding-right: 96px;
color: var(--text);
font-size: 16px;
outline: none;
From 19f1e76cb494c28fbe2beb58991afd24900a8002 Mon Sep 17 00:00:00 2001
From: gablilli <167802854+gablilli@users.noreply.github.com>
Date: Mon, 26 Jan 2026 15:23:19 +0100
Subject: [PATCH 23/29] fix: minor tweak for the search bar
---
static/css/style.css | 1 +
1 file changed, 1 insertion(+)
diff --git a/static/css/style.css b/static/css/style.css
index c6b16f9..f61e171 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -120,6 +120,7 @@ h1 {
.searchWrap {
position: relative;
flex: 1;
+ max-width: 360px;
}
#searchInput {
From 95f9378f235247b9f846ee5de8a505316616e56c Mon Sep 17 00:00:00 2001
From: gablilli <167802854+gablilli@users.noreply.github.com>
Date: Mon, 26 Jan 2026 15:25:58 +0100
Subject: [PATCH 24/29] test: just a try
---
static/css/style.css | 2 --
1 file changed, 2 deletions(-)
diff --git a/static/css/style.css b/static/css/style.css
index f61e171..dd0fa01 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -120,11 +120,9 @@ h1 {
.searchWrap {
position: relative;
flex: 1;
- max-width: 360px;
}
#searchInput {
- width: 100%;
flex: 1;
padding: 10px 14px;
border-radius: var(--radius);
From 898ef2ed3837c3f335de81c019b6fcb86d894a4e Mon Sep 17 00:00:00 2001
From: gablilli <167802854+gablilli@users.noreply.github.com>
Date: Mon, 26 Jan 2026 15:29:18 +0100
Subject: [PATCH 25/29] fix: minor one
---
static/css/style.css | 14 ++++++++------
1 file changed, 8 insertions(+), 6 deletions(-)
diff --git a/static/css/style.css b/static/css/style.css
index dd0fa01..ed4603b 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -109,7 +109,13 @@ h1 {
}
/* search bar */
+.searchWrap {
+ position: relative;
+ flex: 1;
+}
+
#searchBar {
+ width: 100%;
display: none;
gap: 10px;
margin-bottom: 10px;
@@ -117,13 +123,9 @@ h1 {
position: relative;
}
-.searchWrap {
- position: relative;
- flex: 1;
-}
-
#searchInput {
- flex: 1;
+ width: auto;
+ flex: none;
padding: 10px 14px;
border-radius: var(--radius);
border: 1px solid rgba(255,255,255,0.1);
From 807123072551a6b6492d1795a01ca598dcccf022 Mon Sep 17 00:00:00 2001
From: gablilli <167802854+gablilli@users.noreply.github.com>
Date: Mon, 26 Jan 2026 15:40:11 +0100
Subject: [PATCH 26/29] fix: minor htmlm fix
---
index.html | 25 +++++++++++++------------
1 file changed, 13 insertions(+), 12 deletions(-)
diff --git a/index.html b/index.html
index 30b9831..764e0f8 100644
--- a/index.html
+++ b/index.html
@@ -13,19 +13,20 @@
-
-
-
-
+
+
+
+
+
+
+
-
-
From 2b8c3f2000c4f873bd15542219de06be18d8b050 Mon Sep 17 00:00:00 2001
From: gablilli <167802854+gablilli@users.noreply.github.com>
Date: Mon, 26 Jan 2026 15:42:46 +0100
Subject: [PATCH 27/29] fix: minor fix
---
static/css/style.css | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/static/css/style.css b/static/css/style.css
index ed4603b..1736815 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -125,7 +125,7 @@ h1 {
#searchInput {
width: auto;
- flex: none;
+ flex: 1;
padding: 10px 14px;
border-radius: var(--radius);
border: 1px solid rgba(255,255,255,0.1);
From a43c5029737b7302f272194124e4ee3623d9c6af Mon Sep 17 00:00:00 2001
From: gablilli <167802854+gablilli@users.noreply.github.com>
Date: Mon, 26 Jan 2026 15:44:13 +0100
Subject: [PATCH 28/29] fix: minor
---
static/css/style.css | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/static/css/style.css b/static/css/style.css
index 1736815..273ac74 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -124,7 +124,7 @@ h1 {
}
#searchInput {
- width: auto;
+ width: 100%;
flex: 1;
padding: 10px 14px;
border-radius: var(--radius);
From 8fea40a6ff1e365378f71e3d088d45868c4e4ed8 Mon Sep 17 00:00:00 2001
From: gablilli <167802854+gablilli@users.noreply.github.com>
Date: Tue, 27 Jan 2026 14:31:50 +0100
Subject: [PATCH 29/29] fix: minor fix
---
index.html | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/index.html b/index.html
index 764e0f8..bd99927 100644
--- a/index.html
+++ b/index.html
@@ -33,7 +33,7 @@