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 -
 src/index.html             |   2 +-
 src/made-with.png          | Bin 0 -> 4677 bytes
 src/style.css              |   2 +-
 8 files changed, 86 insertions(+), 78 deletions(-)
 create mode 100644 src/components/contact.tag
 delete mode 100644 src/components/footer.tag
 create mode 100644 src/made-with.png

(limited to 'src')

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
diff --git a/src/index.html b/src/index.html
index 9492f35..2dd9ab8 100644
--- a/src/index.html
+++ b/src/index.html
@@ -16,7 +16,7 @@
     <!-- riot tags -->
     <script src="components/site.tag" type="riot/tag"></script>    
     <script src="components/header.tag" type="riot/tag"></script>
-    <script src="components/footer.tag" type="riot/tag"></script>    
+    <script src="components/contact.tag" type="riot/tag"></script>    
     <script src="components/content.tag" type="riot/tag"></script>
     <script src="components/list.tag" type="riot/tag"></script>
     <script src="components/subheading.tag" type="riot/tag"></script>
diff --git a/src/made-with.png b/src/made-with.png
new file mode 100644
index 0000000..2f1854c
Binary files /dev/null and b/src/made-with.png differ
diff --git a/src/style.css b/src/style.css
index d2738f2..4c1d58a 100644
--- a/src/style.css
+++ b/src/style.css
@@ -6,7 +6,7 @@ html {
   font-family: 'Lato', sans-serif;
   font-size: 20px;
   
-  background-color: #D9E0D7;
+  background-color: #affbff78;
   box-sizing: border-box;
 }
 
-- 
cgit v1.3