diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml new file mode 100644 index 0000000..c193d20 --- /dev/null +++ b/.github/workflows/deploy.yml @@ -0,0 +1,41 @@ +name: Deploy to GitHub Pages + +on: + push: + branches: [main] + workflow_dispatch: + +permissions: + contents: read + pages: write + id-token: write + +concurrency: + group: pages + cancel-in-progress: true + +jobs: + build: + runs-on: ubuntu-latest + steps: + - uses: actions/checkout@v4 + - uses: actions/setup-node@v4 + with: + node-version: 24 + - run: npm ci + # base må matche repo-navnet fordi Pages serverer på // + - run: npm run build -- --base=/${{ github.event.repository.name }}/ + - uses: actions/configure-pages@v5 + - uses: actions/upload-pages-artifact@v3 + with: + path: dist + + deploy: + needs: build + runs-on: ubuntu-latest + environment: + name: github-pages + url: ${{ steps.deployment.outputs.page_url }} + steps: + - id: deployment + uses: actions/deploy-pages@v4 diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..27f4b6c --- /dev/null +++ b/.gitignore @@ -0,0 +1,37 @@ +# Logs +logs +*.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* +pnpm-debug.log* +lerna-debug.log* + +node_modules +dist +dist-ssr +*.local + +# Environment variables +.env +.env.* +!.env.example + +# Local Claude Code config +.claude/ + +# Editor directories and files +.vscode/* +!.vscode/extensions.json +.idea +.DS_Store +*.suo +*.ntvs* +*.njsproj +*.sln +*.sw? + + +#ETC +# NB: filnavnet under var tidligere feilstavet ("prosjektbeksrivelse.txt"), +# som gjorde at filen faktisk IKKE ble ignorert. Rettet til riktig navn. diff --git a/CHANGES.md b/CHANGES.md new file mode 100644 index 0000000..03fcead --- /dev/null +++ b/CHANGES.md @@ -0,0 +1,110 @@ +# Endringslogg – redesign + favoritter + +Dette dokumentet beskriver endringene som ble gjort i denne omgangen: en +visuell make-over av søkesiden, en ny favoritt-funksjon lagret i +`localStorage`, og et forslag til hva `sessionStorage` kan brukes til videre. + +## 1. Nytt utseende (playful Pokémon-tema) + +**Hvor:** `src/index.css`, `src/App.css`, `index.html` + +**Hva:** +- Byttet fargepalett fra generisk lilla til et Pokéball-inspirert tema: + rødt (`--accent`) og gult (`--gold`) som aksentfarger, definert som + CSS-variabler i `:root` (både lys og mørk modus er oppdatert). +- Lagt til `Nunito`-fonten fra Google Fonts (lenket i `index.html`) for et + litt rundere, mer lekent uttrykk enn systemfonten. +- Søkefeltet, søkeknappen og alle Pokémon-kortene («song»-elementene) har + fått avrundede hjørner, en myk hover-animasjon (kortene løfter seg litt + og får skygge) og tydeligere fokus-ring på input-feltet for + tilgjengelighet. +- Fjernet en fast venstre/høyre-kant (`border-inline`) på `#root` siden + den så rar ut sammen med den nye favoritt-sidebaren. + +**Hvorfor:** Det opprinnelige designet var funksjonelt, men nøytralt og +lite «Pokémon». Siden dette er en Pokedex, gir det mer identitet å bruke +farger og form som minner om selve merkevaren. + +## 2. Fjernet rå debug-liste + +**Hvor:** `src/App.tsx` + +**Hva:** Fjernet `
`-blokken som viste *alle* +Pokémon i en ustylet `