3 files changed, 69 insertions, 0 deletions
diff --git a/views/email/footer.html b/views/email/footer.html
new file mode 100644
index 0000000..f74441b
--- /dev/null
+++ b/views/email/footer.html
@@ -0,0 +1,25 @@
+<footer>
+<div class='footer shadow-y-2'>
+	<div class='container-fluid'>
+		<div class='row center'>
+			<div class="text-right col-xs-12">
+			<p class="pull-right"> Copyright 2015 <a class='footer-a' href='https://www.iamfabulous.de' title='Maximilian Möhring'>Maximilian M&ouml;hring</a></p>
+			</div>
+		</div>
+	</div>
+</div>
+</footer>
+<script src='https://code.jquery.com/jquery-1.11.2.min.js'></script>
+<script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js'></script>
+<script src='https://cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.2.2/js/ripples.min.js'></script>
+<script src='https://cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.2.2/js/material.min.js'></script>
+<script>
+	$(document).ready(function() {
+		$.material.init();	
+	});
+</script>
+<script src='/static/js/jquery.confirm.js' type='text/javascript' charset='utf-8'></script>
+<script src='/static/js/app.js' type='text/javascript' charset='utf-8'></script>
+
+  </body>
+</html>
diff --git a/views/email/header.html b/views/email/header.html
new file mode 100644
index 0000000..b8c16a0
--- /dev/null
+++ b/views/email/header.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+
+<html>
+  <head>
+    <meta http-equiv='Content-Type' content='text/html; charset=utf-8'>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
+    <title>StatusPage</title>
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
+    <link rel='stylesheet' type='text/css' href='https://cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.2.2/css/material-wfont.min.css'>
+    <link rel='stylesheet' type='text/css' href='https://cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.2.2/css/material.min.css'>
+    <link rel='stylesheet' type='text/css' href='https://cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.2.2/css/ripples.min.css'>
+    <link rel='stylesheet' type='text/css' href='/static/css/style.css'>
+  </head>
+  <body>
diff --git a/views/email/index.html b/views/email/index.html
new file mode 100644
index 0000000..02a3ef7
--- /dev/null
+++ b/views/email/index.html
@@ -0,0 +1,29 @@
+{{template "header.html"}}
+
+<div class="container">
+	<div class="row">
+		<table class="table table-striped table-hover ">
+			<thead>
+				<th>#</th>
+				<th>Host</th>
+				<th>Description</th>
+				<th>Status</th>
+				<th>Last Update</th>
+				<th>Failure Reason</th>
+			</thead>
+			<tbody>
+{{range $index, $results := .}}
+			<tr class="{{.Class}}">
+				<td>{{add $index 1}}</td>
+				<td>{{.Host}} <a href="{{.Url}}" title="{{.Host}}" target="_blank"> <span class="fa fa-external-link-square"></span></a></td>
+				<td>{{.Description}}</td>
+				<td>{{.Status}}</td>
+				<td>{{.UpdatedAt}}</td>
+				<td>{{.Reason}}</td>
+			</tr>
+{{end}}
+			</tbody>
+		</table>
+	</div>
+</div>
+{{template "footer.html"}}