diff --git a/front-end/css/login.css b/front-end/css/login.css index b9494b3..1edf6cd 100644 --- a/front-end/css/login.css +++ b/front-end/css/login.css @@ -11,13 +11,18 @@ margin-top: 200px; margin-left: auto; margin-right: auto; + opacity: 90%; } +.login_form { + margin: auto; + box-shadow: 3px 3px 16px #888888 ; +} body { margin: 0; background-size: cover; - background-image: url('https://images.unsplash.com/photo-1579546929518-9e396f3cc809?ixlib=rb-1.2.1&w=1000&q=80'); + background-image: url('../img/login-bg1.jpg'); } .vimeo-container { diff --git a/front-end/img/login-bg.jpg b/front-end/img/login-bg.jpg new file mode 100644 index 0000000..2b1634d Binary files /dev/null and b/front-end/img/login-bg.jpg differ diff --git a/front-end/img/login-bg1.jpg b/front-end/img/login-bg1.jpg new file mode 100644 index 0000000..23fc01a Binary files /dev/null and b/front-end/img/login-bg1.jpg differ diff --git a/front-end/js/login.js b/front-end/js/login.js index 25f1e3b..c42bfef 100644 --- a/front-end/js/login.js +++ b/front-end/js/login.js @@ -5,7 +5,7 @@ var loginform = { view:"form", scroll:false, container:"login", padding:50, - css: { margin:"auto" }, + css: "login_form", "rows": [ { @@ -14,7 +14,7 @@ var loginform = { "rows": [ { "view": "text", "label": "email", "name": "email", "type": "email" }, { "view": "text", "label": "Password", "name": "pass", "type": "password" }, - { "label": "Submit", "view": "button", "height": 38, "borderless": 1 } + { "label": "Login", "view": "button", "height": 38, "borderless": 1 } ], "borderless": 1, "height": null diff --git a/front-end/login.html b/front-end/login.html index 6dcdf41..f72910c 100644 --- a/front-end/login.html +++ b/front-end/login.html @@ -15,7 +15,12 @@