-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathgit-tracker.html
More file actions
272 lines (259 loc) · 26.8 KB
/
Copy pathgit-tracker.html
File metadata and controls
272 lines (259 loc) · 26.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
<!DOCTYPE html><html lang="en"><head>
<meta http-equiv="Cache-Control" content="max-age=3600"><meta charset="UTF-8" />
<meta name="robots" content="index, follow" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>Git Tracker - Live Development of AcreetionOS</title><meta name="description" content="Track the real-time development of AcreetionOS. Monitor our repositories, latest commits, and community contributions to the best Arch-based Linux OS." /><link rel="canonical" href="https://acreetionos.org/git-tracker.html" /><script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebApplication",
"name": "AcreetionOS Git Tracker",
"url": "https://acreetionos.org/git-tracker.html",
"description": "A live dashboard for tracking the development status and code commits of the AcreetionOS project.",
"applicationCategory": "DeveloperApplication",
"operatingSystem": "Web"
}
</script><!-- Fonts --><link rel="dns-prefetch" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.googleapis.com" crossorigin><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Fira+Code&family=Roboto:wght@400;500;700&display=swap" rel="stylesheet"><style>:root {--acreetion-green:#2ecc71;--acreetion-body-bg:#121212;--acreetion-panel-bg:#1a1a1a;--acreetion-box-bg:#222222;--acreetion-box-border:#333333;--acreetion-text-bright:#e5e5e5;--acreetion-text:#b2b2b2;--storm-color:#61afef;--flasher-color:#f39c12;--font-sans:'Roboto',-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:'Fira Code',monospace} *,*::before,*::after {box-sizing:border-box;margin:0;padding:0} body {font-family:var(--font-sans);background-color:var(--acreetion-body-bg);color:var(--acreetion-text-bright);line-height:1.6;overflow-x:hidden} .announcement-bar {background-color:var(--acreetion-panel-bg);border-bottom:1px solid var(--acreetion-box-border);padding:0.5rem 0;text-align:center;font-size:0.95rem} .announcement-bar a {color:var(--acreetion-green);font-weight:bold;text-decoration:none} .separator {margin:0 1.5rem;color:var(--acreetion-box-border)} .page-header{background-color:rgba(24,26,27,0.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:2px solid var(--acreetion-green);border-radius:0 0 16px 16px;position:sticky;top:0;z-index:1000} .header-content {display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0.75rem 2rem} .logo {display:flex;align-items:center;gap:1rem;font-family:var(--font-mono);font-size:1.8rem;font-weight:700;color:var(--acreetion-text-bright);text-decoration:none} .logo span {color:var(--acreetion-green)} .logo-img {height:40px} .main-nav a {color:var(--acreetion-text);text-decoration:none;margin-left:2rem;font-weight:500;transition:0.2s} .main-nav a:hover {color:var(--acreetion-text-bright)} .page-wrapper {display:grid;grid-template-columns:1fr 350px;gap:2rem;max-width:1400px;margin:2rem auto;padding:0 2rem} .tracker-hero {background:linear-gradient(135deg,#1a1a1a 0%,#121212 100%);border:1px solid var(--acreetion-box-border);padding:3rem 2rem;text-align:center;position:relative;overflow:hidden;margin-bottom:2rem} .glow {position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(46,204,113,0.05) 0%,transparent 70%);pointer-events:none} .tracker-title {font-family:var(--font-mono);font-size:2.5rem;color:var(--acreetion-green);margin-bottom:1rem} .tracker-subtitle {color:var(--acreetion-text);margin-bottom:2rem;max-width:700px;margin-inline:auto} #repo-search {width:100%;max-width:500px;padding:0.8rem 1.2rem;background:#000;border:1px solid var(--acreetion-box-border);color:white;font-family:var(--font-mono);outline:none;transition:border-color 0.3s;margin-bottom:1.5rem;border-radius:20px} #repo-search:focus {border-color:var(--acreetion-green)} .tracker-btn {background-color:var(--acreetion-green);color:black;padding:0.7rem 1.5rem;font-weight:700;border:none;cursor:pointer;font-family:var(--font-sans);transition:0.3s;margin:0 5px} .tracker-btn.active-filter {box-shadow:0 0 10px var(--acreetion-green)} .tracker-btn:hover {filter:brightness(1.1);transform:translateY(-2px)} .btn-storm {background-color:var(--storm-color);color:black;padding:0.7rem 1.5rem;text-decoration:none;font-weight:700;display:inline-block} .repo-list {display:flex;flex-direction:column;gap:1rem} .repo-item {background-color:var(--acreetion-panel-bg);border:1px solid var(--acreetion-box-border);padding:1.5rem;transition:border-color 0.3s,transform 0.2s;cursor:pointer;position:relative} .repo-item:hover {border-color:var(--acreetion-green);transform:translateX(5px)} .repo-item h3 {font-family:var(--font-mono);color:var(--acreetion-green);margin-bottom:0.5rem;font-size:1.2rem} .repo-item p {color:var(--acreetion-text);font-size:0.95rem;margin-bottom:1rem} .repo-stats {display:flex;gap:15px;margin-bottom:0.5rem;font-family:var(--font-mono);font-size:0.85rem;color:var(--acreetion-text-bright)} .repo-stats span {display:flex;align-items:center;gap:5px} .active-badge {position:absolute;top:1.5rem;right:1.5rem;font-size:0.7rem;color:var(--acreetion-green);border:1px solid var(--acreetion-green);padding:2px 6px;font-family:var(--font-mono);text-transform:uppercase} .content-box {background-color:var(--acreetion-box-bg);border:1px solid var(--acreetion-box-border);margin-bottom:2rem} .box-header {padding:0.8rem 1.2rem;border-bottom:1px solid var(--acreetion-box-border);background-color:#1a1a1a} .box-header h2 {font-family:var(--font-mono);font-size:1.1rem;color:var(--acreetion-text-bright)} .box-body {padding:1.5rem} .sidebar-nav {list-style:none} .sidebar-nav a {display:block;text-decoration:none;color:var(--acreetion-green);padding:0.5rem 1.2rem;border-bottom:1px solid var(--acreetion-box-border)} .sidebar-nav a:hover {background-color:#3a3a3a} #modal {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);backdrop-filter:blur(8px);z-index:9999;justify-content:center;align-items:center;padding:1rem} #modal-content-wrapper {background:var(--acreetion-box-bg);border:1px solid var(--acreetion-green);padding:2rem;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 50px rgba(0,0,0,0.5)} .modal-close-btn {position:absolute;top:1rem;right:1rem;background:transparent;color:var(--acreetion-green);font-size:2rem;line-height:1;border:none;cursor:pointer} .modal-close-btn:hover {color:#fff} #modal-body h2 {color:var(--acreetion-green);font-family:var(--font-mono);border-bottom:1px solid var(--acreetion-box-border);padding-bottom:10px;margin-bottom:15px} #modal-body h3 {color:var(--storm-color);font-family:var(--font-mono);margin-top:20px;margin-bottom:10px;font-size:1.1rem} #modal-body ul {list-style:none} #modal-body li {padding:8px 0;border-bottom:1px solid #333;font-size:0.9rem} #modal-body a {color:var(--acreetion-green)} .repo-link {display:inline-block;background:var(--acreetion-green);color:black !important;padding:8px 16px;font-weight:700;text-decoration:none !important;margin-right:10px} footer {text-align:center;padding:2rem;border-top:1px solid var(--acreetion-box-border);color:#777;margin-top:4rem} @media (max-width:1024px) {.page-wrapper {grid-template-columns:1fr} .sidebar {order:1}} ::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--acreetion-body-bg,#121212)}::-webkit-scrollbar-thumb{background:var(--acreetion-box-border,#333);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--acreetion-green,#2ecc71)} .btn{transition:all 0.3s ease}.btn:hover{box-shadow:0 0 15px rgba(46,204,113,0.4);transform:translateY(-2px)}.content-box{transition:transform 0.3s ease,box-shadow 0.3s ease}.content-box:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,0.5)} .reveal{opacity:0;transform:translateY(30px);transition:all 0.8s cubic-bezier(0.2,0.8,0.2,1);will-change:opacity,transform}.reveal.active{opacity:1;transform:translateY(0)} html{scroll-behavior:smooth} ::selection{background:rgba(46,204,113,0.3);color:var(--acreetion-text-bright,#fff)} :focus-visible{outline:2px solid var(--acreetion-green,#2ecc71);outline-offset:3px;border-radius:4px} a:focus-visible,button:focus-visible{outline:2px solid var(--acreetion-green,#2ecc71);outline-offset:3px} .skip-link{position:absolute;top:-40px;left:0;background:var(--acreetion-green,#2ecc71);color:#000;padding:8px 16px;text-decoration:none;font-weight:700;z-index:10000;transition:top 0.3s;border-radius:0 0 8px 0} .skip-link:focus{top:0} @media (prefers-reduced-motion:reduce) {html{scroll-behavior:auto} *,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}} /* removed pageLoadFade keyframes */ /* removed pageLoadFade body animation */ @media (prefers-reduced-motion:reduce){body{animation:none} a{color:var(--acreetion-green,#2ecc71);text-decoration:none;position:relative} a:not(.btn):not(.logo):not(.skip-link):not(.social-link):hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px} #back-to-top{position:fixed;bottom:30px;right:30px;background:var(--acreetion-green,#2ecc71);color:#000;border:none;border-radius:50%;width:48px;height:48px;cursor:pointer;z-index:999;font-size:1.2rem;font-weight:700;opacity:0;visibility:hidden;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(0,0,0,0.3);display:flex;align-items:center;justify-content:center;padding-bottom:4px} #back-to-top.visible{opacity:1;visibility:visible} #back-to-top:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(46,204,113,0.4)} body{background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,0.03) 1px,transparent 0);background-size:40px 40px} .main-nav a.active,.main-nav a[aria-current="page"]{background-color:var(--acreetion-green,#2ecc71);color:#000;font-weight:700;border-radius:12px;padding:0.5rem 1rem}.active-badge{display:inline-block;padding:2px 8px;border-radius:6px;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;margin-right:4px}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);backdrop-filter:blur(8px);z-index:1000;overflow-y:auto;align-items:center;justify-content:center;padding:1rem;opacity:0;visibility:hidden}.modal-overlay.visible{display:flex;opacity:1;visibility:visible;transition:opacity 0.3s ease,visibility 0.3s ease}.modal-box{position:relative;cursor:default;background-color:var(--acreetion-box-bg);border:1px solid var(--acreetion-box-border);padding:2rem 3rem;max-width:700px}.modal-close-btn{position:absolute;top:1rem;right:1rem;background-color:var(--acreetion-green);color:black;font-family:var(--font-sans);font-size:1.5rem;font-weight:700;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;line-height:40px;text-align:center;z-index:1001}.modal-close-btn:hover{background-color:#d15c64;transform:scale(1.05)}.modal-box h2{color:var(--acreetion-green)}.page-footer{text-align:center;padding:2rem;margin-top:2rem;border-top:1px solid var(--acreetion-box-border);color:#777;font-size:0.9rem}.page-footer p{color:#777;margin-bottom:0.5rem;text-align:center}.page-footer a{color:var(--acreetion-green);text-decoration:none}.page-footer a:hover{text-decoration:underline}</style><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" media="print" onload="this.media=\'all\'"><noscript><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"></noscript></head><body><a href="#main-content" class="skip-link">Skip to main content</a><div class="announcement-bar"><div class="announcement-content"><span style="font-weight: bold; color: var(--acreetion-green);">Development Update:</span>
Explore our source code below.
<span class="separator">|</span><a href="https://discord.gg/VHqQkJASw7" target="_blank">Join Developer Discord</a><a href="https://rootapp.gg/AC0V5bagggqKtuj_B_MzFA" target="_blank">Join Developer Root</a></div></div><header class="page-header"><div class="header-content"><a href="index.html" class="logo"><img src="acreetionoslogo.webp" alt="Official AcreetionOS Logo" class="logo-img" width="40" height="40" decoding="auto" loading="eager"><span class="logo-text">Acreetion<span>OS</span></span></a><nav class="main-nav"><a href="flash.html">Downloads</a><a href="hosting.html">ISO Hosting</a><a href="wiki.html">Wiki</a><a href="developers.html">Developers</a><a href="contact.html">Contact & Support</a><a href="git-tracker.html" class="btn btn-storm" aria-current="page">Git Tracker</a><a href="/acreetionos-news-tracker/" class="btn btn-storm" style="background-color: var(--acreetion-green); color: #000;">News Tracker</a><a href="unofficial.html" class="btn btn-storm" style="background-color:var(--acreetion-purple);color:#fff">Unofficial</a><a href="https://github.com/acreetionos-code/" class="btn btn-storm" style="background-color:#333">GitHub</a><a href="https://gitlab.acreetionos.org" class="btn btn-storm">GitLab</a></nav></div></header><div class="page-wrapper"><main id="main-content" class="content-feed"><section class="tracker-hero"><div class="glow"></div><h1 class="tracker-title">Git Tracker</h1><p class="tracker-subtitle">The pulse of AcreetionOS. Monitor repositories, commits, and the evolution of the best Arch-based distribution in real-time.</p><input type="text" id="repo-search" placeholder="Filter repositories by name or description..." autocomplete="off"><div id="action-buttons"><button id="show-active" class="tracker-btn">Recent Activity</button><button id="show-all" class="tracker-btn" style="background-color: #444; color: white;">Show All Repos</button></div></section><div class="content-box"><div class="box-header"><h1>Repositories</h1></div><div class="box-body"><div id="loading-status" style="text-align: center; color: var(--acreetion-green); font-family: var(--font-mono);">Initializing connection...</div><div id="repo-list" class="repo-list"></div></div></div></main><aside class="sidebar"><div class="content-box sidebar-box"><div class="box-header"><h2>Resources</h2></div><div class="box-body" style="padding: 0;"><ul class="sidebar-nav"><li><a href="https://github.com/AcreetionOS-Code" target="_blank">GitHub Org</a></li><li><a href="https://acreetionos.org/install.html" target="_blank">Download ISO</a></li><li><a href="https://gitlab.acreetionos.org">GitLab</a></li><li><a href="https://blog.natalie.acreetionos.org" target="_blank">Blog</a></li><li><a href="https://discord.gg/VHqQkJASw7" target="_blank">Discord</a></li></ul></div></div><div class="content-box sidebar-box" style="margin-top: 2rem;"><div class="box-header"><h2>Contribute</h2></div><div class="box-body"><p style="color: var(--acreetion-text); font-size: 0.9rem; margin-bottom: 1rem;">
Found a bug? We welcome contributions from everyone, including those using AI tools.
</p><a href="mailto:developers@acreetionos.org" class="btn-storm" style="width: 100%; text-align: center;">Email Dev Team</a></div></div></aside></div><!-- MODAL STRUCTURE --><div id="modal"><div id="modal-content-wrapper"><button class="modal-close-btn" onclick="document.getElementById('modal').style.display='none'">×</button><div id="modal-body"><!-- JS Content Injected Here --></div></div></div><footer class="page-footer"><p>AcreetionOS is an independent project proudly built on the powerful and flexible foundation of <a href="https://archlinux.org" target="_blank" rel="noopener noreferrer">Arch Linux</a>. We are immensely grateful to the Arch community for their incredible work.</p><p>Follow our development on <a href="https://github.com/AcreetionOS-Code" target="_blank" rel="noopener noreferrer"><i class="bi bi-github"></i> GitHub</a> and our self-hosted <a href="https://gitlab.acreetionos.org"><i class="bi bi-gitlab"></i> GitLab</a>.</p><p>© 2026 AcreetionOS Project. Based in Spokane, WA. <a href="contributing.html" style="color: var(--acreetion-text); margin-left: 1rem;">Contributing</a> <a href="governance.html" style="color: var(--acreetion-text); margin-left: 1rem;">Governance</a></p></footer><!-- ROBUST JAVASCRIPT LOGIC --><script>console.log('Git tracker script loaded');
const SOURCES = [
{type:'gitlab', host:'gitlab.acreetionos.org', user:'darren'},
{type:'gitlab', host:'gitlab.acreetionos.org', user:'natalie'},
{type:'github', user:'spivanatalie64'},
{type:'github', user:'cobra3282000'},
{type:'github', org:'AcreetionOS-Code'}
];
const CACHE_KEY = 'acreetion_repo_v4';
const CACHE_TIME = 1000 * 60 * 15;
const repoListEl = document.getElementById('repo-list');
const loadingEl = document.getElementById('loading-status');
const modalEl = document.getElementById('modal');
const searchInput = document.getElementById('repo-search');
let allRepos = [];
async function fetchGitHub(url) {
const res = await fetch(url + '?per_page=100');
if (!res.ok) throw new Error('GitHub API error: ' + res.status);
const data = await res.json();
if (!Array.isArray(data)) return [];
// Map basic repo fields first
const repos = data.map(r => ({
name: r.name,
description: r.description,
html_url: r.html_url,
pushed_at: r.pushed_at,
stargazers_count: r.stargazers_count,
forks_count: r.forks_count,
language: r.language || 'N/A',
source_type: 'github',
owner: r.owner.login,
owner_api: r.owner.url,
owner_html: r.owner.html_url,
owner_name: r.owner.login, // fallback to login
full_name: r.full_name
}));
// Fetch owner display names (real names) where available to show nicer owner info.
// We fetch unique owner API URLs to avoid duplicate requests.
const ownerUrls = Array.from(new Set(repos.map(r => r.owner_api).filter(Boolean)));
const ownerMap = {};
for (const u of ownerUrls) {
try {
const ores = await fetch(u);
if (!ores.ok) continue;
const odata = await ores.json();
ownerMap[odata.login] = odata.name || odata.login;
} catch (e) {
console.warn('Failed to fetch owner info', u, e);
}
}
// Attach owner_name to repos
for (const repo of repos) {
if (repo.owner && ownerMap[repo.owner]) repo.owner_name = ownerMap[repo.owner];
}
return repos;
}
async function fetchGitLab(host, user) {
const url = 'https://' + host + '/api/v4/users/' + user + '/projects?per_page=100';
const res = await fetch(url);
if (!res.ok) throw new Error('GitLab API error: ' + res.status);
const data = await res.json();
if (!Array.isArray(data)) return [];
return data.map(r => ({
name: r.name,
description: r.description,
html_url: r.web_url,
pushed_at: r.last_activity_at,
stargazers_count: r.star_count || 0,
forks_count: r.forks_count || 0,
language: r.language || 'N/A',
source_type: 'gitlab',
gitlab_host: host,
owner: r.namespace ? (r.namespace.name || r.namespace.path) : user,
full_name: r.path_with_namespace,
project_id: r.id
}));
}
async function fetchAllSources() {
const all = [];
const seen = new Set();
for (const s of SOURCES) {
try {
let repos;
if (s.type === 'github') {
const url = s.org
? 'https://api.github.com/orgs/' + s.org + '/repos'
: 'https://api.github.com/users/' + s.user + '/repos';
repos = await fetchGitHub(url);
} else {
repos = await fetchGitLab(s.host, s.user);
}
if (repos) {
for (const r of repos) {
const key = r.source_type + '/' + r.full_name;
if (!seen.has(key)) {
seen.add(key);
all.push(r);
}
}
}
} catch (e) {
console.warn('Failed fetching', s.type, s.user || s.org, e);
}
}
return all;
}
async function initTracker() {
const cached = localStorage.getItem(CACHE_KEY);
let repos = null;
if (cached) {
try {
const parsed = JSON.parse(cached);
if (Date.now() - parsed.timestamp < CACHE_TIME) {
console.log('Loaded from Cache');
repos = parsed.data;
}
} catch (e) {
localStorage.removeItem(CACHE_KEY);
}
}
if (!repos) {
loadingEl.innerHTML = 'Scanning: gitlab.acreetionos.org/darren, gitlab.acreetionos.org/natalie, github.com/spivanatalie64, github.com/cobra3282000, github.com/AcreetionOS-Code...';
try {
repos = await fetchAllSources();
localStorage.setItem(CACHE_KEY, JSON.stringify({timestamp: Date.now(), data: repos}));
} catch (err) {
loadingEl.innerHTML = 'Unable to fetch data. Please try again later.';
if (cached) repos = JSON.parse(cached).data;
else return;
}
}
allRepos = repos;
loadingEl.style.display = 'none';
renderRepos(allRepos);
searchInput.addEventListener('input', function(e) {
const term = e.target.value.toLowerCase();
const filtered = allRepos.filter(function(r) {
return r.name.toLowerCase().indexOf(term) !== -1 || (r.description && r.description.toLowerCase().indexOf(term) !== -1);
});
renderRepos(filtered);
});
}
function renderRepos(repos) {
repoListEl.innerHTML = '';
if (repos.length === 0) {
repoListEl.innerHTML = '<p style="text-align:center;color:#777">No matching repositories found.</p>';
return;
}
repos.forEach(function(repo) {
const daysAgo = Math.floor((new Date() - new Date(repo.pushed_at)) / (1000 * 60 * 60 * 24));
const isRecent = daysAgo < 30;
const sourceBadge = repo.source_type === 'gitlab'
? '<span class="active-badge" style="background:rgba(252,109,38,0.2);color:#fc6d26;">GitLab</span>'
: '<span class="active-badge" style="background:rgba(110,84,148,0.2);color:#6e5494;">GitHub</span>';
const card = document.createElement('div');
card.className = 'repo-item';
card.onclick = function() { openModal(repo); };
const ownerDisplay = repo.owner_name ? (repo.owner_name + ' (' + repo.owner + ')') : repo.owner;
const ownerLink = repo.owner_html ? ('<a href="' + repo.owner_html + '" target="_blank" style="color:#9aa">' + ownerDisplay + '</a>') : ownerDisplay;
card.innerHTML =
'<div style="display:flex;justify-content:space-between;align-items:flex-start;">' +
'<h3>' + repo.name + '</h3>' +
'<div style="display:flex;gap:6px;align-items:center;flex-wrap:wrap;">' + (isRecent ? '<span class="active-badge">Active</span>' : '') + sourceBadge + '</div>' +
'</div><p>' + (repo.description || 'No description available.') + '</p>' +
'<div class="repo-stats"><span>⭐ ' + repo.stargazers_count + '</span><span>🍴 ' + repo.forks_count + '</span><span>💻 ' + (repo.language || 'N/A') + '</span></div>' +
'<div style="font-size:0.8rem;color:#666;">Updated: ' + new Date(repo.pushed_at).toLocaleDateString() + ' · ' + ownerLink + '</div>';
repoListEl.appendChild(card);
});
}
async function openModal(repo) {
const body = document.getElementById('modal-body');
modalEl.style.display = 'flex';
const sourceLabel = repo.source_type === 'gitlab' ? 'View on GitLab' : 'View on GitHub';
const issuesUrl = repo.source_type === 'gitlab' ? (repo.html_url + '/-/issues') : (repo.html_url + '/issues');
body.innerHTML =
'<h2>' + repo.name + '</h2><p>' + (repo.description || 'No description.') + '</p>' +
'<div style="margin:1rem 0;">' +
'<a href="' + repo.html_url + '" target="_blank" class="repo-link">' + sourceLabel + '</a>' +
'<a href="' + issuesUrl + '" target="_blank" class="repo-link" style="background:#444;color:white;">Issues</a>' +
'</div><h3>Recent Activity</h3>' +
'<div id="modal-loading" style="color:var(--acreetion-green)">Loading commits...</div>' +
'<ul id="modal-commits"></ul>';
try {
let commitsUrl;
if (repo.source_type === 'gitlab') {
commitsUrl = 'https://' + repo.gitlab_host + '/api/v4/projects/' + repo.project_id + '/repository/commits?per_page=10';
} else {
commitsUrl = 'https://api.github.com/repos/' + repo.full_name + '/commits?per_page=10';
}
const res = await fetch(commitsUrl);
const commits = await res.json();
document.getElementById('modal-loading').style.display = 'none';
const list = document.getElementById('modal-commits');
if (Array.isArray(commits)) {
list.innerHTML = commits.map(function(c) {
var author, message, date;
if (repo.source_type === 'gitlab') {
author = c.author_name || 'Unknown';
message = (c.title || '').substring(0, 50);
date = c.created_at;
} else {
author = c.commit.author.name;
message = c.commit.message.split('\n')[0].substring(0, 50);
date = c.commit.author.date;
}
return '<li><span style="color:#fff;font-weight:bold;">' + author + '</span>: ' + message + '... <span style="float:right;opacity:0.5;font-size:0.8rem;">' + new Date(date).toLocaleDateString() + '</span></li>';
}).join('');
} else {
list.innerHTML = '<li style="color:red">API Limit Reached for Details</li>';
}
} catch (e) {
document.getElementById('modal-loading').innerText = 'Could not load details.';
}
}
const showActiveBtn = document.getElementById('show-active');
const showAllBtn = document.getElementById('show-all');
function setActiveFilter(activeBtn) {
showActiveBtn.style.backgroundColor = activeBtn === showActiveBtn ? '#61afef' : '#444';
showActiveBtn.style.color = activeBtn === showActiveBtn ? '#fff' : '#fff';
showAllBtn.style.backgroundColor = activeBtn === showAllBtn ? 'var(--acreetion-green)' : '#444';
showAllBtn.style.color = activeBtn === showAllBtn ? '#232526' : '#fff';
}
showActiveBtn.addEventListener('click', function() {
const cutoff = new Date();
cutoff.setDate(cutoff.getDate() - 30);
const active = allRepos.filter(function(r) { return new Date(r.pushed_at) > cutoff; });
searchInput.value = '';
renderRepos(active);
setActiveFilter(showActiveBtn);
});
showAllBtn.addEventListener('click', function() {
searchInput.value = '';
renderRepos(allRepos);
setActiveFilter(showAllBtn);
});
modalEl.addEventListener('click', function(e) {
if (e.target === modalEl) modalEl.style.display = 'none';
});
initTracker();
setActiveFilter(showAllBtn);
</script><script>document.addEventListener('DOMContentLoaded',() => {const observer = new IntersectionObserver((entries) => {entries.forEach(entry => {if(entry.isIntersecting) {entry.target.classList.add('active');observer.unobserve(entry.target)}})},{threshold:0.05,rootMargin:"0px 0px -30px 0px"});document.querySelectorAll('.content-box,.dev-card,.event-card,.repo-card').forEach(el => {el.classList.add('reveal');observer.observe(el)})});</script></div>
<button id="back-to-top" title="Back to top" onclick="window.scrollTo({top:0,behavior:'smooth'});">↑</button><script>document.addEventListener('DOMContentLoaded',() => {const btn = document.getElementById('back-to-top');if(!btn) return;window.addEventListener('scroll',() => {if(window.scrollY > 400){btn.classList.add('visible')} else{btn.classList.remove('visible')}})});</script><script src="social-icons.js" defer></script></body></html>