Files
awesome-copilot/website-astro/src/pages/instructions.astro
Aaron Powell 6bcb6ffc37 refactor(website): convert to ES modules with TypeScript
- Replace all inline scripts with TypeScript modules
- Create page-specific modules for agents, prompts, instructions, skills, collections, index
- Create core modules: utils.ts, search.ts, modal.ts, choices.ts, jszip.ts, theme.ts
- Remove window global exports, use proper ES module imports
- Add type interfaces for all data structures
- Use data-base-path attribute on body for base URL handling
- Bundle Choices.js and JSZip via npm instead of CDN
- Astro pages now just have single script import each
2026-01-28 16:38:49 +11:00

43 lines
1.3 KiB
Plaintext

---
import BaseLayout from '../layouts/BaseLayout.astro';
import Modal from '../components/Modal.astro';
---
<BaseLayout title="Instructions" description="Coding standards and best practices for GitHub Copilot" activeNav="instructions">
<main>
<div class="page-header">
<div class="container">
<h1>📋 Instructions</h1>
<p>Coding standards and best practices for GitHub Copilot</p>
</div>
</div>
<div class="page-content">
<div class="container">
<div class="search-bar">
<input type="text" id="search-input" placeholder="Search instructions..." autocomplete="off">
</div>
<div class="filters-bar" id="filters-bar">
<div class="filter-group">
<label for="filter-extension">File Extension:</label>
<select id="filter-extension" multiple></select>
</div>
<button id="clear-filters" class="btn btn-secondary btn-small">Clear Filters</button>
</div>
<div class="results-count" id="results-count"></div>
<div class="resource-list" id="resource-list">
<div class="loading">Loading instructions...</div>
</div>
</div>
</div>
</main>
<Modal />
<script>
import '../scripts/pages/instructions';
</script>
</BaseLayout>