tietokonepaja/runosaari
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Skeleton of the new style

Browse Source
This commit is contained in:
veikko
2022-06-07 00:24:13 +03:00
parent 696bc00072
commit 94407d1b68
10 changed files with 146 additions and 344 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
pages/_document.tsx Normal file
View File

@@ -0,0 +1,22 @@
import Document, { Html, Head, Main, NextScript } from 'next/document';
class MyDocument extends Document {
render() {
return (
<Html>
<Head>
<link
href='https://fonts.googleapis.com/css?family=Crimson+Text'
rel='stylesheet'
/>
</Head>
<body>
<Main />
<NextScript />
</body>
</Html>
);
}
}
export default MyDocument;

13
pages/api/hello.ts
View File

@@ -1,13 +0,0 @@
// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
import type { NextApiRequest, NextApiResponse } from 'next'
type Data = {
name: string
}
export default function handler(
req: NextApiRequest,
res: NextApiResponse<Data>
) {
res.status(200).json({ name: 'John Doe' })
}

35
pages/components/Footer.tsx
View File

@@ -4,12 +4,7 @@ import styles from '../../styles/Footer.module.scss';
export const Footer = () => {
return (
<footer>
<div className={styles.mobileMiddle}>
<Link href='/#nav-bar'>
<img src='small-logo.png' alt='small logo' />
</Link>
</div>
<footer className={styles.footer}>
<div className={styles.container}>
<div className={styles.left}>
Livonsaari & Palva & Velkuanmaa
@@ -19,25 +14,27 @@ export const Footer = () => {
</div>
<div className={styles.middle}>
<Link href='/#nav-bar'>
<img src='small-logo.png' alt='small logo' />
<img
className={styles.logo}
src='small-logo.png'
alt='small logo'
/>
</Link>
<div>
<a
className={styles.sourceLink}
href='https://github.com/codevictory/runosaari.net'
>
lähdekoodi
</a>
by codevictory
</div>
</div>
<div className={styles.right}>
Katariina Vuorinen <br />
<a className='generic-link' href='mailto:runosaari@gmail.com'>
runosaari@gmail.com
</a>
<a href='mailto:runosaari@gmail.com'>runosaari@gmail.com</a>
</div>
</div>
<div>
<a
className='generic-link'
href='https://github.com/codevictory/runosaari.net'
>
lähdekoodi
</a>
by codevictory
</div>
</footer>
);
};

39
pages/components/Header.tsx
View File

@@ -4,25 +4,26 @@ import styles from '../../styles/Header.module.scss';
export const Header = () => {
return (
<header>
<nav className={styles.mainNavBar}>
<Link href='/'>Etusivu</Link>
<Link href='/program'>Ohjelma</Link>
<Link href='/performers'>Esiintyjät</Link>
<Link href='/info'>Info</Link>
<Link href='/safety'>Turvallisuus</Link>
<Link href='/archive'>Arkisto</Link>
</nav>
<h1 className={styles.mobileMainTitle}>
<Link href='/'>Runosaari 2022</Link>
</h1>
<nav className={styles.mobileMainNavBar} id='nav-bar'>
<Link href='/#logo-start'>Etusivu</Link>
<Link href='/program#program-start'>Ohjelma</Link>
<Link href='/performers#performers-start'>Esiintyjät</Link>
<Link href='/info#contact-start'>Info</Link>
<Link href='/safety#safety-start'>Turvallisuus</Link>
<Link href='/archive#archive-start'>Arkisto</Link>
<header className={styles.header}>
<nav className={styles.navBar}>
<Link href='/'>
<a className={styles.navBarLink}>Etusivu</a>
</Link>
<Link href='/program'>
<a className={styles.navBarLink}>Ohjelma</a>
</Link>
<Link href='/performers'>
<a className={styles.navBarLink}>Esiintyjät</a>
</Link>
<Link href='/info'>
<a className={styles.navBarLink}>Info</a>
</Link>
<Link href='/safety'>
<a className={styles.navBarLink}>Turvallisuus</a>
</Link>
<Link href='/archive'>
<a className={styles.navBarLink}>Arkisto</a>
</Link>
</nav>
</header>
);

60
pages/index.tsx
View File

@@ -7,58 +7,18 @@ const Home: NextPage = () => {
return (
<>
<Header />
<main>
<section className={styles.logo} id='logo-start'>
<img src='runosaari-logo.jpg' alt='Runosaari logo' />
<div id='logo-credits'>
<section className={styles.logoContainer}>
<div className={styles.logo} id='logo-start'>
<img
className={styles.logoImage}
src='runosaari-logo.jpg'
alt='Runosaari logo'
/>
<div className={styles.logoCredits}>
<div>@Sanna Hukkanen</div>
</div>
</section>
<section className={styles.main}>
<h1 id='main-title'>Runosaari 2022</h1>
<h2>
<span className={styles.timeAndPlace}>
~ 20.-23.7. Livonsaari & Velkuanmaa ~
</span>
<br />
Eksymisretki omaan luontoosi, metsänpeiton suojaan!
</h2>
<p>
Lumi ja jää vähenee, vedenpinta nousee ja pandemian aallot viistävät
meidänkin rantojamme. Peurojen kurittaman monimuotoisuuden keskelle
nousee RUNOSAARI täynnä ihmetystä ja kysymyksiä: onko
tulevaisuudella tulevaisuutta? Kuinka luontoon lomittuminen voi olla
mahdollista? Jos eksymme metsänpeittoon, voimmeko löytää jonnekin?
</p>
<p>
Uusi poikkitaiteellinen runofestivaali järjestetään toista kertaa
Livonsaaressa, Palvassa ja Velkuanmaassa 20.-23.7.2022! Ohjelmassa
runous yhdistyy elävään musiikkiin ja erilaisiin taiteellisiin
työpajoihin. Livonsaaren perinteinen Seurantalo pikniknurmikkoineen
ja lähimetsineen tarjoaa puitteet lavaesiintyjille, työpajoille ja
elävälle musiikille. Cafe Laiturissa runous kohtaa yleisön meren
äärellä. Velkuanmaan pastoraali-idylli kahden lossin takana
viettelee saaristoluonnon syvyyksiin, ja runoiltapäivässä saamme
nauttia soitosta ja runoudesta Saaristohotelli Vaihelan leppoisalla
terassilla.
</p>
<p>
Runosaari-festivaaliin osallistuu toistakymmentä maamme eturivin
runoilijaa, muusikoita, työpajan vetäjiä ja muita esiintyjiä ke
20.7.– la 23.7.2022.
</p>
<p>
Tapahtuman järjestää Runosaari-työryhmä. Yhteistyössä: Runoviikko
ry, Kirjan talo – Bokens hus ry, Livonsaaren kyläyhdistys ry,
Velkuan saaristolaisyhdistys ry, Aviador Kustannus, Enostone
Kustannus, Cafe Laituri ja Saaristohotelli Vaihela.
</p>
<p>
<i>[Ohjelmaa päivitetään]</i>
</p>
</section>
</main>
</div>
</section>
<Footer />
</>
);