From 0fe65c416358c8e5ddf209c416e0fe46fb1bf7e9 Mon Sep 17 00:00:00 2001
From: Jan Tuomi <jans.tuomi@gmail.com>
Date: Fri, 22 Dec 2017 15:00:09 +0200
Subject: Initial commit

---
 src/components/content.tag    |  9 ++++++
 src/components/footer.tag     | 71 +++++++++++++++++++++++++++++++++++++++++++
 src/components/header.tag     | 10 ++++++
 src/components/list.tag       |  7 +++++
 src/components/site.tag       |  5 +++
 src/components/subheading.tag |  3 ++
 6 files changed, 105 insertions(+)
 create mode 100644 src/components/content.tag
 create mode 100644 src/components/footer.tag
 create mode 100644 src/components/header.tag
 create mode 100644 src/components/list.tag
 create mode 100644 src/components/site.tag
 create mode 100644 src/components/subheading.tag

(limited to 'src/components')

diff --git a/src/components/content.tag b/src/components/content.tag
new file mode 100644
index 0000000..67ea0d3
--- /dev/null
+++ b/src/components/content.tag
@@ -0,0 +1,9 @@
+<content>
+  <subheading text="Things of interest" />
+
+  <list items={ items } />
+
+  <script>
+    this.items = [{ title: 'My .vimrc', url: '/.vimrc'}];
+  </script>
+</content>
\ No newline at end of file
diff --git a/src/components/footer.tag b/src/components/footer.tag
new file mode 100644
index 0000000..f79e1b4
--- /dev/null
+++ b/src/components/footer.tag
@@ -0,0 +1,71 @@
+<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
new file mode 100644
index 0000000..7c2713a
--- /dev/null
+++ b/src/components/header.tag
@@ -0,0 +1,10 @@
+<header>
+  <h1>Jan Tuomi</h1>
+
+  <style>
+    h1 {
+      font-size: 3rem;
+      font-weight: 300;
+    }
+  </style>
+</header>
\ No newline at end of file
diff --git a/src/components/list.tag b/src/components/list.tag
new file mode 100644
index 0000000..600603f
--- /dev/null
+++ b/src/components/list.tag
@@ -0,0 +1,7 @@
+<list>
+  <ul>
+    <li each={ opts.items }>
+      <a href={ url }>{ title }</a>
+    </li>
+  </ul>
+</list>
\ No newline at end of file
diff --git a/src/components/site.tag b/src/components/site.tag
new file mode 100644
index 0000000..1d09b0d
--- /dev/null
+++ b/src/components/site.tag
@@ -0,0 +1,5 @@
+<site>
+  <header />
+  <content />
+  <footer />
+</site>
\ No newline at end of file
diff --git a/src/components/subheading.tag b/src/components/subheading.tag
new file mode 100644
index 0000000..fda52e4
--- /dev/null
+++ b/src/components/subheading.tag
@@ -0,0 +1,3 @@
+<subheading>
+  <h2>{ opts.text }</h2>
+</subheading>
\ No newline at end of file
-- 
cgit v1.3