diff --git a/public/assets/images/connect.jpg b/public/assets/images/connect.jpg new file mode 100644 index 0000000..8456a5e Binary files /dev/null and b/public/assets/images/connect.jpg differ diff --git a/public/assets/images/connect.png b/public/assets/images/connect.png new file mode 100644 index 0000000..4a560d5 Binary files /dev/null and b/public/assets/images/connect.png differ diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css index fc3a6f3..360464b 100644 --- a/public/stylesheets/style.css +++ b/public/stylesheets/style.css @@ -1,7 +1,22 @@ +html, body { - padding: 50px; font: 1em "Montserrat", Helvetica, Arial, sans-serif; text-align: center; + height: 100%; + width: 100%; + padding: 0; + margin: 0; +} + +section { + position: relative; +} + +section#splash { + min-height: 100%; + background: #1f1f1f; + padding-top: 80px; + color: white; } .title { @@ -15,6 +30,10 @@ body { margin-bottom: 30px; } +.accent { + color: #458CCE; +} + a { font-size: 1.2em; color: #33b5e5; @@ -46,6 +65,8 @@ a.button:hover { background: #33b5e5; } + + @media only screen and (max-width: 480px) { .title { font-size: 3.2em; diff --git a/server/routes/index.js b/server/routes/index.js index d1db1c0..91ab870 100644 --- a/server/routes/index.js +++ b/server/routes/index.js @@ -10,6 +10,7 @@ function isCallerMobile(req) { /* GET home page. */ +// Detect if mobile router.use(function(req, res, next){ if (isCallerMobile(req)){ res.sendfile('views/controller.html') diff --git a/views/index.html b/views/index.html index c47e68f..65b9bcf 100644 --- a/views/index.html +++ b/views/index.html @@ -2,15 +2,27 @@
-