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

Initial next app

Browse Source
This commit is contained in:
veikko
2022-06-06 19:00:21 +03:00
parent 78f6b78438
commit 696bc00072
17 changed files with 643 additions and 225 deletions
Download Patch File Download Diff File Expand all files Collapse all files

127
pages/index.tsx
View File

@@ -1,72 +1,67 @@
import type { NextPage } from 'next'
import Head from 'next/head'
import Image from 'next/image'
import styles from '../styles/Home.module.css'
import type { NextPage } from 'next';
import { Footer } from './components/Footer';
import { Header } from './components/Header';
import styles from '../styles/Home.module.scss';
const Home: NextPage = () => {
return (
<div className={styles.container}>
<Head>
<title>Create Next App</title>
<meta name="description" content="Generated by create next app" />
<link rel="icon" href="/favicon.ico" />
</Head>
<>
<Header />
<main>
<section className={styles.logo} id='logo-start'>
<img src='runosaari-logo.jpg' alt='Runosaari logo' />
<div id='logo-credits'>
<div>@Sanna Hukkanen</div>
</div>
</section>
<main className={styles.main}>
<h1 className={styles.title}>
Welcome to <a href="https://nextjs.org">Next.js!</a>
</h1>
<p className={styles.description}>
Get started by editing{' '}
<code className={styles.code}>pages/index.tsx</code>
</p>
<div className={styles.grid}>
<a href="https://nextjs.org/docs" className={styles.card}>
<h2>Documentation &rarr;</h2>
<p>Find in-depth information about Next.js features and API.</p>
</a>
<a href="https://nextjs.org/learn" className={styles.card}>
<h2>Learn &rarr;</h2>
<p>Learn about Next.js in an interactive course with quizzes!</p>
</a>
<a
href="https://github.com/vercel/next.js/tree/canary/examples"
className={styles.card}
>
<h2>Examples &rarr;</h2>
<p>Discover and deploy boilerplate example Next.js projects.</p>
</a>
<a
href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
className={styles.card}
>
<h2>Deploy &rarr;</h2>
<p>
Instantly deploy your Next.js site to a public URL with Vercel.
</p>
</a>
</div>
<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>
<Footer />
</>
);
};
<footer className={styles.footer}>
<a
href="https://vercel.com?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
target="_blank"
rel="noopener noreferrer"
>
Powered by{' '}
<span className={styles.logo}>
<Image src="/vercel.svg" alt="Vercel Logo" width={72} height={16} />
</span>
</a>
</footer>
</div>
)
}
export default Home
export default Home;