Merge pull request #4 from Xe/Xe/feat/server-side-rendering

Use server-side rendering, redo frontend with hack.css

30 files changed, 68 insertions, 135 deletions

diff --git a/static/css/about/main.css b/static/css/about/main.css
deleted file mode 100644
index feae899..0000000
--- a/static/css/about/main.css
+++ /dev/null
@@ -1,108 +0,0 @@
-img.textwrap-right {
-	float: right;
-	margin: 10px;
-}
-
-.well {
-	margin-top:-20px;
-	text-align:center;
-	cursor:pointer;
-	font-size: 25px;
-	padding: 15px;
-	border-radius: 0px !important;
-}
-
-.well:hover {
-	margin-top:-20px;
-	border:2px solid black;
-	text-align:center;
-	cursor:pointer;
-	font-size: 25px;
-	padding: 15px;
-	border-radius: 0px !important;
-}
-
-.bg_blur
-{
-	background: url('/static/img/avatar.png');
-	height: 512px;
-	background-size: cover;
-	overflow: visible;
-}
-
-.bgblurback {
-  height: 100%;
-}
-
-.fb_wrap {
-		margin: 0 auto;
-		padding: 10px;
-}
-
-.follow_btn {
-	text-decoration: none;
-	height: 20%;
-	padding: 10px;
-	background-color: #E5B7CE;
-	padding-top: 6px;
-	color: #fff;
-	text-align: center;
-	font-size: 20px;
-	opacity: 1.0;
-}
-
-.follow_btn:hover {
-	text-decoration: none;
-	background-color: #FE9ACD;
-	padding: 10px;
-	padding-top: 6px;
-	color: #fff;
-	text-align: center;
-	font-size: 20px;
-	border: 4px solid rgba(255, 255, 255, 0.8);
-}
-
-.header{
-	/*color : #808080;*/
-	margin-left:10%;
-	margin-top:70px;
-}
-
-.picture{
-	height:150px;
-	width:150px;
-	top: 75px;
-	left:-75px;
-	float: left;
-}
-
-.picture_mob{
-	position: absolute;
-	width: 35%;
-	left: 35%;
-	bottom: 70%;
-}
-
-.btn-style{
-	color: #fff;
-	background-color: #007FBE;
-	border-color: #adadad;
-	width: 33.3%;
-}
-
-.btn-style:hover {
-	color: #333;
-	background-color: #3D5DE0;
-	border-color: #adadad;
-	width: 33.3%;
-}
-
-@media (max-width: 767px) {
-	.header{
-		text-align : center;
-	}
-
-	.nav{
-		margin-top : 30px;
-	}
-}
diff --git a/static/css/main.css b/static/css/main.css
deleted file mode 100644
index 83af9e7..0000000
--- a/static/css/main.css
+++ /dev/null
@@ -1,3 +0,0 @@
-body {
-    background-color: #F2E6EB;
-}
\ No newline at end of file
diff --git a/static/favicon/android-icon-144x144.png b/static/favicon/android-icon-144x144.png
new file mode 100644
index 0000000..8fc1b9d
--- /dev/null
+++ b/static/favicon/android-icon-144x144.png
diff --git a/static/favicon/android-icon-192x192.png b/static/favicon/android-icon-192x192.png
new file mode 100644
index 0000000..6e35ef4
--- /dev/null
+++ b/static/favicon/android-icon-192x192.png
diff --git a/static/favicon/android-icon-36x36.png b/static/favicon/android-icon-36x36.png
new file mode 100644
index 0000000..9f1ebe7
--- /dev/null
+++ b/static/favicon/android-icon-36x36.png
diff --git a/static/favicon/android-icon-48x48.png b/static/favicon/android-icon-48x48.png
new file mode 100644
index 0000000..329092c
--- /dev/null
+++ b/static/favicon/android-icon-48x48.png
diff --git a/static/favicon/android-icon-72x72.png b/static/favicon/android-icon-72x72.png
new file mode 100644
index 0000000..bd1de6c
--- /dev/null
+++ b/static/favicon/android-icon-72x72.png
diff --git a/static/favicon/android-icon-96x96.png b/static/favicon/android-icon-96x96.png
new file mode 100644
index 0000000..3359b3b
--- /dev/null
+++ b/static/favicon/android-icon-96x96.png
diff --git a/static/favicon/apple-icon-114x114.png b/static/favicon/apple-icon-114x114.png
new file mode 100644
index 0000000..566e9da
--- /dev/null
+++ b/static/favicon/apple-icon-114x114.png
diff --git a/static/favicon/apple-icon-120x120.png b/static/favicon/apple-icon-120x120.png
new file mode 100644
index 0000000..b0c9eae
--- /dev/null
+++ b/static/favicon/apple-icon-120x120.png
diff --git a/static/favicon/apple-icon-144x144.png b/static/favicon/apple-icon-144x144.png
new file mode 100644
index 0000000..8fc1b9d
--- /dev/null
+++ b/static/favicon/apple-icon-144x144.png
diff --git a/static/favicon/apple-icon-152x152.png b/static/favicon/apple-icon-152x152.png
new file mode 100644
index 0000000..b23e114
--- /dev/null
+++ b/static/favicon/apple-icon-152x152.png
diff --git a/static/favicon/apple-icon-180x180.png b/static/favicon/apple-icon-180x180.png
new file mode 100644
index 0000000..0fcd7dd
--- /dev/null
+++ b/static/favicon/apple-icon-180x180.png
diff --git a/static/favicon/apple-icon-57x57.png b/static/favicon/apple-icon-57x57.png
new file mode 100644
index 0000000..d73bee6
--- /dev/null
+++ b/static/favicon/apple-icon-57x57.png
diff --git a/static/favicon/apple-icon-60x60.png b/static/favicon/apple-icon-60x60.png
new file mode 100644
index 0000000..18010ab
--- /dev/null
+++ b/static/favicon/apple-icon-60x60.png
diff --git a/static/favicon/apple-icon-72x72.png b/static/favicon/apple-icon-72x72.png
new file mode 100644
index 0000000..bd1de6c
--- /dev/null
+++ b/static/favicon/apple-icon-72x72.png
diff --git a/static/favicon/apple-icon-76x76.png b/static/favicon/apple-icon-76x76.png
new file mode 100644
index 0000000..461bbff
--- /dev/null
+++ b/static/favicon/apple-icon-76x76.png
diff --git a/static/favicon/apple-icon-precomposed.png b/static/favicon/apple-icon-precomposed.png
new file mode 100644
index 0000000..43645da
--- /dev/null
+++ b/static/favicon/apple-icon-precomposed.png
diff --git a/static/favicon/apple-icon.png b/static/favicon/apple-icon.png
new file mode 100644
index 0000000..43645da
--- /dev/null
+++ b/static/favicon/apple-icon.png
diff --git a/static/favicon/browserconfig.xml b/static/favicon/browserconfig.xml
new file mode 100644
index 0000000..c554148
--- /dev/null
+++ b/static/favicon/browserconfig.xml
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig><msapplication><tile><square70x70logo src="/ms-icon-70x70.png"/><square150x150logo src="/ms-icon-150x150.png"/><square310x310logo src="/ms-icon-310x310.png"/><TileColor>#ffffff</TileColor></tile></msapplication></browserconfig>
\ No newline at end of file
diff --git a/static/favicon/favicon-16x16.png b/static/favicon/favicon-16x16.png
new file mode 100644
index 0000000..cc8653c
--- /dev/null
+++ b/static/favicon/favicon-16x16.png
diff --git a/static/favicon/favicon-32x32.png b/static/favicon/favicon-32x32.png
new file mode 100644
index 0000000..0b705b9
--- /dev/null
+++ b/static/favicon/favicon-32x32.png
diff --git a/static/favicon/favicon-96x96.png b/static/favicon/favicon-96x96.png
new file mode 100644
index 0000000..3359b3b
--- /dev/null
+++ b/static/favicon/favicon-96x96.png
diff --git a/static/favicon/favicon.ico b/static/favicon/favicon.ico
new file mode 100644
index 0000000..32ed0a3
--- /dev/null
+++ b/static/favicon/favicon.ico
diff --git a/static/favicon/manifest.json b/static/favicon/manifest.json
new file mode 100644
index 0000000..013d4a6
--- /dev/null
+++ b/static/favicon/manifest.json
@@ -0,0 +1,41 @@
+{
+ "name": "App",
+ "icons": [
+  {
+   "src": "\/android-icon-36x36.png",
+   "sizes": "36x36",
+   "type": "image\/png",
+   "density": "0.75"
+  },
+  {
+   "src": "\/android-icon-48x48.png",
+   "sizes": "48x48",
+   "type": "image\/png",
+   "density": "1.0"
+  },
+  {
+   "src": "\/android-icon-72x72.png",
+   "sizes": "72x72",
+   "type": "image\/png",
+   "density": "1.5"
+  },
+  {
+   "src": "\/android-icon-96x96.png",
+   "sizes": "96x96",
+   "type": "image\/png",
+   "density": "2.0"
+  },
+  {
+   "src": "\/android-icon-144x144.png",
+   "sizes": "144x144",
+   "type": "image\/png",
+   "density": "3.0"
+  },
+  {
+   "src": "\/android-icon-192x192.png",
+   "sizes": "192x192",
+   "type": "image\/png",
+   "density": "4.0"
+  }
+ ]
+}
\ No newline at end of file
diff --git a/static/favicon/ms-icon-144x144.png b/static/favicon/ms-icon-144x144.png
new file mode 100644
index 0000000..8fc1b9d
--- /dev/null
+++ b/static/favicon/ms-icon-144x144.png
diff --git a/static/favicon/ms-icon-150x150.png b/static/favicon/ms-icon-150x150.png
new file mode 100644
index 0000000..3b3e327
--- /dev/null
+++ b/static/favicon/ms-icon-150x150.png
diff --git a/static/favicon/ms-icon-310x310.png b/static/favicon/ms-icon-310x310.png
new file mode 100644
index 0000000..700d264
--- /dev/null
+++ b/static/favicon/ms-icon-310x310.png
diff --git a/static/favicon/ms-icon-70x70.png b/static/favicon/ms-icon-70x70.png
new file mode 100644
index 0000000..7d88c91
--- /dev/null
+++ b/static/favicon/ms-icon-70x70.png
diff --git a/static/resume/resume.md b/static/resume/resume.md
index 06b89e3..b6fb542 100644
--- a/static/resume/resume.md
+++ b/static/resume/resume.md
@@ -2,18 +2,27 @@
 
 ---
 
