Create a basic home page

views/index.jade

@@ -1,5 +1,25 @@
 extends layout
 
 block content
-  h1= title
-  p Welcome to #{title}
+	.container(style= "margin-top: 30px;")
+		.row
+			.col-md-10
+				h1 Crafatar
+				hr
+				p Welcome to Crafatar, a website for server Minecraft skins and heads!
+				h2 API
+				hr
+				p Replace [uuid] with a Mojang UUID to get the related head.
+				.well <img src="https://skins.jake0oo0.me/avatars/[uuid]">
+				p(style="margin-top: 10px;") Example: UUID: '2d5aa9cdaeb049189930461fc9b91cc5', Username: Jake0oo0
+				.well <img src="https://skins.jake0oo0.me/avatars/2d5aa9cdaeb049189930461fc9b91cc5">
+				p(style="margin-top: 10px;") There is also an option to include a size, default is 180x180px.
+				.well <img src="https://skins.jake0oo0.me/avatars/[uuid]/[size]">
+				p(style="margin-top: 10px;") Example: UUID: '2d5aa9cdaeb049189930461fc9b91cc5', Size: 250px, Username: Jake0oo0
+				.well <img src="https://skins.jake0oo0.me/avatars/2d5aa9cdaeb049189930461fc9b91cc5/250">
+			.col-md-2
+				img(src= "/avatars/2d5aa9cdaeb049189930461fc9b91cc5")
+				img(src= "/avatars/dab0a06256934c28bf0211142b388c33")
+				img(src= "/avatars/3c7db14dac4b4e35b2c63b2237f382be")
+				img(src= "/avatars/ae795aa86327408e92ab25c8a59f3ba1")
+				img(src= "/avatars/62c41f0e133d4192ad33f0896f47d23a")

views/layout.jade

@@ -1,7 +1,21 @@
 doctype html
 html
-  head
-    title= title
-    link(rel='stylesheet', href='/stylesheets/style.css')
-  body
-    block content
+	head
+		title= title
+		link(rel='stylesheet', href='/stylesheets/style.css')
+		link(href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css", rel="stylesheet")
+		script(src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js")
+	body
+		.navbar.navbar-default.navbar-fixed-top
+				.container
+					.navbar-header
+						button.navbar-toggle(type='button', data-toggle='collapse', data-target='.navbar-collapse')
+							span.icon-bar
+							span.icon-bar
+							span.icon-bar
+						a.navbar-brand(href='/') Crafatar
+					.navbar-collapse.collapse
+						ul.nav.navbar-nav
+							li.active
+								a(href='/') Home
+		block content