diff --git a/website/login.php b/website/login.php index 664746f..c9a87a8 100644 --- a/website/login.php +++ b/website/login.php @@ -1,217 +1,14 @@ - - - - - - - MyHyvesbook+ - + -
- MyHyvesbook+ -
- -
-

Welkom bij MyHyvesbook+

- -
- - -
- -
- - -
- -
- -
-
- -
- -
- -
- -
+ - - - - diff --git a/website/styles/index.css b/website/styles/index.css index 14c01ea..b4daae7 100644 --- a/website/styles/index.css +++ b/website/styles/index.css @@ -1,3 +1,47 @@ +::selection { + background: #845663; + color: white; +} + +::-moz-selection { + background: #845663; + color: white; +} + +a, a:link, a:visited, a:hover, a:active { + color: inherit; + text-decoration: none; +} + + +a[data-title]:hover:after, img[data-title]:hover:after, span[data-title]:hover:after, +div[data-title]:hover:after{ + content: attr(data-title); + padding: 4px 4px; + color: #FFFFFF; + position: absolute; + left: 0; + top: 100%; + z-index: 20; + white-space: nowrap; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + -moz-box-shadow: 0px 0px 4px #222; + -webkit-box-shadow: 0px 0px 4px #222; + box-shadow: 0px 0px 4px #222; + background-color: #333; + font-size: 15px; + line-height: normal; + font-family: Arial, sans-serif; +} + +/* Add Zoom Animation */ +.animate { + animation: animatezoom 0.6s + -webkit-animation: animatezoom 0.6s; +} + /* Body */ body { height: 100%; @@ -8,6 +52,39 @@ body { font-family: Arial, sans-serif; } +/* stijl voor alle buttons */ +button { + background-color: #845663; + border: 2px solid black; + border-radius: 12px; + color: white; + cursor: pointer; + height: 50%; + margin: 8px 0; + padding: 14px 20px; + width: 25%; + font-family: Arial; + font-size: 16px; +} + +/* The Close Button */ +.close { + /* Position it in the top right corner outside of the modal */ + color: white; + font-size: 100px; + font-weight: bold; + position: absolute; + right: 25px; + top: 0; +} + +/* Close button on hover */ +.close:hover, +.close:focus { + color: red; + cursor: pointer; +} + /* inlogform */ form { background-color: #a87a87; @@ -32,76 +109,47 @@ h2 { font-size: 2.0em; } +input[type=text], input[type=password], input[type=email], input[type="date"] { + border-radius: 12px; + border: 5px solid #ccc; + box-sizing: border-box; + display: inline-block; + height: 50%; + padding: 12px 20px; + margin: 8px 0; + width: 50%; + font-family: Arial; + font-size: 16px; +} + +input[type=submit] { + background-color: #845663; + border: 2px solid black; + border-radius: 12px; + color: white; + cursor: pointer; + height: 50%; + margin: 8px 0; + padding: 14px 20px; + width: 50%; + font-family: Arial; + font-size: 16px; +} + label { display: block; } -/* datepicker */ -select { - border-radius: 12px; - border: 5px solid #ccc; - box-sizing: border-box; - display: inline-block; - height: 50%; - padding: 12px 20px; - margin: 8px 0; - width: 15%; - font-family: Arial; - font-size: 16px; -} - -input[type=text], input[type=password], input[type=email] { - border-radius: 12px; - border: 5px solid #ccc; - box-sizing: border-box; - display: inline-block; - height: 50%; - padding: 12px 20px; - margin: 8px 0; - width: 50%; - font-family: Arial; - font-size: 16px; -} - -input[type=submit]{ - background-color: #845663; - border: 2px solid black; - border-radius: 12px; - color: white; - cursor: pointer; - height: 50%; - margin: 8px 0; - padding: 14px 20px; - width: 50%; - font-family: Arial; - font-size: 16px; -} - -/* stijl voor alle buttons */ -button { - background-color: #845663; - border: 2px solid black; - border-radius: 12px; - color: white; - cursor: pointer; - height: 50%; - margin: 8px 0; - padding: 14px 20px; - width: 25%; - font-family: Arial; - font-size: 16px; -} - /* padding voor registreer container */ .login_containerregister { - padding: 16px; - text-align: left; + padding: 16px; + text-align: left; } /* padding voor login_containers */ .login_containerlogin { - padding: 16px; - text-align: center; + padding: 16px; + text-align: center; } /* The Modal (background) */ @@ -130,28 +178,23 @@ button { height: 80%; } -/* The Close Button */ -.close { - /* Position it in the top right corner outside of the modal */ - color: white; - font-size: 100px; - font-weight: bold; - position: absolute; - right: 25px; - top: 0; +@keyframes animatezoom { + from {transform: scale(0)} + to {transform: scale(1)} } -/* Close button on hover */ -.close:hover, -.close:focus { - color: red; - cursor: pointer; -} - -/* Add Zoom Animation */ -.animate { - animation: animatezoom 0.6s - -webkit-animation: animatezoom 0.6s; +/* datepicker */ +select { + border-radius: 12px; + border: 5px solid #ccc; + box-sizing: border-box; + display: inline-block; + height: 50%; + padding: 12px 20px; + margin: 8px 0; + width: 18%; + font-family: Arial; + font-size: 16px; } @-webkit-keyframes animatezoom { @@ -159,45 +202,7 @@ button { to {-webkit-transform: scale(1)} } -@keyframes animatezoom { - from {transform: scale(0)} - to {transform: scale(1)} -} - -::selection { - background: #845663; - color: white; -} - -::-moz-selection { - background: #845663; - color: white; -} - -a, a:link, a:visited, a:hover, a:active { - color: inherit; - text-decoration: none; -} - - -a[data-title]:hover:after, img[data-title]:hover:after, span[data-title]:hover:after, -div[data-title]:hover:after{ - content: attr(data-title); - padding: 4px 4px; - color: #FFFFFF; - position: absolute; - left: 0; - top: 100%; - z-index: 20; - white-space: nowrap; - -moz-border-radius: 5px; - -webkit-border-radius: 5px; - border-radius: 5px; - -moz-box-shadow: 0px 0px 4px #222; - -webkit-box-shadow: 0px 0px 4px #222; - box-shadow: 0px 0px 4px #222; - background-color: #333; - font-size: 15px; - line-height: normal; - font-family: Arial, sans-serif; +ul { + font-family: Arial; + font-size: 16px; } diff --git a/website/views/login-view.php b/website/views/login-view.php new file mode 100644 index 0000000..f8e163b --- /dev/null +++ b/website/views/login-view.php @@ -0,0 +1,254 @@ + + + +
+ MyHyvesbook+ +
+ +
+

Welkom bij MyHyvesbook+

+ +
+ + +
+ +
+ + +
+ +
+ +
+
+ +
+ +
+ +
+ +
+ + + + diff --git a/website/views/login_head.php b/website/views/login_head.php new file mode 100644 index 0000000..6111b5d --- /dev/null +++ b/website/views/login_head.php @@ -0,0 +1,10 @@ + + + MyHyvesbook+ + + + + +