New landing page template is improving, checking in new static assets and changes for favicon; favicon still not showing in chrome though.

This commit is contained in:
jkaplon 2016-07-02 10:00:38 -04:00
parent 550ab5605b
commit 0245cd9fd1
6 changed files with 19 additions and 6 deletions

BIN
assets/banner-bg.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

BIN
assets/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

BIN
assets/pro-shop-device.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.5 KiB

View File

@ -9,6 +9,7 @@
"moment-timezone": "^0.4.0",
"nodemailer": "^1.3.4",
"pg": "^4.4.3",
"serve-favicon": "^2.3.0",
"sqlite3": "^3.0.8",
"winston": "^2.1.1"
},

View File

@ -35,6 +35,9 @@ app.engine('hbs', hbs.express4({
}));
app.set('view engine', 'hbs');
app.set('views', __dirname + '/views');
var favicon = require('serve-favicon');
app.use(favicon(__dirname + '/assets/favicon.ico')); // Try this before setting static dir.
app.use(express.static('assets'));
/*******************************************************************************************************
With this express setup, ordering of routes matters!!! It's 1st-come-1st-served.

View File

@ -1,12 +1,21 @@
{{!< default}}
<div style="background:#D1E0E0" class="jumbotron">
<div style="background: url(banner-bg.jpg) no-repeat center center; background-size: cover; color: #fff" class="jumbotron">
<h1 class="text-center"><b>Are the courts open?</b></h1>
</div>
<hr></hr>
<h2 class="text-center">You can always know if the courts are open BEFORE you leave the house with <a href="https://tenniscourtsopen.com">TennisCourtsOpen.com</a></h2>
<h2 class="text-center">What's the <em>QUICKEST</em> way to know if the courts are open?:</br><strong>TennisCourtsOpen.com</strong></h2>
<hr></hr>
<h3>Here are the currently supported locations:</h3>
<table>
<td><a href="https://tenniscourtsopen.com/tt">Temple Terrace Recreation Center, soft courts</a></td>
<div>
<p class="text-center lead">At each location, we supply an internet-enabled hardware switch that updates the corresponding status page here at TennisCourtsOpen.com.</p>
<img src="pro-shop-device.jpg" alt="TennisCourtsOpen.com internet-enabled hardware device">
</div>
</br>
<div>
<table class="table-bordered">
{{! Make this table dynamic later when DB supports multiple locations. }}
<th><h3>Here are the currently supported locations:</h3></th>
<tr><td><a href="https://tenniscourtsopen.com/tt">Temple Terrace Recreation Center, clay courts</a></td></tr>
</table>
</div>
<footer><p class="text-center">Contact Email: <mailto>info@tenniscourtsopen.com</mailto></p></footer>