Bladeren bron

login form polished

master
Patrick Sun 5 jaren geleden
bovenliggende
commit
0807512f98
5 gewijzigde bestanden met toevoegingen van 14 en 4 verwijderingen
  1. +6
    -1
      front-end/css/login.css
  2. BIN
      front-end/img/login-bg.jpg
  3. BIN
      front-end/img/login-bg1.jpg
  4. +2
    -2
      front-end/js/login.js
  5. +6
    -1
      front-end/login.html

+ 6
- 1
front-end/css/login.css Bestand weergeven

@@ -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 {

BIN
front-end/img/login-bg.jpg Bestand weergeven

Before After
Width: 1920  |  Height: 1080  |  Size: 85KB

BIN
front-end/img/login-bg1.jpg Bestand weergeven

Before After
Width: 1920  |  Height: 1080  |  Size: 404KB

+ 2
- 2
front-end/js/login.js Bestand weergeven

@@ -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

+ 6
- 1
front-end/login.html Bestand weergeven

@@ -15,7 +15,12 @@

</style>
<div class="vimeo-container">
<iframe id=bgVideo src="https://player.vimeo.com/video/76979871?background=1" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
<!-- iframe id=bgVideo src="https://player.vimeo.com/video/76979871?background=1"
frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe -->

<iframe id=bgVideo src="https://player.vimeo.com/video/468031372?background=1&controls=0"
frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
</div>
</body>
</html>

Laden…
Annuleren
Opslaan