2026-06-15 17:42:11 +00:00
<!DOCTYPE html>
< html lang = "en" >
< head >
2026-06-28 16:28:45 +00:00
< meta charset = "UTF-8" />
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" />
< title > ⟁ antergos-pkgs</ title >
< script src = "https://cdn.tailwindcss.com" ></ script >
< script >
tailwind . config = {
theme : {
extend : {
colors : {
abyss : '#06060f' ,
surface : '#0b0b1a' ,
card : '#0f0f24' ,
border : '#1a1a35' ,
muted : '#3a3a5a' ,
dim : '#5a5a7a' ,
base : '#c0c0d0' ,
bright : '#e0e0f0' ,
accent : '#4A9EFF' ,
'accent-glow' : '#6aBEFF' ,
}
}
}
}
</ script >
2026-06-15 17:42:11 +00:00
< style >
2026-06-28 16:28:45 +00:00
@ import url ( 'https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap' ) ;
2026-06-23 09:56:30 +00:00
* { margin : 0 ; padding : 0 ; box-sizing : border-box ; }
body {
2026-06-28 16:28:45 +00:00
font-family : 'Inter' , - apple-system , BlinkMacSystemFont , sans-serif ;
background : #06060f ; color : #c0c0d0 ; min-height : 100 vh ;
2026-06-23 09:56:30 +00:00
}
2026-06-28 16:28:45 +00:00
. glow { box-shadow : 0 0 40 px -12 px rgba ( 74 , 158 , 255 , 0.15 ); }
. glow : hover { box-shadow : 0 0 60 px -8 px rgba ( 74 , 158 , 255 , 0.25 ); }
th { cursor : pointer ; user-select : none ; position : sticky ; top : 0 ; z-index : 10 ; }
th : hover { color : #4A9EFF !important ; }
th . arrow { opacity : 0 ; display : inline-block ; transition : all 0.2 s ; }
th : hover . arrow , th . asc . arrow , th . desc . arrow { opacity : 1 ; }
th . asc . arrow { transform : rotate ( 0 deg ); }
th . desc . arrow { transform : rotate ( 180 deg ); }
tr . row { transition : background 0.15 s , transform 0.15 s ; }
tr . row : hover { background : rgba ( 74 , 158 , 255 , 0.04 ); }
tr . row td : first-child { border-radius : 8 px 0 0 8 px ; }
tr . row td : last-child { border-radius : 0 8 px 8 px 0 ; }
. badge { transition : all 0.2 s ; }
. badge : hover { filter : brightness ( 1.2 ); transform : translateY ( -1 px ); }
. fade-in { animation : fadeIn 0.5 s ease-out both ; }
@ keyframes fadeIn { from { opacity : 0 ; transform : translateY ( 12 px ); } to { opacity : 1 ; transform : translateY ( 0 ); } }
. pulse-dot {
display : inline-block ; width : 8 px ; height : 8 px ; border-radius : 50 % ;
background : #2ECC71 ; margin-right : 6 px ;
animation : pulse 2 s ease-in-out infinite ;
2026-06-23 09:56:30 +00:00
}
2026-06-28 16:28:45 +00:00
@ keyframes pulse { 0 %, 100 % { opacity : 1 ; } 50 % { opacity : 0.3 ; } }
input [ type = "text" ] : focus { outline : none ; border-color : #4A9EFF !important ; box-shadow : 0 0 0 3 px rgba ( 74 , 158 , 255 , 0.1 ); }
:: -webkit-scrollbar { width : 6 px ; height : 6 px ; }
:: -webkit-scrollbar-track { background : #0b0b1a ; }
:: -webkit-scrollbar-thumb { background : #1a1a35 ; border-radius : 3 px ; }
:: -webkit-scrollbar-thumb : hover { background : #3a3a5a ; }
@ media ( max-width : 640px ) { . hide-mobile { display : none ; } }
2026-06-15 17:42:11 +00:00
</ style >
</ head >
< body >
2026-06-28 16:28:45 +00:00
< div class = "max-w-6xl mx-auto px-4 sm:px-6 py-8" >
<!-- Header -->
< div class = "text-center mb-10 fade-in" >
< h1 class = "text-5xl sm:text-6xl font-light tracking-tight text-bright" >
⟁ < span class = "font-normal text-accent" > antergos</ span >< span class = "text-dim font-light" > -pkgs</ span >
</ h1 >
< p class = "text-dim text-sm mt-3 max-w-xl mx-auto leading-relaxed" >
Custom package repository for Antergos NeXT ISO builds.
< br class = "sm:hidden" > Packages are built automatically via CI.
</ p >
2026-06-23 09:56:30 +00:00
</ div >
2026-06-15 17:42:11 +00:00
2026-06-28 16:28:45 +00:00
<!-- Stats bar -->
< div class = "flex flex-wrap gap-4 justify-center mb-8 text-xs text-dim" >
< span class = "bg-surface border border-border rounded-full px-4 py-2 flex items-center gap-2" >
2026-07-04 20:03:58 +00:00
< span class = "pulse-dot" ></ span > 17 packages
2026-06-28 16:28:45 +00:00
</ span >
2026-07-04 21:07:10 +00:00
< span class = "bg-surface border border-border rounded-full px-4 py-2" > 22 MB total</ span >
< span class = "bg-surface border border-border rounded-full px-4 py-2" > updated 2026-07-04 23:07 CET/CEST</ span >
2026-06-28 16:28:45 +00:00
</ div >
<!-- Setup collapsible -->
< details class = "bg-card border border-border rounded-xl mb-6 glow transition-all duration-300 group" >
< summary class = "px-5 py-4 text-accent cursor-pointer text-sm font-medium select-none
list-none flex items-center gap-2 hover:text-accent-glow transition-colors" >
< svg class = "w-4 h-4 transition-transform duration-200 group-open:rotate-90" fill = "none" stroke = "currentColor" viewBox = "0 0 24 24" >
< path stroke-linecap = "round" stroke-linejoin = "round" stroke-width = "2" d = "M9 5l7 7-7 7" />
</ svg >
Setup — add this repository to your < code class = "text-bright bg-abyss px-1.5 py-0.5 rounded text-xs" > pacman.conf</ code >
</ summary >
< div class = "px-5 pb-5" >
< pre class = "bg-abyss border border-border rounded-lg p-4 text-sm overflow-x-auto font-['JetBrains_Mono'] text-dim leading-relaxed" >
< span class = "text-muted" > # /etc/pacman.conf</ span >
< span class = "text-accent" > [antergos-pkgs]</ span >
SigLevel = < span class = "text-[#6aaf6a]" > Optional TrustAll</ span >
Server = < span class = "text-[#6aaf6a]" > https://antergos-next.github.io/antergos-packages/</ span >< span class = "text-[#e0e0f0]" > $repo</ span > /os/< span class = "text-[#e0e0f0]" > $arch</ span ></ pre >
</ div >
</ details >
<!-- Controls -->
< div class = "flex flex-wrap gap-3 items-center mb-5" >
< div class = "relative flex-1 min-w-[200px]" >
< svg class = "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted" fill = "none" stroke = "currentColor" viewBox = "0 0 24 24" >
< path stroke-linecap = "round" stroke-linejoin = "round" stroke-width = "2" d = "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
</ svg >
< input type = "text" id = "q" placeholder = "Search packages..." autofocus
class = "w-full bg-card border border-border rounded-lg pl-10 pr-4 py-2.5 text-sm text-base placeholder:text-muted transition-all" />
</ div >
< select id = "catFilter"
class = "bg-card border border-border rounded-lg px-3 py-2.5 text-sm text-dim cursor-pointer hover:text-base transition-colors" >
< option value = "all" > All categories</ option >
< option value = "installer" > Installer</ option >
< option value = "branding" > Branding</ option >
< option value = "core" > Core</ option >
< option value = "desktop" > Desktop</ option >
< option value = "tool" > Tool</ option >
< option value = "other" > Other</ option >
</ select >
2026-07-04 20:03:58 +00:00
< span class = "text-xs text-dim" id = "count" > 17 packages</ span >
2026-06-28 16:28:45 +00:00
</ div >
<!-- Table -->
< div class = "bg-card border border-border rounded-xl overflow-hidden glow" >
< div class = "overflow-x-auto" >
< table class = "w-full text-sm" >
< thead >
< tr class = "bg-abyss/50 text-muted text-xs uppercase tracking-wider" >
< th class = "px-4 py-3.5 text-left font-semibold" data-col = "name" onclick = "sort('name')" >
Package < span class = "arrow" > ▼</ span >
</ th >
< th class = "px-4 py-3.5 text-left font-semibold hide-mobile" data-col = "version" onclick = "sort('version')" >
Version < span class = "arrow" > ▼</ span >
</ th >
< th class = "px-4 py-3.5 text-left font-semibold hide-mobile" data-col = "arch" onclick = "sort('arch')" >
Arch < span class = "arrow" > ▼</ span >
</ th >
< th class = "px-4 py-3.5 text-left font-semibold" data-col = "category" onclick = "sort('category')" >
Category < span class = "arrow" > ▼</ span >
</ th >
< th class = "px-4 py-3.5 text-right font-semibold hide-mobile" data-col = "size" onclick = "sort('size')" >
Size < span class = "arrow" > ▼</ span >
</ th >
< th class = "px-4 py-3.5 text-right font-semibold hide-mobile" data-col = "mtime" onclick = "sort('mtime')" >
Updated < span class = "arrow" > ▼</ span >
</ th >
</ tr >
</ thead >
< tbody id = "list" ></ tbody >
</ table >
</ div >
</ div >
<!-- Footer -->
< div class = "text-center mt-10 text-xs text-muted" >
< a href = "https://github.com/Antergos-NeXT/antergos-packages" class = "hover:text-accent transition-colors" > GitHub</ a >
< span class = "mx-2" > ·</ span >
< a href = "https://antergos-next.github.io/antergos-packages/" class = "hover:text-accent transition-colors" > antergos-next.github.io</ a >
< span class = "mx-2" > ·</ span >
< a href = "https://github.com/Antergos-NeXT/antergos-iso" class = "hover:text-accent transition-colors" > ISO repo</ a >
2026-06-23 09:56:30 +00:00
</ div >
</ div >
< script >
2026-07-04 21:07:10 +00:00
const pkgs = [{ "file" : "antergos-grub-live-2026.07-1-any.pkg.tar.zst" , "name" : "antergos-grub-live" , "version" : "2026.07-1" , "arch" : "any" , "size" : 21454 , "mtime" : "2026-07-04T23:07:08.085970+02:00" , "mtime_display" : "2026-07-04 23:07 CET/CEST" , "category" : "other" , "cat_color" : "#7F8C8D" , "description" : "" , "url" : "" , "license" : "" , "depends" : []}, { "file" : "antergos-grub-theme-2026.06-1-any.pkg.tar.zst" , "name" : "antergos-grub-theme" , "version" : "2026.06-1" , "arch" : "any" , "size" : 2256787 , "mtime" : "2026-07-04T23:07:08.086341+02:00" , "mtime_display" : "2026-07-04 23:07 CET/CEST" , "category" : "desktop" , "cat_color" : "#F39C12" , "description" : "Antergos GRUB theme" , "url" : "https://github.com/Antergos-NeXT/antergos-branding" , "license" : "('GPL')" , "depends" : [ "grub" ]}, { "file" : "antergos-live-base-2026.07-1-any.pkg.tar.zst" , "name" : "antergos-live-base" , "version" : "2026.07-1" , "arch" : "any" , "size" : 11777 , "mtime" : "2026-07-04T23:07:08.086754+02:00" , "mtime_display" : "2026-07-04 23:07 CET/CEST" , "category" : "other" , "cat_color" : "#7F8C8D" , "description" : "" , "url" : "" , "license" : "" , "depends" : []}, { "file" : "antergos-live-openrc-2026.07-1-any.pkg.tar.zst" , "name" : "antergos-live-openrc" , "version" : "2026.07-1" , "arch" : "any" , "size" : 7692 , "mtime" : "2026-07-04T23:07:08.086813+02:00" , "mtime_display" : "2026-07-04 23:07 CET/CEST" , "category" : "other" , "cat_color" : "#7F8C8D" , "description" : "" , "url" : "" , "license" : "" , "depends" : []}, { "file" : "antergos-lsb-release-2.0-1-any.pkg.tar.zst" , "name" : "antergos-lsb-release" , "version" : "2.0-1" , "arch" : "any" , "size" : 2893 , "mtime" : "2026-07-04T23:07:08.086863+02:00" , "mtime_display" : "2026-07-04 23:07 CET/CEST" , "category" : "other" , "cat_color" : "#7F8C8D" , "description" : "Antergos NeXT LSB release file" , "url" : "https://github.com/Antergos-NeXT" , "license" : "('GPL2')" , "depends" : []}, { "file" : "antergos-next-desktop-settings-1-2-any.pkg.tar.zst" , "name" : "antergos-next-desktop-settings" , "version" : "1-2" , "arch" : "any" , "size" : 9026 , "mtime" : "2026-07-04T23:07:08.086910+02:00" , "mtime_display" : "2026-07-04 23:07 CET/CEST" , "category" : "branding" , "cat_color" : "#9B59B6" , "description" : "Antergos NeXT desktop settings, theme, and color scheme" , "url" : "https://github.com/Antergos-NeXT/antergos-pkgs" , "license" : "('GPL3')" , "depends" : [ "breeze-icons" , "breeze-gtk" , "ttf-opensans" , "noto-fonts" , "ttf-roboto" ]}, { "file" : "antergos-next-keyring-1-2-any.pkg.tar.zst" , "name" : "antergos-next-keyring" , "version" : "1-2" , "arch" : "any" , "size" : 6366 , "mtime" : "2026-07-04T23:07:08.086961+02:00" , "mtime_display" : "2026-07-04 23:07 CET/CEST" , "category" : "core" , "cat_color" : "#2ECC71" , "description" : "Antergos NeXT GPG keyring" , "url" : "https://github.com/Antergos-NeXT/antergos-packages" , "license" : "('GPL3')" , "depends" : []}, { "file" : "antergos-next-mirrorlist-1-1-any.pkg.tar.zst" , "name" : "antergos-next-mirrorlist" , "version" : "1-1" , "arch" : "any" , "size" : 3604 , "mtime" : "2026-07-04T23:07:08.087010+02:00" , "mtime_display" : "2026-07-04 23:07 CET/CEST" , "category" : "core" , "cat_color" : "#2ECC71" , "description" : "Antergos NeXT mirror list" , "url" : "https://github.com/Antergos-NeXT/antergos-pkgs" , "license" : "('GPL3')" , "depends" : []}, { "file" : "antergos-plasma-theme-1-3-any.pkg.tar.zst" , "name" : "antergos-plasma-theme" , "version" : "1-3" , "arch" : "any" , "size" : 1143411 , "mtime" : "2026-07-04T23:07:08.087057+02:00" , "mtime_display" : "2026-07-04 23:07 CET/CEST" , "category" : "other" , "cat_color" : "#7F8C8D" , "description" : "Antergos NeXT Plasma desktop theme, look-and-feel, and splash screen" , "url" : "https://github.com/Antergos-NeXT/antergos-packages" , "license" : "('GPL')" , "depends" : [ "plasma-desktop' 'antergos-wallpapers" ]}, { "file" : "antergos-release-2026.06-2-any.pkg.tar.zst" , "name" : "antergos-release" , "version" : "2026.06-2" , "arch" : "any" , "size" : 3678 , "mtime" : "2026-07-04T23:07:08.087458+02:00" , "mtime_display" : "2026-07-04 23:07 CET/CEST" , "category" : "core" , "cat_color" : "#2ECC71" , "description" : "Antergos NeXT release file" , "url" : "https://github.com/Antergos-NeXT" , "license" : "('
2026-06-28 16:28:45 +00:00
let sortCol = 'name';
let sortDir = 1;
let filtered = pkgs;
function formatSize(bytes) {
const mb = bytes / 1024 / 1024;
return mb >= 1 ? mb.toFixed(1) + ' MB' : (bytes / 1024).toFixed(0) + ' KB';
2026-06-23 09:56:30 +00:00
}
2026-06-28 16:28:45 +00:00
function escapeHtml(s) {
const d = document.createElement('div');
d.textContent = s;
return d.innerHTML;
}
function render() {
const q = document.getElementById('q').value.toLowerCase();
const cat = document.getElementById('catFilter').value;
filtered = pkgs.filter(p => {
const matchSearch = p.name.toLowerCase().includes(q) || p.description.toLowerCase().includes(q);
const matchCat = cat === 'all' || p.category === cat;
return matchSearch && matchCat;
});
// sort
filtered.sort((a, b) => {
let va = a[sortCol], vb = b[sortCol];
if (sortCol === 'size' || sortCol === 'mtime') { va = a[sortCol]; vb = b[sortCol]; return (va - vb) * sortDir; }
if (typeof va === 'string') va = va.toLowerCase();
if (typeof vb === 'string') vb = vb.toLowerCase();
if (va < vb) return -1 * sortDir;
if (va > vb) return 1 * sortDir;
return 0;
});
const tbody = document.getElementById('list');
tbody.innerHTML = filtered.map((p, i) => {
const catLabel = p.category.charAt(0).toUpperCase() + p.category.slice(1);
return `<tr class=" row " style=" animation - delay : $ { i * 30 } ms ">
<td class=" px - 4 py - 3 ">
<div class=" flex items - center gap - 2.5 ">
<a href=" $ { escapeHtml ( p . file )} " class=" text - accent hover : text - accent - glow font - medium transition - colors truncate max - w - [ 200 px ] sm : max - w - none block ">${escapeHtml(p.name)}</a>
</div>
<div class=" text - dim text - xs mt - 0.5 truncate max - w - [ 280 px ] sm : max - w - none ">${escapeHtml(p.description)}</div>
</td>
<td class=" px - 4 py - 3 text - dim hide - mobile font - mono text - xs ">${escapeHtml(p.version)}</td>
<td class=" px - 4 py - 3 hide - mobile "><span class=" text - xs bg - abyss border border - border rounded px - 1.5 py - 0.5 text - dim ">${escapeHtml(p.arch)}</span></td>
<td class=" px - 4 py - 3 ">
<span class=" badge inline - block text - xs font - medium rounded - full px - 2.5 py - 0.5 " style=" background : $ { p . cat_color } 18 ; color : $ { p . cat_color }; border : 1 px solid $ { p . cat_color } 33 ">${catLabel}</span>
</td>
<td class=" px - 4 py - 3 text - dim text - right hide - mobile font - mono text - xs ">${formatSize(p.size)}</td>
<td class=" px - 4 py - 3 text - dim text - right hide - mobile text - xs ">${p.mtime_display}</td>
</tr>`;
}).join('');
document.getElementById('count').textContent = filtered.length + ' / ' + pkgs.length + ' packages';
}
function sort(col) {
if (sortCol === col) { sortDir *= -1; } else { sortCol = col; sortDir = 1; }
document.querySelectorAll('th').forEach(th => th.classList.remove('asc', 'desc'));
const el = document.querySelector(`th[data-col=" $ { col } "]`);
if (el) el.classList.add(sortDir === 1 ? 'asc' : 'desc');
render();
}
document.getElementById('q').addEventListener('input', render);
document.getElementById('catFilter').addEventListener('change', render);
// init: sort by name asc
document.querySelector('th[data-col=" name " ] ').classList.add(' asc ' );
render ();
2026-06-23 09:56:30 +00:00
</ script >
2026-06-15 17:42:11 +00:00
</ body >
</ html >
