Files
runosaari/pages/program.tsx

70 lines
2.0 KiB
TypeScript

import React, { useState } from 'react';
import { FiExternalLink } from 'react-icons/fi';
import shared from '../styles/Shared.module.scss';
import styles from '../styles/Program.module.scss';
import { CSSTransition } from 'react-transition-group';
import { BiChevronDown, BiChevronLeft } from 'react-icons/bi';
interface DayToggles {
wed: boolean;
thu: boolean;
fri: boolean;
sat: boolean;
}
const Program = () => {
return (
<section className={shared.page}>
<h1 id='program-start'>Ohjelma</h1>
{/* Vaihela */}
<h2 className={styles.programTitle}>
<span>7.6.</span>
<a href='https://www.cafelaituri.fi'>
<span className={styles.placeName}>Vaihela</span>
<FiExternalLink fontSize={20} />
</a>
<span>pe</span>
</h2>
<span className={styles.locationAddress}>
Saaristohotelli Vaihela, Velkuanmaantie 168, Velkuanmaa
</span>
<span className={styles.timeSpan}>18:00 - 21:00</span>
<ul className={styles.performerList}>
<li>Äyräs</li>
<li>Hanna Storm</li>
<li>Juha Rautio</li>
<li>Katariina Vuorinen<br />& Ilkka Turta</li>
</ul>
<i>Ohjelma täydentyy...</i>
<hr className={styles.programHr} />
{/* Laituri */}
<h2 className={styles.programTitle}>
<span>14.6.</span>
<a href='https://www.cafelaituri.fi'>
<span className={styles.placeName}>Laituri</span>
<FiExternalLink fontSize={20} />
</a>
<span>pe</span>
</h2>
<span className={styles.locationAddress}>
Café Laituri, Voiponlahdentie 37, Palva
</span>
<span className={styles.timeSpan}>18:00 - 21:00</span>
<ul className={styles.performerList}>
<li>Juha Kulmala + Positroninen runo-orkesteri </li>
<li>Terhi Forssén</li>
<li>Katariina Vuorinen & Björn</li>
<li>Risto Oikarinen</li>
</ul>
<i>Ohjelma täydentyy...</i>
<hr className={styles.programHr} />
</section>
);
};
export default Program;