Patrick Sun
pirms 5 gadiem
3 mainītis faili ar 52 papildinājumiem un 5 dzēšanām
+ 41
- 0
front-end/css/login.css
Parādīt failu
| #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%); | |||||
| } |
+ 3
- 3
front-end/js/login.js
Parādīt failu
| var loginform = { | var loginform = { | ||||
| width: 700, | |||||
| width: 500, | |||||
| view:"form", scroll:false, | view:"form", scroll:false, | ||||
| container:"data_container1", | |||||
| padding:120, | |||||
| container:"login", | |||||
| padding:50, | |||||
| css: { margin:"auto" }, | css: { margin:"auto" }, | ||||
| "rows": [ | "rows": [ |
+ 8
- 2
front-end/login.html
Parādīt failu
| <html> | <html> | ||||
| <head> | <head> | ||||
| <link rel="stylesheet" href="./codebase/skins/material.css" type="text/css"> | <link rel="stylesheet" href="./codebase/skins/material.css" type="text/css"> | ||||
| <link rel="stylesheet" href="./css/login.css" type="text/css"> | |||||
| <script src="./codebase/webix.js" type="text/javascript"></script> | <script src="./codebase/webix.js" type="text/javascript"></script> | ||||
| </head> | </head> | ||||
| <body> | |||||
| <div id="data_container1" style="margin:auto"></div> | |||||
| <body > | |||||
| <div id="login"></div> | |||||
| <script type="text/javascript" charset="utf-8" src="js/login.js"></script> | <script type="text/javascript" charset="utf-8" src="js/login.js"></script> | ||||
| <style> | |||||
| </style> | |||||
| <div class="vimeo-container"> | |||||
| <iframe id=bgVideo src="https://player.vimeo.com/video/76979871?background=1" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe> | |||||
| </div> | |||||
| </body> | </body> | ||||
| </html> | </html> |
Notiek ielāde…