about page

Author: mveytsman

content/about.md

@@ -1,9 +1,17 @@
 ---
 title: About
 weight: 10
----
-
-Hello!
+profile_img: https://avatars2.githubusercontent.com/u/34720?v=3"
+type: about
 
-My name is Max Veytsman
- afsdf dd
+---
+- Name: Max Veytsman
+- Age: <span id="age"></span> days
+- Employment: [Appcanary](https://appcanary.com)
+- Schooling (Computer Science): [University of Toronto](https://www.utoronto.ca/)
+- Schooling (Capitalism): [Y Combinator](https://www.ycombinator.com/)
+- Unschooling: [Recurse Center](https://recurse.com)
+- Twitter: [yes](https://twitter.com/mveytsman)
+- Github: [yes](https://github.com/mveytsman)
+- Keybase: [yes](https://keybase.io/mveytsman)
+- Linkedin: [if you insist](https://www.linkedin.com/in/max-veytsman-239a2432/)

layouts/about/single.html

@@ -0,0 +1,26 @@
+{{ partial "header.html" . }}
+<section class="main">
+    <div class="container">
+        <div class="content">
+            <div class="posts">
+                <div class="page-heading">About</div>
+                <div style="display: flex; align-items: flex-start;">
+                    <div>
+                        {{ .Content }}
+                    </div>
+                    <div>
+                        <img src="{{ .Params.profile_img }} ">
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+{{ partial "footer.html" . }}
+
+<script>
+ document.addEventListener('DOMContentLoaded', function() {
+     document.getElementById("age").innerHTML = Math.round((new Date() - new Date(1988,01,05)) / (1000*60*60*24))
+ });
+</script>
+