// tokens.jsx — Design tokens, global CSS, and shared UI atoms const SITE_TOKENS = { cream: '#FBF7F0', cream2: '#F4EEDE', paper: '#FFFFFF', ink: '#1F2A24', ink2: '#3A4641', muted: '#6B7268', line: '#E5DCC9', coral: '#E8825A', forest: '#2D5F4E', forestDk: '#1A3D32', sky: '#7BAEC8', sun: '#E8B84A', }; function SiteStyles() { return ( ); } function Logo({ size = 32 }) { return ( ); } function Wordmark({ size = 32, dark = false }) { return (
Sandared Intresseförening
); } function Squiggle({ color, width = 200 }) { return ( ); } function SectionHead({ eyebrow, title, subtitle, align = 'left', maxWidth = 640, titleSize = 56, color }) { return (
{eyebrow &&
{eyebrow}
}

{title}

{subtitle &&

{subtitle}

}
); } // ─── Kalenderverktyg ────────────────────────────────────────────────────────── const CalendarUtils = (function () { function pad2(n) { return String(n).padStart(2, '0'); } function fmt(dateStr, timeStr, addHours) { const p = String(dateStr || '').split('-').map(Number); let hh = 9, mm = 0; if (timeStr && /\d{1,2}:\d{2}/.test(timeStr)) { const t = timeStr.split(':'); hh = +t[0]; mm = +t[1]; } const dt = new Date(p[0] || 1970, (p[1] || 1) - 1, p[2] || 1, hh, mm, 0); if (addHours) dt.setHours(dt.getHours() + addHours); return dt.getFullYear() + pad2(dt.getMonth() + 1) + pad2(dt.getDate()) + 'T' + pad2(dt.getHours()) + pad2(dt.getMinutes()) + '00'; } function esc(s) { return String(s || '').replace(/\\/g, '\\\\').replace(/;/g, '\\;').replace(/,/g, '\\,').replace(/\n/g, '\\n'); } function slug(s) { return String(s || 'event').toLowerCase().replace(/[åä]/g, 'a').replace(/ö/g, 'o').replace(/[^a-z0-9]+/g, '-').replace(/^-+|-+$/g, '').slice(0, 40); } function buildICS(ev) { return [ 'BEGIN:VCALENDAR', 'VERSION:2.0', 'PRODID:-//Sandared//Kalender//SV', 'CALSCALE:GREGORIAN', 'BEGIN:VEVENT', 'UID:' + slug(ev.title) + '-' + (ev.date || '') + '@sandared.se', 'DTSTART:' + fmt(ev.date, ev.time, 0), 'DTEND:' + fmt(ev.date, ev.time, 2), 'SUMMARY:' + esc(ev.title), ev.place ? 'LOCATION:' + esc(ev.place) : '', 'END:VEVENT', 'END:VCALENDAR', ].filter(Boolean).join('\r\n'); } function downloadICS(ev) { const blob = new Blob([buildICS(ev)], { type: 'text/calendar;charset=utf-8' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = slug(ev.title) + '.ics'; document.body.appendChild(a); a.click(); document.body.removeChild(a); setTimeout(function () { URL.revokeObjectURL(url); }, 2000); } function googleUrl(ev) { const dates = fmt(ev.date, ev.time, 0) + '/' + fmt(ev.date, ev.time, 2); let u = 'https://calendar.google.com/calendar/render?action=TEMPLATE' + '&text=' + encodeURIComponent(ev.title || '') + '&dates=' + dates + '&ctz=Europe/Stockholm'; if (ev.place) u += '&location=' + encodeURIComponent(ev.place); return u; } function isoLocal(ev, addH) { const f = fmt(ev.date, ev.time, addH); // YYYYMMDDTHHMMSS return f.slice(0, 4) + '-' + f.slice(4, 6) + '-' + f.slice(6, 8) + 'T' + f.slice(9, 11) + ':' + f.slice(11, 13) + ':' + f.slice(13, 15); } function outlookEventUrl(ev) { let u = 'https://outlook.live.com/calendar/0/deeplink/compose?path=/calendar/action/compose&rru=addevent'; u += '&subject=' + encodeURIComponent(ev.title || ''); u += '&startdt=' + encodeURIComponent(isoLocal(ev, 0)) + '&enddt=' + encodeURIComponent(isoLocal(ev, 2)); if (ev.place) u += '&location=' + encodeURIComponent(ev.place); return u; } function addToCalendar(ev) { // Dator: öppna Google Kalender i ny flik (kalendern öppnas direkt). // Mobil: ladda ner .ics som öppnar enhetens kalenderapp. if (window.innerWidth >= 768) { window.open(googleUrl(ev), '_blank', 'noopener'); } else { downloadICS(ev); } } // webcal:// öppnar kalender-appen för prenumeration function subscribeUrl() { return 'webcal://' + window.location.host + '/api/ics'; } function feedUrl() { return window.location.origin + '/api/ics'; } function subscribe() { // Mobil: webcal öppnar kalenderappen direkt och lägger till prenumerationen. if (window.innerWidth < 768) { window.location.href = subscribeUrl(); return; } // Dator: kopiera den fullständiga https-länken (webcal:// fungerar dåligt // i bl.a. Outlook på dator). Användaren klistrar in den under // "Prenumerera på kalender / Lägg till från webben". const url = feedUrl(); const help = 'Lägg till den i din kalender via "Prenumerera på kalender" / "Lägg till från webben" (Google, Apple eller Outlook).'; if (navigator.clipboard && navigator.clipboard.writeText) { navigator.clipboard.writeText(url).then( function () { window.alert('✓ Kalenderlänk kopierad:\n\n' + url + '\n\n' + help); }, function () { window.prompt(help, url); } ); } else { window.prompt(help, url); } } return { addToCalendar, downloadICS, googleUrl, outlookEventUrl, subscribeUrl, feedUrl, subscribe }; })(); // Swish-betalningslänk — öppnar Swish-appen (mobil) / Swish web (dator) // med förifyllt nummer och belopp. Meddelandet går att redigera. function swishUrl(amount, message) { let u = 'https://app.swish.nu/1/p/sw/?sw=1230223628&cur=SEK&edit=msg'; if (amount) u += '&amt=' + encodeURIComponent(amount); if (message) u += '&msg=' + encodeURIComponent(message); return u; } // ─── Info-anmälan (nyhetsbrev/informationsregister) ────────────────────────── function InfoSignup({ dark }) { const T = SITE_TOKENS; const [email, setEmail] = React.useState(''); const [done, setDone] = React.useState(false); const submit = async (e) => { e.preventDefault(); if (!email.trim()) return; try { await window.API.post('subscribers', { email: email.trim() }); } catch (err) {} setDone(true); }; if (done) { return (
Tack! Du får nu information från oss.
); } return (
setEmail(e.target.value)} placeholder="din@epost.se" aria-label="E-postadress" className={dark ? 'dark-field' : ''} style={{ flex: 1, padding: '12px 14px', borderRadius: 10, border: 0, fontSize: 14, fontFamily: 'inherit', outline: 'none', background: dark ? 'rgba(255,255,255,0.1)' : T.paper, color: dark ? T.cream : T.ink, boxShadow: dark ? `inset 0 0 0 1.5px ${T.cream}33` : `inset 0 0 0 1.5px ${T.line}`, boxSizing: 'border-box' }} />
); } // ─── Modal: lägg till kalendern (Outlook / Google / Apple) ─────────────────── function CalSubscribeModal({ onClose }) { const T = SITE_TOKENS; const feed = CalendarUtils.feedUrl(); // https://.../api/ics const webcal = CalendarUtils.subscribeUrl(); // webcal://.../api/ics const NAME = 'Sandareds Intresseförening'; const googleHref = 'https://calendar.google.com/calendar/render?cid=' + encodeURIComponent(webcal); const outlookHref = 'https://outlook.live.com/calendar/0/addfromweb?url=' + encodeURIComponent(feed) + '&name=' + encodeURIComponent(NAME); const [copied, setCopied] = React.useState(false); const copy = () => { if (navigator.clipboard && navigator.clipboard.writeText) { navigator.clipboard.writeText(feed).then(() => setCopied(true), () => window.prompt('Kopiera länken:', feed)); } else { window.prompt('Kopiera länken:', feed); } }; const calIcon = ( ); const Row = ({ href, onClick, title, sub }) => ( { if (onClick) { e.preventDefault(); onClick(); } else { onClose && setTimeout(onClose, 50); } }} style={{ display: 'flex', alignItems: 'center', gap: 14, padding: '14px 16px', borderRadius: 14, background: T.cream, boxShadow: `inset 0 0 0 1.5px ${T.line}`, textDecoration: 'none', color: T.ink, cursor: 'pointer' }}>
{calIcon}
{title}
{sub}
→ ); return (
e.stopPropagation()} style={{ background: T.paper, borderRadius: 24, padding: 28, width: '100%', maxWidth: 460, maxHeight: '90vh', overflowY: 'auto', boxShadow: '0 30px 80px rgba(0,0,0,0.32)' }}>

