mirror of
https://github.com/shadoll/vancouver.git
synced 2026-08-28 03:28:21 +00:00
feat: initial commit of Vancouver Investment Fund web application
This commit is contained in:
@@ -0,0 +1,39 @@
|
||||
# Copilot Instructions
|
||||
|
||||
<!-- Use this file to provide workspace-specific custom instructions to Copilot. For more details, visit https://code.visualstudio.com/docs/copilot/copilot-customization#_use-a-githubcopilotinstructionsmd-file -->
|
||||
|
||||
This is a Svelte project with the following specifications:
|
||||
|
||||
## Tech Stack
|
||||
- Svelte with Vite (no webpack)
|
||||
- Docker/Podman for local development
|
||||
- GitHub Actions for CI/CD and GitHub Pages deployment
|
||||
- SPA Router for routing
|
||||
- Lucide Svelte for icons
|
||||
|
||||
## Architecture
|
||||
- Component-based architecture with reusable components
|
||||
- Global styles and component-specific styles
|
||||
- Multilanguage support with browser detection
|
||||
- Theme switching (light/dark mode) with system detection
|
||||
- Responsive design for mobile and desktop
|
||||
- Local storage for user preferences
|
||||
- Smooth animations and scroll effects
|
||||
|
||||
## Key Components
|
||||
- Header (with language switcher and theme switcher)
|
||||
- Footer
|
||||
- LanguageSwitcher
|
||||
- ThemeSwitcher
|
||||
- Main content components
|
||||
|
||||
## Styling Guidelines
|
||||
- Use CSS custom properties for theming
|
||||
- Mobile-first responsive design
|
||||
- Smooth transitions and animations
|
||||
- Modern, clean design aesthetic
|
||||
|
||||
## State Management
|
||||
- Use Svelte stores for global state
|
||||
- Store user preferences (theme, language) in localStorage
|
||||
- Detect browser language and system theme as defaults
|
||||
@@ -0,0 +1,61 @@
|
||||
name: Build and Deploy to GitHub Pages
|
||||
|
||||
on:
|
||||
push:
|
||||
branches: [ "main" ]
|
||||
pull_request:
|
||||
branches: [ "main" ]
|
||||
|
||||
permissions:
|
||||
contents: read
|
||||
pages: write
|
||||
id-token: write
|
||||
|
||||
concurrency:
|
||||
group: "pages"
|
||||
cancel-in-progress: false
|
||||
|
||||
jobs:
|
||||
build:
|
||||
runs-on: ubuntu-latest
|
||||
|
||||
steps:
|
||||
- name: Checkout
|
||||
uses: actions/checkout@v4
|
||||
|
||||
- name: Setup Node.js
|
||||
uses: actions/setup-node@v4
|
||||
with:
|
||||
node-version: '20'
|
||||
cache: 'npm'
|
||||
|
||||
- name: Install dependencies
|
||||
run: npm ci
|
||||
|
||||
- name: Build
|
||||
run: npm run build
|
||||
env:
|
||||
NODE_ENV: production
|
||||
|
||||
- name: Setup Pages
|
||||
uses: actions/configure-pages@v4
|
||||
if: github.ref == 'refs/heads/main'
|
||||
|
||||
- name: Upload artifact
|
||||
uses: actions/upload-pages-artifact@v3
|
||||
if: github.ref == 'refs/heads/main'
|
||||
with:
|
||||
path: './dist'
|
||||
|
||||
deploy:
|
||||
environment:
|
||||
name: github-pages
|
||||
url: ${{ steps.deployment.outputs.page_url }}
|
||||
runs-on: ubuntu-latest
|
||||
needs: build
|
||||
if: github.ref == 'refs/heads/main'
|
||||
|
||||
steps:
|
||||
- name: Deploy to GitHub Pages
|
||||
id: deployment
|
||||
uses: actions/deploy-pages@v4
|
||||
Reference in New Issue
Block a user