From 692312457896e14609f5257e6bf74134c7cf37f2 Mon Sep 17 00:00:00 2001
From: cupcakearmy <hi@nicco.io>
Date: Fri, 24 Jul 2020 15:30:46 +0200
Subject: [PATCH] projects

---
 src/components/Project.svelte | 39 ++++++++++++++++++++++++++++++++++-
 static/global.css             |  3 ++-
 2 files changed, 40 insertions(+), 2 deletions(-)

diff --git a/src/components/Project.svelte b/src/components/Project.svelte
index 01d45d2..94ef7b5 100644
--- a/src/components/Project.svelte
+++ b/src/components/Project.svelte
@@ -2,4 +2,41 @@
   export let project
 </script>
 
-<div>{project.title}</div>
+<style>
+  h2 {
+    font-size: 2em;
+    margin-bottom: 0.75em;
+  }
+
+  div {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: baseline;
+  }
+
+  section {
+    margin-bottom: 4em;
+  }
+
+  ion-icon {
+    transform: translateY(0.25em);
+  }
+</style>
+
+<section>
+  <div>
+    <h2>{project.name}</h2>
+  </div>
+
+  <div>
+    <b>{project.title}</b>
+    <b>{project.date}</b>
+  </div>
+
+  <p>{project.body}</p>
+
+  <ion-icon name="link-outline" />
+  <a href={project.link}>{project.link.replace(/https?:\/\//, '')}</a>
+
+</section>
diff --git a/static/global.css b/static/global.css
index 91417ca..0d1aeb6 100644
--- a/static/global.css
+++ b/static/global.css
@@ -26,7 +26,7 @@ h5,
 h6 {
   font-family: 'Playfair Display', serif;
   font-weight: normal;
-  margin: 0 0.5em 0 0;
+  margin: 0.5em 0;
 }
 
 p {
@@ -40,4 +40,5 @@ p {
 
 a {
   color: inherit;
+  text-decoration: none;
 }