-> #### Rockstar Hacker, Cloud Architect, Gopher, Haskeller, Container Expert
-> #####  Mountain View, CA &emsp; [christine.website][homepage] &emsp; [@theprincessxena][twitter] ![twit][]
+> #### Web and Backend Services Devops Specialist
+> ##### Bellevue, WA &emsp; [christine.website][homepage]
 > `Docker`, `Git`, `Haskell`, `Nim`, `Go`, `C`, `CentOS`, `CoreOS`, `IRC`, `Matrix`
 
 ---
-> **"** A github power user, constantly learns new things to keep up on what's new in tech.
-
+## Experience
+### Heroku - Software Engineer &emsp; <small>*2017 - current*</small>
+> [Heroku][heroku] is a cloud Platform-as-a-Service (PaaS) supporting 
+> several programming languages that is used as a web application deployment model. 
+> Heroku, one of the first cloud platforms, has been in development since June 2007, 
+> when it supported only the Ruby programming language, but now supports Java, 
+> Node.js, Scala, Clojure, Python, PHP, and Go.
+> 
+> #### Highlights
+> 
+> - [JVM Application Metrics](https://devcenter.heroku.com/changelog-items/1133)
+> - [Go Runtime Metrics Agent](https://github.com/heroku/x/tree/master/runtime-metrics)
+> - Other backend fixes and improvements on [Threshold Autoscaling](https://blog.heroku.com/heroku-autoscaling) and [Threshold Alerting](https://devcenter.heroku.com/articles/metrics#threshold-alerting)
 
 ---
-## Experience
-#### Backplane.io - Software Engineer &emsp; <small>*2016 - 2016*</small>
-`Go`, `Docker`, `docker-compose`, `devops`, `PostgreSQL`
+### Backplane.io - Software Engineer &emsp; <small>*2016 - 2016*</small>
 > [Backplane](https://backplane.io) is an innovative reverse reverse proxy that
 > helps administrators and startups simplify their web application routing.
 >
@@ -24,8 +33,7 @@
 > - Learning a lot about HTTP/2 and load balancing
 
 ---
-#### Pure Storage - Member of Technical Staff &emsp; <small>*2016 - 2016*</small>
-`Python 2.7`, `Jenkins`, `Ubuntu`, `Puppet`, `TestRail`, `Docker`
+### Pure Storage - Member of Technical Staff &emsp; <small>*2016 - 2016*</small>
 > Pure Storage is a Mountain View, California-based enterprise data flash storage
 > company founded in 2009. It is traded on the NYSE (PSTG).
 >
@@ -33,8 +41,7 @@
 > - Code maintenance
 
 ---
-#### IMVU - Site Reliability Engineer &emsp; <small>*2015 - 2016*</small>
-`Ubuntu Server`, `CFEngine`, `Haskell`, `Go`, `Perl`, `Nginx`, `JunOS`, `Ceph`, `MySQL`, `Redis`, `Memcached`, `PHP`, `Erlang`
+### IMVU - Site Reliability Engineer &emsp; <small>*2015 - 2016*</small>
 > IMVU, inc is a company whose mission is to help people find and communicate
 > with eachother. Their main product is a 3D avatar-based chat client and its
 > surrounding infrastructure allowing creators to make content for the avatars
@@ -48,8 +55,7 @@
 > when it is needed
 
 ---
-#### VTCSecure - Deis Consultant (contract) &emsp; <small>*2014 - 2015*</small>
-`Deis`, `Docker`, `CoreOS`, `Go`, `Freeswitch`
+### VTCSecure - Deis Consultant (contract) &emsp; <small>*2014 - 2015*</small>
 > VTCSecure is a company dedicated to helping with custom and standard
 > audio/video conferencing solutions. They specialize in helping the deaf and
 > blind communicate over today's infrastructure without any trouble on their end.
@@ -62,8 +68,7 @@
 > - Learning Freeswitch
 
 ---
-#### Crowdflower - Deis Consultant (Contract) &emsp; <small>*2014 - 2014*</small>
-`Ruby`, `Rails`, `Chef`, `CoreOS`, `Docker`, `Deis`
+### Crowdflower - Deis Consultant (Contract) &emsp; <small>*2014 - 2014*</small>
 > Crowdflower is a company that uses crowdsourcing to have its customers submit
 > tasks to be done, similar to Amazon's Mechanical Turk. CrowdFlower has over 50
 > labor channel partners, and its network has more than 5 million contributors
@@ -78,8 +83,7 @@
 > clusters of CoreOS and Fleet machines
 
 ---
-#### OpDemand - Software Engineering Intern &emsp; <small>*2014 - 2014*</small>
-`Deis`, `CoreOS`, `Go`, `Docker`
+### OpDemand - Software Engineering Intern &emsp; <small>*2014 - 2014*</small>
 > OpDemand is the company behind the open source project Deis, a distributed
 > platform-as-a-service (PaaS) designed from the ground up to emulate Heroku but
 > on privately owned servers.
@@ -91,7 +95,7 @@
 
 ---
 ## Open Source
-#### [Elemental-IRCd](http://elemental-ircd.com)
+### [Elemental-IRCd](http://elemental-ircd.com)
 A scalable RFC compliant IRCv3 enabled IRC server for personal and professional use.
 
 #### Accomplishments
@@ -103,7 +107,7 @@ Elemental is currently in use in production on several networks, totaling 800-10
 users per day with spikes of up to 50,000 on special events.
 
 ---
-#### [Tetra](https://github.com/Xe/Tetra)
+### [Tetra](https://github.com/Xe/Tetra)
 A modern IRC services platform for TS6 IRC daemons.
 
 #### Accomplishments
@@ -120,16 +124,12 @@ Command "PING", ->
 This will create a command named "PING" that will return "PONG" to the user when it is used.
 
 ---
-#### [PonyAPI](https://github.com/Xe/ponyapi)
+### [PonyAPI](https://github.com/Xe/ponyapi)
 A simple API for information on episodes of My Little Pony: Friendship is Magic written in Nim to be run inside a container.
 
 All data is loaded into ram and there are no usage limits as long as you agree to not take down the server it is running on.
 
 ---
-#### [Professional Projects](https://github.com/Xe)
-Projects here will be of a more professional nature (save a few here and there).
-
----
 ## Writing
 
 > Articles listed below will be either personal or professional and do not reflect the views of any company or group I am affiliated with. The writing is my own.
@@ -139,3 +139,4 @@ Projects here will be of a more professional nature (save a few here and there).
 [homepage]: https://christine.website
 [twitter]: https://twitter.com/theprincessxena
 [twit]: http://cdn-careers.sstatic.net/careers/Img/icon-twitter.png?v=b1bd58ad2034
+[heroku]: https://www.heroku.com