<script setup lang="ts">
</script>

<template>
  <section class="logo" id="logo-start">
    <picture>
      <source srcset="runosaari-logo_small.jpg" media="(max-width: 600px)" alt="Runosaari logo" />
      <source srcset="runosaari-logo.jpg" alt="Runosaari logo" />
      <img src="runosaari-logo.jpg" alt="Runosaari logo" />
    </picture>
    <div id="logo-credits">
      <div>@Sanna Hukkanen</div>
    </div>
  </section>

  <section class="main">
    <h1 id="main-title">Runosaari 2022</h1>
    <h2>
      <span class="time-and-place">~ 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>
</template>

<style scoped lang="scss">
section.logo {
  width: 80%;
  max-width: 1000px;
  background-color: #d5caf2;
  border-radius: 3px 3px 0px 0px;
  padding-top: 3px;

  img {
    width: 100%;
  }

  #logo-credits {
    font-size: 90%;
    display: flex;
    justify-content: right;
    background-color: #d5caf2;
    max-width: 990px;
    padding-right: 10px;
  }
}

section.text {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 80%;
  max-width: 1000px;
  background-image: linear-gradient(to top, rgba(255, 0, 0, 0), #d5caf2);
  text-align: center;

  p {
    padding: 0px 20px;
    max-width: 56%;
  }

  @media screen and (max-width: 600px) {
    p {
      max-width: 90% !important;
    }
  }
}

@media screen and (max-width: 600px) {
  section.text {
    width: 90% !important;
  }
}

@media screen and (max-width: 600px) {
  #main-title {
    visibility: hidden;
    height: 0px;
    margin: 0px;
  }
}

@media screen and (max-width: 600px) {
  .time-and-place {
    font-size: 1.1rem;
  }
}
</style>