Lägg till vår kalender

Välj din kalender — alla event uppdateras automatiskt när vi lägger till nya.

); } // ─── Modal: lägg till ett enskilt event (Outlook / Google / Apple) ─────────── function CalAddModal({ ev, onClose }) { const T = SITE_TOKENS; const calIcon = ( ); const Row = ({ href, onClick, title, sub }) => ( { if (onClick) { e.preventDefault(); onClick(); } if (onClose) setTimeout(onClose, 50); }} style={{ display: 'flex', alignItems: 'center', gap: 14, padding: '14px 16px', borderRadius: 14, background: T.cream, boxShadow: `inset 0 0 0 1.5px ${T.line}`, textDecoration: 'none', color: T.ink, cursor: 'pointer' }}>
{calIcon}
{title}
{sub}
→ ); return (
e.stopPropagation()} style={{ background: T.paper, borderRadius: 24, padding: 28, width: '100%', maxWidth: 460, maxHeight: '90vh', overflowY: 'auto', boxShadow: '0 30px 80px rgba(0,0,0,0.32)' }}>

Lägg till i kalendern

{ev.title}{ev.date ? ' · ' + ev.date : ''}

CalendarUtils.downloadICS(ev)} title="Apple Kalender" sub="Öppnar Kalender på Mac/iPhone (.ics)"/> CalendarUtils.downloadICS(ev)} title="Ladda ner (.ics)" sub="För Outlook på dator m.fl."/>
); } // ─── Integritetspolicy & cookies (modal) ──────────────────────────────────── function PolicyModal({ onClose }) { const T = SITE_TOKENS; React.useEffect(() => { const h = (e) => { if (e.key === 'Escape') onClose(); }; window.addEventListener('keydown', h); return () => window.removeEventListener('keydown', h); }, [onClose]); const H = ({ children }) =>

