From f0c24e3e3a88f0dd2cb8382f92f2b1dd767116da Mon Sep 17 00:00:00 2001
From: alicestrt <alice.strt@gmail.com>
Date: Mon, 17 Oct 2022 13:37:52 +0200
Subject: [PATCH] added wells page

---
 src/components/WellsPage.vue | 103 +++++++++++++++++++++++++++++++++++
 src/main.js                  |   5 +-
 2 files changed, 107 insertions(+), 1 deletion(-)
 create mode 100644 src/components/WellsPage.vue

diff --git a/src/components/WellsPage.vue b/src/components/WellsPage.vue
new file mode 100644
index 0000000..33615a4
--- /dev/null
+++ b/src/components/WellsPage.vue
@@ -0,0 +1,103 @@
+<style scoped>
+
+* {
+    border: 0px black solid;
+}
+
+.project_title {
+  font-size: 40px;
+  font-weight: bold;
+  font-family: "Open Sans", sans-serif;
+  padding-bottom: 40px;
+  padding-top: 100px;
+}
+
+.description_text {
+  font-size: 15px;
+  font-family: "Roboto Mono", monospace;
+  padding-bottom: 10px;
+}
+
+.tags {
+  padding-top: 10px;
+  font-size: 15px;
+  font-style: italic;
+  font-family: "Roboto Mono", monospace;
+
+}
+
+a:hover {
+  color: hotpink;
+  text-decoration: none;
+
+}
+
+a {
+  color: gray;
+}
+
+.content {
+  padding-bottom: 40px;
+}
+
+</style>
+
+<template>
+  <b-container fluid>
+    <MenuBar/>
+    <b-row>
+      <b-col md="12">
+        <p class="project_title">Wells of Knowledge</p>
+      </b-col>
+    </b-row>
+
+
+
+    <b-row class="content">
+      <b-col md="4">
+        <div class="description_text">
+        <p class="tags">Commission, hybrid publication</p>
+        <p>This hybrid publication focuses on the transfer of knowledge through cultural production in the oral folkloric traditions of Anatolia.</p>
+        <p>The work was commissioned by the Hybrid Publishing department of WDKA and consists of a digital <a href="https://wellsofknowledge.wdka.nl/">interactive platform</a> and a poster-zine.</p>
+
+        <p>The project was developed together with Ageliki Diakrousi based on the work of Merve Kılıçer.</p>
+
+      </div>
+      </b-col>
+
+      <b-col md="4">
+        <b-img class="img-fluid" src="media/wells.png"></b-img>
+        <p></p>
+        <b-img class="img-fluid" src="media/wells/wells3.png"></b-img>
+
+
+      </b-col>
+      <b-col md="4">
+        <b-img class="img-fluid" src="media/wells/wellsgif1.gif"></b-img>
+        <p></p>
+        <b-img class="img-fluid" src="media/wells/wellsgif2.gif"></b-img>
+
+
+      </b-col>
+
+
+    </b-row>
+
+  </b-container>
+
+</template>
+
+<script>
+import MenuBar from './MenuBar'
+export default {
+    name: 'WellsPage',
+    data: function() {
+        return {
+        }
+    },
+    components: {
+        MenuBar
+    }
+}
+
+</script>
diff --git a/src/main.js b/src/main.js
index 8958e6e..fd3a262 100644
--- a/src/main.js
+++ b/src/main.js
@@ -52,6 +52,7 @@ import ReadingFoodPage from './components/ReadingFoodPage'
 import Magiun3 from './components/Magiun3'
 import AmroTimes from './components/AmroTimes'
 import ATNOFSPage from './components/ATNOFSPage'
+import WellsPage from './components/WellsPage'
 
 
 Vue.config.productionTip = false
@@ -91,7 +92,9 @@ const router = new VueRouter({
     { path: '/readingfood', component: ReadingFoodPage },
     { path: '/magiun3', component: Magiun3 },
     { path: '/amrotimes', component: AmroTimes },
-    { path: '/atnofs', component: ATNOFSPage }
+    { path: '/atnofs', component: ATNOFSPage },
+    { path: '/wells', component: WellsPage }
+
   ]
 
 })