Merge pull request #29 from 19pdh/konkurs-kulinarny

Konkurs kulinarny

6 files changed, 126 insertions, 2 deletions

diff --git a/assets/css/main.css b/assets/css/main.css
index 7da562e..e673104 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -16,3 +16,7 @@ body {
   -moz-osx-font-smoothing: grayscale;
   color: #181818;
 }
+
+a {
+  color: black;
+}
diff --git a/components/KonkursKulinarny.vue b/components/KonkursKulinarny.vue
new file mode 100644
index 0000000..c376d82
--- /dev/null
+++ b/components/KonkursKulinarny.vue
@@ -0,0 +1,31 @@
+<template>
+  <section>
+    <img src="/assets/konkurs-kulinarny/chef_hat.svg" />
+    <h1>Konkurs Kulinarny</h1>
+    <plain-button @click="$router.push('/konkurs-kulinarny')" text="Przejdź" />
+  </section>
+</template>
+
+<script>
+import PlainButton from './Buttons/PlainButton'
+
+export default {
+  name: 'KonkursKulinarny',
+  components: {
+    PlainButton,
+  },
+}
+</script>
+
+<style scoped>
+h1 {
+  letter-spacing: 0.175em;
+  text-transform: uppercase;
+  margin: 1.5em 0;
+}
+
+section {
+  margin: 80px 0;
+  font-size: 1.5em;
+}
+</style>
diff --git a/pages/index.vue b/pages/index.vue
index 8cf6327..1428644 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,6 +1,7 @@
 <template>
   <div>
     <join-us />
+    <konkurs-kulinarny />
     <div style="width: 100%; padding-top: 50px">
       <h1>Ostatnie wpisy z kroniki</h1>
       <post-list :posts="posts" :max="4" />
@@ -15,11 +16,12 @@ import JoinUs from '~/components/JoinUs.vue'
 import FacebookFeed from '~/components/Facebook/FacebookFeed.vue'
 import PostList from '~/components/Posts/PostList'
 import ObozWidget from '~/components/ObozWidget'
+import KonkursKulinarny from '~/components/KonkursKulinarny'
 import postListParentMixin from '~/components/Posts/PostList/parentMixin'
 
 export default {
   name: 'HomeView',
-  components: { JoinUs, FacebookFeed, PostList, ObozWidget },
-  mixins: [postListParentMixin]
+  components: { JoinUs, FacebookFeed, PostList, ObozWidget, KonkursKulinarny },
+  mixins: [postListParentMixin],
 }
 </script>
