From 78b33c2c0f1b223a7eed742b828f072f8e1f2a96 Mon Sep 17 00:00:00 2001 From: Patrick Sun Date: Wed, 14 Oct 2020 04:16:23 +1100 Subject: [PATCH] login is done. --- front-end/css/login.css | 41 +++++++++++++++++++++++++++++++++++++++++ front-end/js/login.js | 6 +++--- front-end/login.html | 10 ++++++++-- 3 files changed, 52 insertions(+), 5 deletions(-) create mode 100644 front-end/css/login.css diff --git a/front-end/css/login.css b/front-end/css/login.css new file mode 100644 index 0000000..b9494b3 --- /dev/null +++ b/front-end/css/login.css @@ -0,0 +1,41 @@ +#bgVideo { + position: fixed; + right: 0; + bottom: 0; + min-width: 100%; + min-height: 100%; + z-index: -1; +} + +#login { + margin-top: 200px; + margin-left: auto; + margin-right: auto; +} + + +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'); +} + +.vimeo-container { + padding: 0; + width: 100%; + height: 100vh; + overflow: hidden; + position: relative; +} + +iframe { + box-sizing: border-box; + width: 177.77777778vh; + height: 56.25vw; + min-width: 100%; + min-height: 100%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} \ No newline at end of file diff --git a/front-end/js/login.js b/front-end/js/login.js index 0ee8483..25f1e3b 100644 --- a/front-end/js/login.js +++ b/front-end/js/login.js @@ -1,10 +1,10 @@ var loginform = { - width: 700, + width: 500, view:"form", scroll:false, - container:"data_container1", - padding:120, + container:"login", + padding:50, css: { margin:"auto" }, "rows": [ diff --git a/front-end/login.html b/front-end/login.html index e558ed3..6dcdf41 100644 --- a/front-end/login.html +++ b/front-end/login.html @@ -4,12 +4,18 @@ + - -
+ +
+ +
+ +