diff --git a/public/main.css b/public/main.css index f147ce8..e69de29 100644 --- a/public/main.css +++ b/public/main.css @@ -1,143 +0,0 @@ -@import url(https://fonts.googleapis.com/css?family=Cabin:400); -.search-form { - background: #151515; - height: 100%; - position: absolute; - text-align: center; - width: 100%; -} - -.search-form:before, -.search-form:after { - content: ''; - display: block; - height: 1px; - left: 50%; - margin: 0 0 0 -400px; - position: absolute; - width: 800px; -} - -.search-form:before { - background: #444; - background: linear-gradient(left, #151515, #444, #151515); - top: 192px; -} - -.search-form:after { - background: #000; - background: linear-gradient(left, #151515, #000, #151515); - top: 191px; -} - -.search-form form { - background: #111; - background: linear-gradient(#1b1b1b, #111); - border: 1px solid #000; - border-radius: 5px; - box-shadow: inset 0 0 0 1px #272727; - display: inline-block; - font-size: 0px; - margin: 150px auto 0; - padding: 20px; - position: relative; - z-index: 1; -} - -.search-form input { - background: #222; - background: linear-gradient(#333, #222); - border: 1px solid #444; - border-radius: 5px 0 0 5px; - box-shadow: 0 2px 0 #000; - color: #888; - display: block; - float: left; - font-family: 'Cabin', helvetica, arial, sans-serif; - font-size: 13px; - font-weight: 400; - height: 40px; - margin: 0; - padding: 0 10px; - text-shadow: 0 -1px 0 #000; - width: 200px; -} - -.ie .search-form input { - line-height: 40px; -} - -.search-form input::-webkit-input-placeholder { - color: #888; -} - -.search-form input:-moz-placeholder { - color: #888; -} - -.search-form input:focus { - animation: glow 800ms ease-out infinite alternate; - background: #222922; - background: linear-gradient(#333933, #222922); - border-color: #393; - box-shadow: 0 0 5px rgba(0, 255, 0, .2), inset 0 0 5px rgba(0, 255, 0, .1), 0 2px 0 #000; - color: #efe; - outline: none; -} - -.search-form input:focus::-webkit-input-placeholder { - color: #efe; -} - -.search-form input:focus:-moz-placeholder { - color: #efe; -} - -.search-form button { - background: #222; - background: linear-gradient(#333, #222); - box-sizing: border-box; - border: 1px solid #444; - border-left-color: #000; - border-radius: 0 5px 5px 0; - box-shadow: 0 2px 0 #000; - color: #fff; - display: block; - float: left; - font-family: 'Cabin', helvetica, arial, sans-serif; - font-size: 13px; - font-weight: 400; - height: 40px; - line-height: 40px; - margin: 0; - padding: 0; - position: relative; - text-shadow: 0 -1px 0 #000; - width: 80px; -} - -.search-form button:hover, -.search-form button:focus { - background: #292929; - background: linear-gradient(#393939, #292929); - color: #5f5; - outline: none; -} - -.search-form button:active { - background: #292929; - background: linear-gradient(#393939, #292929); - box-shadow: 0 1px 0 #000, inset 1px 0 1px #222; - top: 1px; -} - -@keyframes glow { - 0% { - border-color: #393; - box-shadow: 0 0 5px rgba(0, 255, 0, .2), inset 0 0 5px rgba(0, 255, 0, .1), 0 2px 0 #000; - } - 100% { - border-color: #6f6; - box-shadow: 0 0 20px rgba(0, 255, 0, .6), inset 0 0 10px rgba(0, 255, 0, .4), 0 2px 0 #000; - } -} diff --git a/server/server.js b/server/server.js index b501f4d..f4ea7f0 100644 --- a/server/server.js +++ b/server/server.js @@ -45,6 +45,11 @@ server.get('/result', (req, res, next) => { }) }) +server.post('/search', (req, res, next) => { + console.log(req.body) + res.status(200).redirect('/result') +}) + // server.use('/', (req, res, next) => { // console.log('hello') // res.send('