diff --git a/pages/konkurs-kulinarny/index.vue b/pages/konkurs-kulinarny/index.vue
new file mode 100644
index 0000000..cb458b0
--- /dev/null
+++ b/pages/konkurs-kulinarny/index.vue
@@ -0,0 +1,72 @@
+<template>
+  <div id="konkurs">
+    <img src="/assets/konkurs-kulinarny/chef_hat.svg" />
+    <h1>Konkurs Kulinarny</h1>
+    <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 poniedziałku godz. 18:30.
+      </p>
+
+      <h3>Głosowanie</h3>
+      <p>
+        Wszystkie przesłane filmy pojawią się na tej stronie, a w poniedziałek 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" />
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'KonkursKulinarny',
+  head() {
+    return {
+      title: 'Konkurs Kulinarny - 19 PDH Puszcza',
+    }
+  },
+}
+</script>
+
+<style scoped>
+#konkurs {
+  padding: 80px 10px;
+}
+
+h1 {
+  letter-spacing: 0.175em;
+  text-transform: uppercase;
+}
+
+section {
+  max-width: 900px;
+  text-align: left;
+}
+
+#knifes {
+  margin: 50px 25px;
+  max-width: 35vw;
+}
+</style>
diff --git a/static/assets/konkurs-kulinarny/chef_hat.svg b/static/assets/konkurs-kulinarny/chef_hat.svg
new file mode 100644
index 0000000..c7b3dbd
--- /dev/null
+++ b/static/assets/konkurs-kulinarny/chef_hat.svg
@@ -0,0 +1,3 @@
+<svg width="164" height="109" viewBox="0 0 164 109" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M114.502 66.7863C114.502 68.7863 114.502 105.286 114.502 105.286C91.5018 93.7863 67.0017 91.7863 40.0017 105.286C44.0017 92.2863 43.0017 82.7863 40.0017 72.2863C26.5014 126.286 -25.9986 57.2863 24.5017 33.2863C24.5017 33.2863 12.7869 39.2863 13.0012 38.2863C23.5012 -10.7137 85.0013 2.78625 97.0014 11.7863C97.0014 10.7863 85.5013 4.78631 85.5013 4.78631C96.168 3.28631 119.501 4.78625 127.501 22.7863C122.701 27.5863 115.835 29.7863 113.001 30.2863C173.501 9.78625 179.001 114.786 116.501 88.2863V62.2863C106.668 57.9529 79.301 55.4863 60.5013 62.2863C60.5013 62.2863 96.0013 53.7863 114.502 66.7863Z" stroke="black" stroke-width="6" stroke-linejoin="round"/>
+</svg>
diff --git a/static/assets/konkurs-kulinarny/knifes.svg b/static/assets/konkurs-kulinarny/knifes.svg
new file mode 100644
index 0000000..14e7abd
--- /dev/null
+++ b/static/assets/konkurs-kulinarny/knifes.svg
@@ -0,0 +1,12 @@
+<svg width="189" height="132" viewBox="0 0 189 132" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M67.8548 117.259L57.5366 106.194L105.268 61.6839L120.037 77.522C118.593 79.6628 112.269 77.3115 110.085 79.8991C98.8814 93.1749 79.4975 110.815 67.8548 117.259Z" fill="black"/>
+<path d="M123.057 81.1956L105.051 61.8863L152.639 17.509L152.64 17.5089C158.178 12.3444 165.154 5.83886 171.496 4.3865C179.223 23.5469 156.903 49.634 123.057 81.1956Z" fill="white" stroke="black" stroke-width="1.77993"/>
+<circle r="8.60299" transform="matrix(-0.731354 0.681999 0.681998 0.731354 63.4038 112.486)" fill="black"/>
+<circle r="3.2632" transform="matrix(-0.731354 0.681999 0.681998 0.731354 63.4038 112.486)" fill="white"/>
+<path d="M122.912 78.4297L120.64 75.9935C120.64 75.9935 164.931 36.5575 170.743 7.92847C177.036 30.563 122.912 78.4297 122.912 78.4297Z" fill="#E4E4E4"/>
+<path d="M121.422 117.259L131.741 106.194L84.0094 61.6839L69.2402 77.522C70.6845 79.6628 77.0084 77.3115 79.1922 79.8991C90.3958 93.1749 109.78 110.815 121.422 117.259Z" fill="black"/>
+<path d="M66.2201 81.1956L84.2263 61.8863L36.6377 17.509L36.6376 17.5089C31.0993 12.3444 24.123 5.83886 17.7809 4.3865C10.0541 23.5469 32.3744 49.634 66.2201 81.1956Z" fill="white" stroke="black" stroke-width="1.77993"/>
+<ellipse cx="125.873" cy="112.486" rx="8.60299" ry="8.603" transform="rotate(43 125.873 112.486)" fill="black"/>
+<ellipse cx="125.873" cy="112.486" rx="3.2632" ry="3.26321" transform="rotate(43 125.873 112.486)" fill="white"/>
+<path d="M66.3656 78.4297L68.6374 75.9935C68.6374 75.9935 24.346 36.5575 18.5342 7.92847C12.2413 30.563 66.3656 78.4297 66.3656 78.4297Z" fill="#E4E4E4"/>
+</svg>