Awesome/awesome-copilot
1
0
Fork 0
mirror of https://github.com/github/awesome-copilot.git synced 2026-03-15 05:35:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

website tweaks (#952)

Browse Source 
* Adding nav to learning hub

* Simplifying the home page

* Fixing footer spacing
This commit is contained in:
Aaron Powell
2026-03-10 16:03:53 +11:00
committed by GitHub
parent cf4e33e1fd
commit 52dd53d3a3
4 changed files with 65 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
website/src/scripts/pages/index.ts
View File

@@ -50,10 +50,10 @@ export async function initHomepage(): Promise<void> {
if (searchIndex) {
const search = new FuzzySearch<SearchItem>();
search.setItems(searchIndex);
const searchInput = document.getElementById('global-search') as HTMLInputElement;
const resultsDiv = document.getElementById('search-results');
if (searchInput && resultsDiv) {
searchInput.addEventListener('input', debounce(() => {
const query = searchInput.value.trim();
@@ -61,7 +61,7 @@ export async function initHomepage(): Promise<void> {
resultsDiv.classList.add('hidden');
return;
}
const results = search.search(query).slice(0, 10);
if (results.length === 0) {
resultsDiv.innerHTML = '<div class="search-result-empty">No results found</div>';
@@ -87,7 +87,7 @@ export async function initHomepage(): Promise<void> {
}
resultsDiv.classList.remove('hidden');
}, 200));
// Close results when clicking outside
document.addEventListener('click', (e) => {
if (!searchInput.contains(e.target as Node) && !resultsDiv.contains(e.target as Node)) {
@@ -97,37 +97,6 @@ export async function initHomepage(): Promise<void> {
}
}
// Load featured plugins
const pluginsData = await fetchData<PluginsData>('plugins.json');
if (pluginsData && pluginsData.items) {
const featured = pluginsData.items.filter(c => c.featured).slice(0, 6);
const featuredEl = document.getElementById('featured-plugins');
if (featuredEl) {
if (featured.length > 0) {
featuredEl.innerHTML = featured.map(c => `
<div class="card" data-path="${escapeHtml(c.path)}">
<h3>${escapeHtml(c.name)}</h3>
<p>${escapeHtml(truncate(c.description, 80))}</p>
<div class="resource-meta">
<span class="resource-tag">${c.itemCount} items</span>
${c.tags?.slice(0, 3).map(t => `<span class="resource-tag">${escapeHtml(t)}</span>`).join('') || ''}
</div>
</div>
`).join('');
// Add click handlers
featuredEl.querySelectorAll('.card').forEach(el => {
el.addEventListener('click', () => {
const path = (el as HTMLElement).dataset.path;
if (path) openFileModal(path, 'plugin');
});
});
} else {
featuredEl.innerHTML = '<p style="text-align: center; color: var(--color-text-muted);">No featured plugins yet</p>';
}
}
}
// Setup modal
setupModal();
}