From baf77e22ce6dd17d3ba0e43704f2910102b5cbee Mon Sep 17 00:00:00 2001 From: Katerina Date: Thu, 16 Jul 2020 22:58:36 +1000 Subject: [PATCH] updated url for deploying version --- public/style.css | 242 ++++++++++++++++++++++++----------------------- views/index.ejs | 1 + 2 files changed, 123 insertions(+), 120 deletions(-) diff --git a/public/style.css b/public/style.css index 8da4b00..c3e3531 100644 --- a/public/style.css +++ b/public/style.css @@ -1,217 +1,219 @@ * { - box-sizing: border-box; + box-sizing: border-box; } #map { - height: 500px; - border: 5px solid #87A8A0; + height: 500px; + border: 5px solid #87a8a0; } .item-map { - height: 500px; - margin: 10px; + height: 500px; + margin: 10px; } -body{ - background-color: #B8F5E5; - width: 70%; - margin: 20px auto; - font-family: 'Livvic', sans-serif; - font-size: 12pt; +body { + background-color: #b8f5e5; + width: 70%; + margin: 20px auto; + font-family: 'Livvic', sans-serif; + font-size: 12pt; } header { - display: grid; - grid-template-rows: 1fr 1fr; + display: grid; + grid-template-rows: 1fr 1fr; } .header-title { - display: grid; - grid-template-columns: 3fr 1fr; - font-weight: 600; - font-size: 2em; + display: grid; + grid-template-columns: 3fr 1fr; + font-weight: 600; + font-size: 2em; } .user-name { - font-weight: 400; - font-size: 0.5em; + font-weight: 400; + font-size: 0.5em; } nav { - display: grid; - grid-template-columns: repeat(3, 1fr); - font-weight: 500; - + display: grid; + grid-template-columns: repeat(3, 1fr); + font-weight: 500; } .nav-item { - display: inline; - text-align: center; + display: inline; + text-align: center; } .page-nav { - margin: 40px auto; + margin: 40px auto; } a { - text-decoration: none; - color: black; + text-decoration: none; + color: black; } button { - background-color: #F1D0F5; - border-radius: 5px; - border: 2px solid #A47EA8; - color: black; - margin: 20px; + background-color: #f1d0f5; + border-radius: 5px; + border: 2px solid #a47ea8; + color: black; + margin: 20px; } /* Item Details Display Box */ .description-of-item { - margin: 30px 0px; - border: 5px solid #87A8A0; - width: 100%; - display: grid; - grid-template-columns: 1fr 2fr; - background-color :#F5E5B8; + margin: 30px 0px; + border: 5px solid #87a8a0; + width: 100%; + display: grid; + grid-template-columns: 1fr 2fr; + background-color: #f5e5b8; } .description-of-item div { - margin: 10px; + margin: 10px; } -.item-image{ - width: 100%; - margin: auto 0px; +.item-image { + width: 100%; + margin: auto 0px; } .image-of-item { - width: 100%; - padding: 0px 10px; + width: 100%; + padding: 0px 10px; } - /* sign-up.ejs css */ -.signup-box{ - background-color: white; - width: 50%; - border: solid 1px grey; - border-radius: 10px; - margin: 0 auto; +.signup-box { + background-color: white; + width: 50%; + border: solid 1px grey; + border-radius: 10px; + margin: 0 auto; } -.input-box form{ - display: grid; - width: 70%; - margin: 10px auto; +.input-box form { + display: grid; + width: 70%; + margin: 10px auto; } -.input-box label, input{ - margin: 5px; +.input-box label, +input { + margin: 5px; } -.input-box input{ - padding: 5px; +.input-box input { + padding: 5px; } -.input-box button{ - width: 30%; - margin: 5px auto; - padding: 5px; - border: 1px solid black; - background-color: aquamarine; +.input-box button { + width: 30%; + margin: 5px auto; + padding: 5px; + border: 1px solid black; + background-color: aquamarine; } -.text-in-signup{ - text-align: center; +.text-in-signup { + text-align: center; } -.create-form-div, .update-form-div { - border: 1px solid grey; - border-radius: 10px; - text-align: center; - margin: 50px; +.create-form-div, +.update-form-div { + border: 1px solid grey; + border-radius: 10px; + text-align: center; + margin: 50px; } -.create-form, .update-form { - margin: 20px; - padding: 20px auto; +.create-form, +.update-form { + margin: 20px; + padding: 20px auto; } -.create-form label, .update-form label { - display: inline-block; - width: 300px; - text-align: right; +.create-form label, +.update-form label { + display: inline-block; + width: 300px; + text-align: right; } -.create-form input, .update-form input { - width: 300px; +.create-form input, +.update-form input { + width: 300px; } .form-h1 { - text-align: center; + text-align: center; } /* log-in.ejs css */ - /* log-in.ejs css */ -.login-box{ - width: 40%; - border: 1px solid grey; - margin: 30px auto; - background-color: white; +.login-box { + width: 40%; + border: 1px solid grey; + margin: 30px auto; + background-color: white; } -.login-box h1{ - text-align: center; +.login-box h1 { + text-align: center; } -.login-input-box form{ - display: grid; - width: 70%; - grid-gap: 5px; - margin: 0 auto; +.login-input-box form { + display: grid; + width: 70%; + grid-gap: 5px; + margin: 0 auto; } -.login-input-box input{ - padding: 5px; +.login-input-box input { + padding: 5px; } -.login-input-box button{ - width: 50%; - padding: 5px; - margin: 0 auto 10px; - border: 1px solid black; +.login-input-box button { + width: 50%; + padding: 5px; + margin: 0 auto 10px; + border: 1px solid black; } /* view-my-items.ejs css */ -.my-items-box{ - border: 1px solid grey; - width: 80%; - margin: 10px auto; +.my-items-box { + border: 1px solid grey; + width: 80%; + margin: 10px auto; } -.my-items-box img{ - width: 30%; - float: left; +.my-items-box img { + width: 30%; + float: left; } -.item-box-text{ - width: 40%; - display: inline; - float: left; - margin-left: 40px; +.item-box-text { + width: 40%; + display: inline; + float: left; + margin-left: 40px; } .my-items-box::after { - content: ""; - clear: both; - display: table; + content: ''; + clear: both; + display: table; } .nav-icon { - width: 50px; + width: 50px; } .reserved { - background-color: aqua; + background-color: aqua; } /* login signup logout button */ diff --git a/views/index.ejs b/views/index.ejs index e02a9ef..e5183a0 100644 --- a/views/index.ejs +++ b/views/index.ejs @@ -43,6 +43,7 @@ +