Browse Source

Update to new look

master
sipp11 10 years ago
parent
commit
eb4a849fa4
  1. 89
      index.html
  2. 10
      static/css/bootstrap-theme.min.css
  3. 10
      static/css/bootstrap.min.css

89
index.html

@ -10,51 +10,80 @@
<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-->
<link href="/static/css/bootstrap.min.css" rel="stylesheet">
<style>
html, body {
height:100%;
padding: 0px;
margin: 0px;
text-align: center;
height: 100%;
}
.mastfoot {
color: #999; /* IE8 proofing */
color: rgba(255,255,255,.5);
.vcenter {
display: inline-block;
vertical-align: middle;
float: none;
}
/*
* 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 */
}
.fill {
min-height: 100%;
height: 100%;
}
@media (min-width: 992px) {
.mastfoot {
width: 100%;
}
#top-bg {
width: 100%;
height: 280px;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
background-color: rgb(255, 198, 218);
background-position: 50% 50%;
}
</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 class="container fill">
<div id="top-bg"></div>
<div class="row fill">
<div class="col-xs-1 col-md-3 col-lg-4 vcenter fill">
</div><!--
--><div class="col-xs-10 col-md-6 col-lg-4 vcenter" style="text-align:center">
<img class="img-responsive img-circle" alt="Expensy Logo" src="/static/images/web_hi_res_512.png">
<h1>Expensy</h1>
<p>A better way to keep tracking what you've spent</p>
<hr/>
<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" width="172" height="60"/></a>
<hr/>
<p><a href="http://blog.getexpensy.com/">Our blog</a></p>
<!-- Social thingy -->
<div class="row">
<div class="col-lg-3 vcenter">
<span class="fb-like" data-href="http://getexpensy.com" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></span>
</div>
<div class="col-lg-3 vcenter">
<span class="g-plusone" data-annotation="inline" data-width="50"></span>
</div>
</div>
</div><!--
--><div class="col-xs-1 col-md-3 col-lg-4 vcenter fill">
</div>
</div>
</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");
//$.backstretch(["/static/images/feature-graphic.png"]);
//$("body").backstretch("/static/images/feature-graphic.png");
</script>
<script src="https://apis.google.com/js/platform.js" async defer></script>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=807502172597046&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
</body>
</html>

10
static/css/bootstrap-theme.min.css vendored

File diff suppressed because one or more lines are too long

10
static/css/bootstrap.min.css vendored

File diff suppressed because one or more lines are too long
Loading…
Cancel
Save