diff --git a/app/vapemap/static/html/deployment.html b/app/vapemap/static/html/deployment.html
new file mode 100644
index 0000000..2d94b72
--- /dev/null
+++ b/app/vapemap/static/html/deployment.html
@@ -0,0 +1,89 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <link href="../css/bootstrap.min.css" rel="stylesheet">
+    <link href="../css/bootstrap-responsive.min.css" rel="stylesheet">
+    <style type="text/css">
+        body {
+            padding-top: 20px;
+            padding-bottom: 60px;
+        }
+        .container {
+            margin: 0 auto;
+            max-width: 1000px;
+        }
+        .jumbotron {
+            margin: 80px 0;
+            text-align: center;
+        }
+        .jumbotron h1 {
+            font-size: 100px;
+            line-height: 1;
+        }
+        .jumbotron .lead {
+            font-size: 24px;
+            line-height: 1.25;
+        }
+    </style>
+    <title>Vapour Hunter - Deployment</title>
+</head>
+    <body>
+        <div class="container">
+            <div class="jumbotron">
+                <p>
+                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
+                <g id="Captions">
+                    <rect x="-192" width="185" height="99"></rect>
+                    <rect y="-36" width="100" height="30"></rect>
+                    <text transform="matrix(1 0 0 1 66 -19.5)" fill="#000000" font-family="'Helvetica'" font-size="2.4">http://thenounproject.com</text>
+                    <text transform="matrix(1 0 0 1 7.166 -24.5)"><tspan x="0" y="0" fill="#000000" font-family="'Helvetica-Bold'" font-size="6.1578">The Noun Project</tspan><tspan x="1.12" y="4.8" fill="#000000" font-family="'Helvetica-Bold'" font-size="4">Icon Template</tspan></text>
+                    <text transform="matrix(1 0 0 1 -178.5 10.5)" fill="#000000" font-family="'Helvetica-Bold'" font-size="6.1578">Reminders</text>
+                    <line fill="#000000" stroke="#FFFFFF" stroke-miterlimit="10" x1="8" y1="-14.5" x2="18" y2="-14.5"></line>
+                    <line fill="#000000" stroke="#FFFFFF" stroke-miterlimit="10" x1="-179" y1="16.5" x2="-162" y2="16.5"></line>
+                    <g>
+                        <g>
+                            <g>
+                                <rect x="-170.802" y="31.318" fill="#000000" width="8.721" height="8.642"></rect>
+                                <path fill="#000000" d="M-164.455,42.312h4.747v-4.703h-4.747V42.312z M-159.266,42.749h-5.63V37.17h5.63V42.749      L-159.266,42.749z M-166.221,44.062h8.279v-8.203h-8.279V44.062L-166.221,44.062z M-157.5,44.5h-9.163v-9.079h9.163V44.5      L-157.5,44.5z"></path>
+                                <polygon fill="#000000" points="-166.149,44.133 -166.292,43.991 -158.013,35.787 -157.871,35.929     "></polygon>
+                            </g>
+                        </g>
+                    </g>
+                    <rect x="-179" y="58" fill="none" width="35" height="32.5"></rect>
+                    <text transform="matrix(1 0 0 1 -179 60.1572)"><tspan x="0" y="0" fill="#000000" font-family="'Helvetica-Bold'" font-size="3">Strokes</tspan><tspan x="0" y="5" fill="#000000" font-family="'Helvetica'" font-size="2.4">Try to keep strokes at 4px</tspan><tspan x="0" y="10" fill="#000000" font-family="'Helvetica'" font-size="2.4">Minimum stroke weight is 2px</tspan><tspan x="0" y="14.5" fill="#000000" font-family="'Helvetica'" font-size="2.4">For thicker strokes use even </tspan><tspan x="0" y="17.5" fill="#000000" font-family="'Helvetica'" font-size="2.4">numbers: 6px, 8px etc.</tspan><tspan x="0" y="22" fill="#000000" font-family="'Helvetica-Bold'" font-size="2.4">Remember to expand strokes </tspan><tspan x="0" y="25" fill="#000000" font-family="'Helvetica-Bold'" font-size="2.4">before saving as an SVG </tspan></text>
+                    <rect x="-136.5" y="58" fill="none" width="35" height="32.5"></rect>
+                    <text transform="matrix(1 0 0 1 -136.5 60.1572)"><tspan x="0" y="0" fill="#000000" font-family="'Helvetica-Bold'" font-size="3">Size</tspan><tspan x="0" y="5" fill="#000000" font-family="'Helvetica'" font-size="2.4">Cannot be wider or taller than </tspan><tspan x="0" y="8.5" fill="#000000" font-family="'Helvetica'" font-size="2.4">100px (artboard size)</tspan><tspan x="0" y="13.5" fill="#000000" font-family="'Helvetica'" font-size="2.4">Scale your icon to fill as much of </tspan><tspan x="0" y="16.5" fill="#000000" font-family="'Helvetica'" font-size="2.4">the artboard as possible</tspan></text>
+                    <rect x="-94" y="58" fill="none" width="35" height="32.5"></rect>
+                    <text transform="matrix(1 0 0 1 -94 60.1572)"><tspan x="0" y="0" fill="#000000" font-family="'Helvetica-Bold'" font-size="3">Ungroup</tspan><tspan x="0" y="5" fill="#000000" font-family="'Helvetica'" font-size="2.4">If your design has more than one </tspan><tspan x="0" y="8" fill="#000000" font-family="'Helvetica'" font-size="2.4">shape, make sure to ungroup</tspan></text>
+                    <rect x="-50" y="58" fill="none" width="35" height="32.5"></rect>
+                    <text transform="matrix(1 0 0 1 -50 60.1572)"><tspan x="0" y="0" fill="#000000" font-family="'Helvetica-Bold'" font-size="3">Save as</tspan><tspan x="0" y="5" fill="#000000" font-family="'Helvetica'" font-size="2.4">Save as .SVG and make sure </tspan><tspan x="0" y="8" fill="#000000" font-family="'Helvetica'" font-size="2.4">“Use Artboards” is checked</tspan></text>
+                    <text transform="matrix(1.0074 0 0 1 -125.542 30.5933)" fill="#000000" font-family="'Helvetica'" font-size="2.5731">100px</text>
+                    <text transform="matrix(1.0074 0 0 1 -41 39)" fill="#000000" font-family="'Helvetica-Bold'" font-size="5.1462">.SVG</text>
+                    <rect x="-126.514" y="34.815" fill="#000000" width="10.261" height="10.185"></rect>
+                    <rect x="-126.477" y="31.766" fill="#000000" width="0.522" height="2.337"></rect>
+                    <rect x="-116.812" y="31.766" fill="#000000" width="0.523" height="2.337"></rect>
+                    <rect x="-127" y="32.337" fill="#000000" width="11.233" height="0.572"></rect>
+                    <g>
+                        <rect x="-83.805" y="33.844" fill="#000000" width="10.305" height="10.156"></rect>
+                        <rect x="-76.809" y="28.707" fill="#000000" width="3.308" height="3.261"></rect>
+                    </g>
+                    <rect x="-178.5" y="22.5" fill="#000000" stroke="#FFFFFF" stroke-miterlimit="10" width="30" height="30"></rect>
+                    <rect x="-136.5" y="22.5" fill="#000000" stroke="#FFFFFF" stroke-miterlimit="10" width="30" height="30"></rect>
+                    <rect x="-93.5" y="22.5" fill="#000000" stroke="#FFFFFF" stroke-miterlimit="10" width="30" height="30"></rect>
+                    <rect x="-49.5" y="22.5" fill="#000000" stroke="#FFFFFF" stroke-miterlimit="10" width="30" height="30"></rect>
+                </g>
+                <g id="Your_Icon">
+                    <path d="M74.51,90.021L60,60V46c0-3.021-1.054-4-4-4H44c-2.851,0-4,0.876-4,4v14L25.276,90.436   c-0.724,1.505-0.576,4.225,0.501,5.937c0.679,1.075,2.415,3.628,4.845,3.628h39.319c2.456,0,3.723-2.571,4.403-3.655   C75.31,94.808,75.307,91.687,74.51,90.021z M45,61V46h10v15l8.056,18H37L45,61z"></path>
+                    <path d="M47.658,37.658c4.223,0,7.657-3.436,7.657-7.658c0-4.223-3.434-7.658-7.657-7.658C43.436,22.342,40,25.777,40,30   C40,34.222,43.436,37.658,47.658,37.658z M47.658,26.171c2.111,0,3.829,1.717,3.829,3.829c0,2.111-1.717,3.829-3.829,3.829   c-2.112,0-3.829-1.717-3.829-3.829C43.829,27.888,45.546,26.171,47.658,26.171z"></path>
+                    <path d="M58.186,21c5.807,0,10.529-4.724,10.529-10.53c0-5.806-4.723-10.529-10.529-10.529c-5.805,0-10.528,4.724-10.528,10.529   C47.658,16.276,52.381,21,58.186,21z M58.186,3.77c3.695,0,6.701,3.006,6.701,6.7s-3.006,6.701-6.701,6.701   c-3.693,0-6.699-3.006-6.699-6.701S54.492,3.77,58.186,3.77z"></path>
+                </g>
+                </svg>
+                </p>
+
+                <h1>Deployment</h1>
+                <p class="lead">We're currently deploying a new version of Vapour Hunter, check back in 5 minutes.</p>
+                <p class="muted">Icon by Ken Messenger, from The Noun Project </p>
+            </div>
+        </div>
+    </body>
+</html>
\ No newline at end of file
diff --git a/app/vapemap/static/html/maintenance.html b/app/vapemap/static/html/maintenance.html
new file mode 100644
index 0000000..d44a4df
--- /dev/null
+++ b/app/vapemap/static/html/maintenance.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <link href="../css/bootstrap.min.css" rel="stylesheet">
+    <link href="../css/bootstrap-responsive.min.css" rel="stylesheet">
+    <style type="text/css">
+        body {
+            padding-top: 20px;
+            padding-bottom: 60px;
+        }
+        .container {
+            margin: 0 auto;
+            max-width: 1000px;
+        }
+        .jumbotron {
+            margin: 80px 0;
+            text-align: center;
+        }
+        .jumbotron h1 {
+            font-size: 100px;
+            line-height: 1;
+        }
+        .jumbotron .lead {
+            font-size: 24px;
+            line-height: 1.25;
+        }
+    </style>
+    <title>Vapour Hunter - Deployment</title>
+</head>
+<body>
+<div class="container">
+    <div class="jumbotron">
+        <p>
+            <svg xmlns:x="http://ns.adobe.com/Extensibility/1.0/" xmlns:i="http://ns.adobe.com/AdobeIllustrator/10.0/" xmlns:graph="http://ns.adobe.com/Graphs/1.0/" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
+                <switch>
+                    <foreignObject requiredExtensions="http://ns.adobe.com/AdobeIllustrator/10.0/" x="0" y="0" width="1" height="1">
+                        </foreignObject>
+                    <g i:extraneous="self">
+                        <g id="Captions">
+                        </g>
+                        <g id="Your_Icon">
+                            <path d="M55.49,50.002l21.326,21.326l21.329-21.326l-8.832-8.836l-6.368,6.371C81.657,26.293,64.02,9.395,42.459,9.395     c-22.39,0-40.604,18.217-40.604,40.607c0,22.389,18.215,40.604,40.604,40.604h15.616V78.111H42.459     c-15.504,0-28.11-12.609-28.11-28.109c0-15.505,12.606-28.114,28.11-28.114c14.521,0,26.356,11.097,27.82,25.233l-5.956-5.955     L55.49,50.002z"></path>
+                        </g>
+                    </g>
+                </switch>
+            </svg>
+        </p>
+
+        <h1>Maintenance</h1>
+        <p class="lead">We're doing some maintenance work on Vapour Hunter, check back in 5 minutes.</p>
+        <p class="muted">Icon by Sergey Furtaev, from The Noun Project</p>
+    </div>
+</div>
+</body>
+</html>
\ No newline at end of file