{children}

; const P = ({ children }) =>

{children}

; return (
e.stopPropagation()} style={{ background: T.paper, borderRadius: 22, padding: '30px 32px', width: '100%', maxWidth: 620, maxHeight: '88vh', overflowY: 'auto', boxShadow: '0 30px 80px rgba(0,0,0,0.32)', position: 'relative' }}>
Integritet

Integritetspolicy & cookies

Personuppgiftsansvarig

Sandareds Intresseförening (org.nr 802431-1857) ansvarar för de personuppgifter du lämnar via sandared.se. Du når oss på info@sandared.se.

Vilka uppgifter vi samlar in

Namn, adress, e-postadress och telefonnummer — de uppgifter du själv anger när du blir medlem, anmäler dig eller ditt företag till ett evenemang, föreslår ett projekt eller anmäler dig till vårt informationsutskick.

Varför och med vilken laglig grund

Vi behandlar uppgifterna för att administrera medlemskap, hantera anmälningar till evenemang, skicka information och kontakta dig i föreningsärenden. Laglig grund är fullgörande av medlemsavtal, samtycke (informationsutskick) samt berättigat intresse (evenemang och föreningskommunikation).

Var och hur länge uppgifterna lagras

Uppgifterna lagras säkert hos Microsoft Azure inom EU. De sparas så länge du är medlem eller tills du ber oss ta bort dem. Anmälningar och projektförslag gallras när de inte längre behövs.

Delning med andra

Vi säljer eller delar aldrig dina uppgifter med tredje part i marknadsförings­syfte. Uppgifterna behandlas av föreningen och av vår tekniska leverantör (Microsoft Azure) som personuppgiftsbiträde.

Dina rättigheter

Du har rätt att begära tillgång till, rättelse eller radering av dina uppgifter, samt att invända mot eller begränsa behandlingen. Kontakta info@sandared.se. Du kan även lämna klagomål till Integritetsskyddsmyndigheten (IMY).

Cookies

sandared.se använder inga cookies för spårning, analys eller marknadsföring. För inloggning i föreningens admin-panel används webbläsarens sessionStorage för att hålla styrelsen inloggad — den informationen ligger kvar tills fliken stängs och delas inte med någon. Typsnitt laddas från Google Fonts, vilket innebär att Google kan ta emot din IP-adress vid sidladdning. Eftersom vi inte använder spårningscookies behövs inget samtycke.

); } function openPolicy() { window.dispatchEvent(new CustomEvent('sint-open-policy')); } Object.assign(window, { SITE_TOKENS, SiteStyles, Logo, Wordmark, Squiggle, SectionHead, CalendarUtils, InfoSignup, swishUrl, CalSubscribeModal, CalAddModal, PolicyModal, openPolicy });