<script setup="setup">
const store = useStraniStore()
const stran = computed(() => store.strani['YuFu'])
useHead({meta: [{title: "jugofuturizem"}]})

await store.naloziStrani()
</script>

<template>
  <section class="stran" v-html="stran.tekst" />
</template>

<style>
  body {
    font-family: Inter;
    margin: 0;
    padding: 1rem;
  }

  @media screen and (min-width: 260px) {
    .meni {
      display: flex;
      padding: 0;
      justify-content: space-between;
    }
  }

  .meni li {
    margin-left: 1.2rem;
  }

  h1 {
    text-align: center;
    font-size: 2.5rem;
    margin: .2rem 0 1rem 0;
  }

  form {
    display: flex;
    flex-direction: column;
  }

  input[type=submit] { margin-top: 1rem; }

  details > summary {
    list-style: none;
  }

  .gumb {
    display: block;
    padding: .2rem .5rem;
    font-family: Trailers;
    font-size: 2rem;
    cursor: pointer;
  }

  .etherpad-textarea {
    height: 25rem;
  }
</style>
