Quick dry front

10 years ago · b711d54b36
9 changed files with 79 additions and 0 deletions
--- a/.bowerrc
+++ b/.bowerrc
@ -0,0 +1,3 @@
+{
+    "directory": "static/vendor"
+}
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,2 @@
+.DS_Store
+static/vendor
--- a/bower.json
+++ b/bower.json
@ -0,0 +1,14 @@
+{
+    "name": "expensy-front",
+    "version": "1",
+    "dependencies": {
+        "jquery-backstretch": null
+    },
+    "ignore": [
+        "**/.*",
+        "node_modules",
+        "components",
+        "websites",
+        "source"
+    ]
+}
--- a/index.html
+++ b/index.html
@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<title>Expensy</title>
+<meta charset="utf-8">
+<meta name="description" content="A better way to keep tracking what you've spent.">
+<meta name="apple-mobile-web-app-capable" content="yes">
+<meta name="apple-touch-fullscreen" content="yes">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+<link rel="icon" type="image/png" href="http://getexpensy.com/static/images/favicon.png">
+<link rel="apple-touch-icon" type="image/png" href="http://getexpensy.com/static/images/logo_144.png">
+<!-- Style-->
+<style>
+html, body {
+    height:100%;
+    padding: 0px;
+    margin: 0px;
+    text-align: center;
+}
+
+.mastfoot {
+    color: #999; /* IE8 proofing */
+    color: rgba(255,255,255,.5);
+}
+/*
+* Affix and center
+*/
+@media (min-width: 768px) {
+    .mastfoot {
+        position: fixed;
+        bottom: 0;
+        /* Handle the widths */
+        width: 100%; /* Must be percentage or pixels for horizontal alignment */
+    }
+}
+@media (min-width: 992px) {
+    .mastfoot {
+        width: 100%;
+    }
+}
+</style>
+<!-- HTML5 shim, for IE6-8 support of HTML elements--><!--[if lt IE 9]>
+<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
+</head>
+<body>
+<div class="mastfoot">
+<a href="https://play.google.com/store/apps/details?id=co.zzyzx.expensy">
+  <img alt="Get it on Google Play"
+       src="/static/images/en_generic_rgb_wo_60.png" />
+</a>
+</div>
+
+<script src="/static/vendor/jquery/jquery.min.js"></script>
+<script src="/static/vendor/jquery-backstretch/jquery.backstretch.min.js"></script>
+<script>
+$.backstretch(["/static/images/feature-graphic.png"]);
+$("body").backstretch("/static/images/feature-graphic.png");
+</script>
+</body>
+</html>
--- a/static/images/en_generic_rgb_wo_60.png
+++ b/static/images/en_generic_rgb_wo_60.png
--- a/static/images/favicon.png
+++ b/static/images/favicon.png
--- a/static/images/feature-graphic.png
+++ b/static/images/feature-graphic.png
--- a/static/images/logo_144.png
+++ b/static/images/logo_144.png
--- a/static/images/web_hi_res_512.png
+++ b/static/images/web_hi_res_512.png