about summary refs log tree commit diff
path: root/pages/konkurs-kulinarny/index.vue
blob: 47e8af7b26a4ccf6d16c47952c818559c2c4d169 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<template>
  <div id="konkurs">
    <img src="/assets/konkurs-kulinarny/chef_hat.svg" />
    <h1>Konkurs Kulinarny</h1>
    <google-drive-link
      text="Zagłosuj!"
      link="https://forms.gle/CCqiSr7Gt3fNWsqo6"
      style="max-width: 900px; margin: 60px 0"
    />
    <section>
      <h2>Druhowie!</h2>

      <p>
        Z powodu wirusa wszyscy musimy siedzieć w swoich domach. Nie znaczy to
        jednak że mamy siedzieć bezczynnie! Dlatego rusza “Konkurs Kulinarny” -
        pierwszy z serii aktywności “wirusowych”. Zasady konkursu są
        następujące:
      </p>

      <p>
        Ugotuj z tego co masz posiłek / deser dla całej rodziny. Nagraj film
        prezentujący twoją potrawę (mile widziane są opinie domowników 😉). Film
        razem z przepisem prześlij na adres
        <a href="mailto:patryk.niedzwiedzinski@zhr.pl"
          >patryk.niedzwiedzinski@zhr.pl</a
        >
        do <b>wtorku</b> godz. 18:30.
      </p>

      <h3>Głosowanie</h3>
      <p>
        Wszystkie przesłane filmy pojawią się na tej stronie, a
        <b>we wtorek</b> o godzinie 19:00 pojawi się tutaj możliwość głosowania.
        Głosować może każdy. Głosowanie będzie trwać do godziny 21:30.
      </p>

      <h3>Nagroda</h3>
      <p>
        Za każde przystąpienie jest 10 punktów do punktacji zastępów, a dla
        zwycięzcy 30 punktów do punktacji zastępów + NIESPODZIANKA.
      </p>
    </section>
    <img id="knifes" src="/assets/konkurs-kulinarny/knifes.svg" />
    <section id="submissions">
      <h2>Przesłane filmy</h2>
      <div>
        <div v-for="{ title, id } in submissions" :key="id" class="link">
          <a :href="id">
            {{ title }}
          </a>
        </div>
      </div>
    </section>
  </div>
</template>

<script>
import GoogleDriveLink from '~/components/GoogleDriveLink'

export default {
  name: 'KonkursKulinarny',
  components: { GoogleDriveLink },
  head() {
    return {
      title: 'Konkurs Kulinarny - 19 PDH Puszcza',
    }
  },
  data() {
    return {
      submissions: [
        {
          title: 'Tymoteusz Jóźwiak - Risotto',
          id: 'https://we.tl/t-Osxf2TEjiX',
        },
        {
          title: 'Paweł Nowak - Ciasto czekoladowe z kaszy',
          id: 'https://we.tl/t-Mw0BwkkDor',
        },
        {
          title: 'Krzysztof Śmiechowski - Serce z jajka i parówki',
          id: 'https://youtu.be/kO2UvFuKmPg',
        },
      ],
    }
  },
}
</script>

<style scoped>
.alert {
  background: #eeeeee;
  padding: 20px;
  margin: 40px 0;
}

#konkurs {
  padding: 80px 10px;
}

h1 {
  letter-spacing: 0.175em;
  text-transform: uppercase;
}

section {
  max-width: 900px;
  text-align: left;
}

#submissions {
  text-align: center;
}

.link {
  display: flex;
  flex-direction: column;
  align-items: center;

  margin: 25px 0;
}

#submissions img {
  max-width: 80%;
}

#knifes {
  margin: 50px 25px;
  max-width: 35vw;
}
</style>