From b048975d318da59aa0a31689a21e8f3c1c8ebb5b Mon Sep 17 00:00:00 2001
From: Jan Tuomi <jans.tuomi@gmail.com>
Date: Mon, 25 Dec 2017 20:34:50 +0200
Subject: Stuff

---
 src/components/contact.tag | 57 +++++++++++++++++++++++++++++++++++++
 src/components/content.tag |  6 ++--
 src/components/footer.tag  | 71 ----------------------------------------------
 src/components/header.tag  | 25 ++++++++++++++--
 src/components/site.tag    |  1 -
 5 files changed, 84 insertions(+), 76 deletions(-)
 create mode 100644 src/components/contact.tag
 delete mode 100644 src/components/footer.tag

(limited to 'src/components')

diff --git a/src/components/contact.tag b/src/components/contact.tag
new file mode 100644
index 0000000..e223e5d
--- /dev/null
+++ b/src/components/contact.tag
@@ -0,0 +1,57 @@
+<contact>
+  <div>
+    <a href="https://www.linkedin.com/in/jantuomi/">
+      <span class="icon"><i class="fa fa-linkedin fa-lg" aria-hidden="true" /></span>
+      <span class="url">linkedin.com/in/jantuomi</span>
+    </a>
+  </div>
+  <div>
+    <a href="https://t.me/jantuomi">
+      <span class="icon"><i class="fa fa-telegram fa-lg" aria-hidden="true" /></span>
+      <span class="url">t.me/jantuomi</span>
+    </a>
+  </div>
+  <div>
+    <a href="mailto:jans.tuomi@gmail.com">
+      <span class="icon"><i class="fa fa-envelope fa-lg" aria-hidden="true" /></span>
+      <span class="url">jans.tuomi@gmail.com</span>
+    </a>
+  </div>
+
+
+  <style>
+
+    a {
+      text-decoration: none;
+      white-space: nowrap;
+    }
+
+    div {
+      margin: 0.5rem;
+    }
+
+    span.icon {
+      text-align: center;
+    }
+
+    span.icon i {
+      width: 2rem;
+    }
+
+    span.url {
+      margin-left: 2rem;
+    }
+
+    @media screen and (max-width: 600px) {
+      span.url {
+        display: none;
+      }
+
+      span.icon i {
+        font-size: 2rem;
+        margin: 0.5rem;
+      }
+    }
+
+  </style>
+</contact>
\ No newline at end of file
diff --git a/src/components/content.tag b/src/components/content.tag
index 67ea0d3..208f531 100644
--- a/src/components/content.tag
+++ b/src/components/content.tag
@@ -1,9 +1,11 @@
 <content>
-  <subheading text="Things of interest" />
+  <subheading text="Contact me" />
+  <contact />
 
+  <subheading text="Check out my..." />
   <list items={ items } />
 
   <script>
-    this.items = [{ title: 'My .vimrc', url: '/.vimrc'}];
+    this.items = [{ title: '.vimrc', url: '/.vimrc'}];
   </script>
 </content>
\ No newline at end of file
diff --git a/src/components/footer.tag b/src/components/footer.tag
deleted file mode 100644
index f79e1b4..0000000
--- a/src/components/footer.tag
+++ /dev/null
@@ -1,71 +0,0 @@
-<footer>
-  <div>
-    <a href="https://www.linkedin.com/in/jantuomi/">
-      <span class="icon"><i class="fa fa-linkedin fa-lg" aria-hidden="true" /></span>
-      <span class="url">linkedin.com/in/jantuomi</span>
-    </a>
-  </div>
-  <div>
-    <a href="https://t.me/jantuomi">
-      <span class="icon"><i class="fa fa-telegram fa-lg" aria-hidden="true" /></span>
-      <span class="url">t.me/jantuomi</span>
-    </a>
-  </div>
-  <div>
-    <a href="mailto:jans.tuomi@gmail.com">
-      <span class="icon"><i class="fa fa-envelope fa-lg" aria-hidden="true" /></span>
-      <span class="url">jans.tuomi@gmail.com</span>
-    </a>
-  </div>
-
-
-  <style>
-    footer {
-      position: fixed;
-      bottom: 1rem;
-      height: 5.6rem;
-    }
-
-    a {
-      text-decoration: none;
-      white-space: nowrap;
-    }
-
-    div {
-      margin: 0.5rem;
-    }
-
-    span.icon {
-      text-align: center;
-    }
-
-    span.icon i {
-      width: 2rem;
-    }
-
-    span.url {
-      margin-left: 2rem;
-    }
-
-    @media screen and (max-width: 600px) {
-      footer {
-        height: inherit;
-        left: 0;
-        width: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-      }
-
-      footer div {
-        flex-grow: 1;
-        text-align: center;
-      }
-
-      span.url {
-        display: none;
-      }
-    }
-
-  </style>
-</footer>
\ No newline at end of file
diff --git a/src/components/header.tag b/src/components/header.tag
index 7c2713a..13e37ae 100644
--- a/src/components/header.tag
+++ b/src/components/header.tag
@@ -1,10 +1,31 @@
 <header>
-  <h1>Jan Tuomi</h1>
+  <h1>Hello, my name is Jan</h1>
 
   <style>
+    header {
+      display: flex;
+    }
+
+    h1, a {
+      justify-content: space-between;
+      align-items: center;
+      flex-grow: 1;
+    }
+
+    img {
+      object-fit: contain;
+      max-width: 20%;
+    }
+
     h1 {
-      font-size: 3rem;
+      font-size: 5rem;
       font-weight: 300;
     }
+
+    @media screen and (max-width: 600px) {
+      h1 {
+        font-size: 3rem;
+      }
+    }
   </style>
 </header>
\ No newline at end of file
diff --git a/src/components/site.tag b/src/components/site.tag
index 1d09b0d..e703743 100644
--- a/src/components/site.tag
+++ b/src/components/site.tag
@@ -1,5 +1,4 @@
 <site>
   <header />
   <content />
-  <footer />
 </site>
\ No newline at end of file
-- 
cgit v1.3