# Demoföreningen - Kalender Integration Demo

Detta är en demo-site som visar hur en förening kan använda Kalender.se för aktiviteter, nyheter och medlemsnära kommunikation på sin egen webbplats.

## Domän
demoforeningen.com

## Syfte
Demonstrera hur enkelt det är att integrera:
- **Aktiviteter** - Visa kommande program och datum
- **Flöde** - Dela nyheter och uppdateringar
- **Kalender** - Visa samma innehåll på både Kalender.se och den egna sajten

## Teknisk Stack
- **Astro** - Modern static site generator
- **TypeScript** - Type-safe development
- Minimalistisk design med inline CSS

## Utveckling

```bash
# Installera dependencies (redan gjort)
npm install

# Starta development server
npm run dev

# Bygga för produktion
npm run build

# Preview production build
npm run preview
```

## Konfiguration

För att använda riktiga Kalender-embeds, uppdatera följande i sidorna:
- `data-entity-id` - Entity ID från Kalender.se
- widget-URL:er från `https://widget.kalender.se/`

## Deployment

Site är redo att deployas till:
- Vercel
- Netlify
- Cloudflare Pages
- Eller vilken hosting som stödjer statiska sites

### Exempel (Vercel):
```bash
npm run build
vercel --prod
```

## Struktur

```
demoforeningen/
├── src/
│   ├── layouts/
│   │   └── Layout.astro      # Huvudlayout med header/footer
│   └── pages/
│       ├── index.astro        # Startsida
│       ├── kalender.astro     # Kalender med events
│       ├── feed.astro         # Nyhetsflöde
│       └── aktiviteter.astro  # Aktiviteter
├── public/
│   └── favicon.svg            # Favicon
└── package.json
```

## Features

### Responsiv Design
- Fungerar på alla skärmstorlekar
- Mobile-first approach

### SEO-optimerad
- Semantisk HTML
- Meta tags för social sharing
- Descriptive titles och descriptions

### Snabb
- Static site generation
- Minimal JavaScript
- Optimerad CSS

## Anpassning

För att anpassa siten för en riktig förening:
1. Byt ut "Demoföreningen" mot föreningens namn
2. Uppdatera färgschema i `Layout.astro`
3. Lägg till riktiga entity IDs från Kalender.se
4. Lägg till föreningens logotyp
5. Uppdatera kontaktuppgifter, styrelse och verksamhetsinfo

## Support

För frågor om Kalender-integrationen, besök [Kalender.se](https://kalender.se) eller kontakta support.