added codeart

src/components/CodeartPage.vue

@@ -0,0 +1,90 @@
+<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: 30px;
+}
+
+.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;
+}
+
+
+
+</style>
+
+<template>
+  <b-container fluid>
+    <MenuBar/>
+    <b-row>
+      <b-col md="12">
+        <p class="project_title">Code::art Journal submission</p>
+      </b-col>
+    </b-row>
+
+
+
+    <b-row>
+      <b-col md="4">
+        <div class="description_text">
+        <p class="tags">Publication, art submission, code art</p>
+        <p><a href="https://code-art.xyz/">Code::art</a> is an art journal which publishes code.</p>
+        <p>My submission for the first edition of this journal was a visualisation of over/under, an interpreted language written in Python which applies a basic weaving pattern onto text.</p>
+
+        <p>This publication was edited by Sy Brand</p>
+
+
+      </div>
+      </b-col>
+
+      <b-col md="4">
+        <b-img class="img-fluid" src="media/codeart/codeart.png"></b-img>
+        <p></p>
+        <b-img class="img-fluid" src="media/codeart/overunder_scan.png"></b-img>
+      </b-col>
+  </b-row>
+  </b-container>
+
+</template>
+
+<script>
+import MenuBar from './MenuBar'
+export default {
+    name: 'CodeartPage',
+    data: function() {
+        return {
+        }
+    },
+    components: {
+        MenuBar
+    }
+}
+
+</script>

src/components/SplashPage.vue

@@ -116,6 +116,18 @@ a {
 </b-row>
 </b-container>
 
+<b-container fluid>
+<b-row>
+  <b-col md="1">
+    <p></p>
+  </b-col>
+  <b-col md="2">
+    <p class="item_title"><b-link to="/codeart">Code::art Journal</b-link></p>
+    <b-link to="/codeart"><b-img class="img-fluid" src="media/codeart.png"></b-img></b-link>
+  </b-col>
+</b-row>
+</b-container>
+
 <b-container fluid>
 <b-row>
   <b-col md="1">

src/main.js

@@ -39,6 +39,7 @@ import CataloguePage from './components/CataloguePage'
 import OverunderPage from './components/OverunderPage'
 import XenoPage from './components/XenoPage'
 import BedchairtablePage from './components/BedchairtablePage'
+import CodeartPage from './components/CodeartPage'
 Vue.config.productionTip = false
 
 Vue.use(BootstrapVue)
@@ -64,6 +65,7 @@ const router = new VueRouter({
     { path: '/overunder', component: OverunderPage },
     { path: '/xeno', component: XenoPage },
     { path: '/bedchairtable', component: BedchairtablePage },
+    { path: '/codeart', component: CodeartPage },
 
   ]