| @@ -0,0 +1,18 @@ | ||
| const express = require('express'); | ||
| var ba = require('beeradvocate-api'); | ||
| const app = express(); | ||
|
|
||
|
|
||
| app.use(function(req, res, next) { | ||
| res.header("Access-Control-Allow-Origin", "*"); | ||
| res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept"); | ||
| next(); | ||
| }); | ||
|
|
||
| app.get('/beers', function(req, res) { | ||
| ba.beerSearch(req.query.search, function(beers) { | ||
| res.send(beers); | ||
| }); | ||
| }); | ||
|
|
||
| app.listen(3000, () => console.log('Beer API listening on localhost:3000/beers')) |
| @@ -2,6 +2,10 @@ html, body { | ||
| height: 100%; | ||
| } | ||
|
|
||
| body.page-app { | ||
| background-image: none; | ||
| } | ||
|
|
||
| .beer { | ||
| margin-top: 1rem; | ||
| } | ||
| @@ -22,7 +22,7 @@ | ||
|
|
||
| body { | ||
| color: white; | ||
| background-image: url('/img/beerbackground.jpg'); | ||
| background-position: center top; | ||
| background-repeat: no-repeat; | ||
| } | ||
| @@ -1,5 +1,5 @@ | ||
| body { | ||
| background-image: url("/img/beerbackground.jpg"); | ||
| background-size: cover; | ||
| background-repeat: no-repeat; | ||
| background-color: lightslategray; | ||
| @@ -1,18 +1,12 @@ | ||
| var express = require('express'); | ||
| var router = express.Router(); | ||
|
|
||
| /* GET home page. */ | ||
| router.get('/', function(req, res, next) { | ||
| res.render('app', { | ||
| title: 'BeerMe', | ||
| bodyclass: 'app' | ||
| }); | ||
| }); | ||
|
|
||
| module.exports = router; |
| @@ -1,2 +1,66 @@ | ||
|
|
||
| <nav class="navbar navbar-expand-md navbar-dark bg-dark"> | ||
|
|
||
| <button class="navbar-toggler" data-toggle="collapse" data-target="#collapse_target"> | ||
| <span class="navbar-toggler-icon"></span> | ||
| </button> | ||
|
|
||
| <a class="navbar-brand" href="./"> | ||
| <img src="/img/beerpint.png"> | ||
| </a> | ||
|
|
||
| <div class="collapse navbar-collapse" id="collapse_target"> | ||
|
|
||
|
|
||
| <ul class="navbar-nav ml-auto"> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" href="login.html">LOG IN</a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" href="./SignUp/index.html">SIGN UP</a> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </nav> | ||
| <header> | ||
| <div class="row"> | ||
| <div class="col-12 text-white"> | ||
| <p>BeerMe</p> | ||
| </div> | ||
| </div> | ||
| </header> | ||
| <div class="container"> | ||
| <div class="row"> | ||
| <div class="col-12 text-white"> | ||
| <img src="/img/beerlogo2.png" id="craft-beer" /> | ||
| <p>FINDING YOU THE BEST CRAFT BEER ATLANTA HAS TO OFFER | ||
| <br /> ONE BREWERY AT A TIME</p> | ||
| </div> | ||
| </div> | ||
| <div class="row"> | ||
| <div class="col-2"> | ||
| <img src="/img/jekyll_logo.png" id="beer-logo" /> | ||
| </div> | ||
| <div class="col-2"> | ||
| <img src="/img/mondaynight.jpg" id="beer-logo" /> | ||
| </div> | ||
| <div class="col-2"> | ||
| <img src="/img/Red-brick-brewing-logo.png" id="beer-logo" /> | ||
| </div> | ||
| <div class="col-2"> | ||
| <img src="/img/scofflaw.jpg" id="beer-logo" /> | ||
| </div> | ||
| <div class="col-2"> | ||
| <img src="/img/sweetwaterbrewing.png" id="beer-logo" /> | ||
| </div> | ||
| <div class="col-2"> | ||
| <img src="/img/threetaverns.png" id="beer-logo" /> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <footer> | ||
| <div class="footer text-white"> | ||
| <p>© 2018 BeerMe, Inc.</p> | ||
| </div> | ||
| </footer> | ||
| </body> |
| @@ -0,0 +1,59 @@ | ||
| <nav class="navbar navbar-expand-md navbar-dark bg-dark"> | ||
| <button class="navbar-toggler" data-toggle="collapse" data-target="#collapse_target"> | ||
| <span class="navbar-toggler-icon"></span> | ||
| </button> | ||
|
|
||
| <div class="collapse navbar-collapse" id="collapse_target"> | ||
| <a class="navbar-brand" href="./"> | ||
| <img src="img/beerpint.png"> | ||
| </a> | ||
|
|
||
| <ul class="navbar-nav ml-auto"> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" href="index.html">HOME</a> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </nav> | ||
|
|
||
| <!-- Login form --> | ||
|
|
||
| <div class="container login"> | ||
| <h1>Log in</h1> | ||
| <div class="login-form"> | ||
| <form> | ||
| <div class="form-group"> | ||
| <label for="exampleInputEmail1">Email address</label> | ||
| <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email"> | ||
| </div> | ||
| <div class="form-group"> | ||
| <label for="exampleInputPassword1">Password</label> | ||
| <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password"> | ||
| </div> | ||
| <div class="form-check"> | ||
| <input type="checkbox" class="form-check-input" id="exampleCheck1"> | ||
| <label class="form-check-label" for="exampleCheck1">Remember me</label> | ||
| </div> | ||
| <a href="app.html"> | ||
| <button type="button" class="btn btn-primary btn-submit">Submit</button> | ||
| </a> | ||
| </form> | ||
| </div> | ||
|
|
||
| <!-- Other logins --> | ||
|
|
||
| <div class="other-logins"> | ||
| <div class="facebook"> | ||
| <a href="app.html"> | ||
| <button type="button" class="btn btn-lg">Login with Facebook</button> | ||
| </a> | ||
| </div> | ||
|
|
||
| <div class="google"> | ||
| <a href="app.html"> | ||
| <button type="button" class="btn btn-lg">Login with Google</button> | ||
| </a> | ||
| </div> | ||
|
|
||
| </div> | ||
| </div> |
