Add basic homepage

Author: strugee

src/index.pug

@@ -6,9 +6,13 @@ block head
 	title StraticJS
 
 block content
-	h1 StraticJS
-	p Welcome to your new website!
-	p You can hack on your HTML using #[a(href='https://pugjs.org') Pug], you can write CSS in #[a(href='http://stylus-lang.com') Stylus], and you can write scripts in JavaScript!
-	
-	
-	p Also, check out #[a(href='/blog/2017/07/hello-world') Hello World] on your brand-new #[a(href='/blog/') blog]!
+	#header
+		h1 StraticJS
+	#install-code
+		pre
+			code.
+				$ npm install -g yo generator-stratic
+				$ mkdir stratic-project && cd stratic-project
+				$ yo stratic
+
+	iframe(width='560', height='315', src='https://www.youtube-nocookie.com/embed/a9l-FmSgyt8?rel=0', frameborder='0', allowfullscreen)

src/styles/main.styl

@@ -1,5 +1,34 @@
-// You can write Stylus styles here!
-// Stylus is like a good-lookin' superset of CSS with superpowers.
-// See http://stylus-lang.com
+install-code-offset = 49px
 
+body
+	margin 0
+	font-family sans-serif
 
+#header
+	text-align center
+	background-color #ffb400
+	padding-bottom install-code-offset
+
+h1
+	font-size 3em
+	margin 0
+	padding 25px
+
+#install-code
+	text-align center
+
+pre
+	display inline-block
+	text-align left
+	font-size 1.5em
+	padding 15px
+	background-color #383838
+	color white
+	border-color white
+	border-radius 5px
+	margin 0
+	margin-top -(install-code-offset)
+
+iframe
+	margin 50px auto
+	display block