Stuff

7 files changed, 36 insertions, 28 deletions

diff --git a/src/components/footer.tag b/src/components/contact.tag
index f79e1b4..e223e5d 100644
--- a/src/components/footer.tag
+++ b/src/components/contact.tag
@@ -1,4 +1,4 @@
-<footer>
+<contact>
   <div>
     <a href="https://www.linkedin.com/in/jantuomi/">
       <span class="icon"><i class="fa fa-linkedin fa-lg" aria-hidden="true" /></span>
@@ -20,11 +20,6 @@
 
 
   <style>
-    footer {
-      position: fixed;
-      bottom: 1rem;
-      height: 5.6rem;
-    }
 
     a {
       text-decoration: none;
@@ -48,24 +43,15 @@
     }
 
     @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;
       }
+
+      span.icon i {
+        font-size: 2rem;
+        margin: 0.5rem;
+      }
     }
 
   </style>
-</footer>
\ No newline at end of file
+</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/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
--- /dev/null
+++ b/src/made-with.png
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;
 }