diff --git a/assets/banner-bg.jpg b/assets/banner-bg.jpg new file mode 100644 index 0000000..7a0bc85 Binary files /dev/null and b/assets/banner-bg.jpg differ diff --git a/assets/favicon.ico b/assets/favicon.ico new file mode 100644 index 0000000..92127bb Binary files /dev/null and b/assets/favicon.ico differ diff --git a/assets/pro-shop-device.jpg b/assets/pro-shop-device.jpg new file mode 100644 index 0000000..d8e43bb Binary files /dev/null and b/assets/pro-shop-device.jpg differ diff --git a/package.json b/package.json index 67c017b..26efe1a 100644 --- a/package.json +++ b/package.json @@ -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" }, diff --git a/server.js b/server.js index 0d01c45..db36eb4 100644 --- a/server.js +++ b/server.js @@ -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. diff --git a/views/home.hbs b/views/home.hbs index f34c745..a997874 100644 --- a/views/home.hbs +++ b/views/home.hbs @@ -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> -</table> +<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>