jody/courtsopen
jody/courtsopen
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/banner-bg.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

BIN
assets/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.2 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.5 KiB

1
package.json
View File

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

3
server.js
View File

@ -35,6 +35,9 @@ app.engine('hbs', hbs.express4({
})); }));
app.set('view engine', 'hbs'); app.set('view engine', 'hbs');
app.set('views', __dirname + '/views'); 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. With this express setup, ordering of routes matters!!! It's 1st-come-1st-served.

21
views/home.hbs
View File

@ -1,12 +1,21 @@
{{!< default}} {{!< 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> <h1 class="text-center"><b>Are the courts open?</b></h1>
</div> </div>
<hr></hr> <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> <hr></hr>
<h3>Here are the currently supported locations:</h3> <div>
<table> <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>
<td><a href="https://tenniscourtsopen.com/tt">Temple Terrace Recreation Center, soft courts</a></td> <img src="pro-shop-device.jpg" alt="TennisCourtsOpen.com internet-enabled hardware device">
</table> </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>