commit view

module/Application/view/application/user/login.phtml

-<div class="row justify-content-center mt-4">
+<!-- <div class="row justify-content-center mt-4">
       <div class="col-xl-5 col-lg-6 col-md-8">
         <div class="card o-hidden border-0 shadow-lg my-5">
           <div class="card-body p-0 border-left-primary ">
@@ -34,7 +34,76 @@
           </div>
         </div>
       </div>
-    </div>
+    </div> -->
+
+
+
+    <div class="limiter">
+		<div class="container-login100">
+      
+			<div class="wrap-login100">
+
+        <div class="login100-pic">
+          <img style="width:100px; height:70px; margin-bottom: 80px"src="<?php $this->basePath();?>/template/img/khatulistiwa.png" alt="IMG">
+        </div>
+    
+
+				<div class="login100-pic" data-tilt>
+
+					<img src="<?php $this->basePath();?>/template/img/illustration2.png" alt="IMG">
+        </div>
+
+        <form class="user" method="post" id="login" action="<?php echo $this->basePath()?>/user/authenticate">
+					<span class="login100-form-title">
+						Login 
+					</span>
+
+					<div class="wrap-input100 validate-input" >
+						<input class="input100" type="text" id="username" name="username" minlength="3" maxlength="20" placeholder="Username" required />
+						<span class="focus-input100"></span>
+						<span class="symbol-input100">
+							<i class="fa fa-user" aria-hidden="true"></i>
+						</span>
+					</div>
+
+					<div class="wrap-input100 validate-input" data-validate = "Password is required">
+						<input class="input100" id="passwd" type="password" minlength="8"name="passwd" placeholder="Password" required/>
+						<span class="focus-input100"></span>
+						<span class="symbol-input100">
+							<i class="fa fa-lock" aria-hidden="true"></i>
+						</span>
+					</div>
+					
+          <input style="margin-left:20px" type="checkbox" onclick="changetype()"> <a>Show Password</a>
+          
+					<div id="message" style="color:red" class="text-center"><?php if(isset($this->message)) { echo $this->message; }?></div>
+          <hr>
+					<div class="container-login100-form-btn">
+						<button class="login100-form-btn">
+							Login
+						</button>
+					</div>
+
+					<div class="text-center p-t-12">
+						<span class="txt1">
+							Forgot
+						</span>
+						<a class="txt2" href="#">
+							Username / Password?
+						</a>
+					</div>
+
+					<div class="text-center p-t-136">
+						<a class="txt2" href="<?php echo $this->basePath('user/registration');?>">
+							Create your Account
+							<i class="fa fa-long-arrow-right m-l-5" aria-hidden="true"></i>
+						</a>
+					</div>
+				</form>
+			</div>
+		</div>
+	</div>
+
 
     
 

module/Application/view/application/user/registration.phtml

 <!-- Outer Row -->
-<div class="row justify-content-center">
+<!-- <div class="row justify-content-center">
   <div class="col-xl-5 col-lg-12 col-md-9">
     <div class="card o-hidden border-0 shadow-lg my-5">
       <div class="card-body p-0 border-left-primary ">
-            <!-- Nested Row within Card Body -->
         <div class="row">
           <div class="col-lg-12">
             <div class="p-5">
@@ -40,4 +39,79 @@
       </div>
     </div>
   </div>
-</div>
+</div> -->
\ No newline at end of file
+
+
+<div class="limiter">
+		<div class="container-login100">
+      
+			<div class="wrap-login200">
+        <img style="width:100px; height:70px;margin: 20px 20px 50px 20px;"src="<?php $this->basePath();?>/template/img/khatulistiwa.png" alt="IMG">
+        <div>
+        <div class="wrap-login200">
+        <form class="user" style="margin: auto;">
+					<span class="login100-form-title">
+						Registration 
+					</span>
+
+					<div class="wrap-input200 validate-input" data-validate = "Valid email is required: ex@abc.xyz">
+						<input class="input100" type="text" id="username" name="username" minlength="3" maxlength="20" placeholder="Username" required/>
+						<span class="focus-input100"></span>
+						<span class="symbol-input100">
+							<i class="fa fa-user" aria-hidden="true"></i>
+						</span>
+          </div>
+          <div style="margin:10px"><a>Username must be contain a-z/0-9/_</a></div>
+          <div class="wrap-input200 validate-input" data-validate = "Valid email is required: ex@abc.xyz">
+						<input class="input100" type="text" id="email" name="email" aria-describedby="emailHelp" placeholder="Email" required/>
+						<span class="focus-input100"></span>
+						<span class="symbol-input100">
+							<i class="fa fa-envelope" aria-hidden="true"></i>
+						</span>
+          </div>
+
+          <div class="wrap-input200 validate-input" data-validate = "Password is required">
+						<input class="input100" id="password" type="password" name="password" placeholder="Password"  minlength="8" required/>
+						<span class="focus-input100"></span>
+						<span class="symbol-input100">
+							<i class="fa fa-lock" aria-hidden="true"></i>
+						</span>
+          </div>
+          <div style="margin:10px"><a>Use 8 or more characters</a></div>
+
+
+					<div class="wrap-input200 validate-input" data-validate = "Password is required">
+						<input class="input100" id="repassword" type="password" name="repassword" placeholder="Confirm Password" minlength="8" required/>
+						<span class="focus-input100"></span>
+						<span class="symbol-input100">
+							<i class="fa fa-lock" aria-hidden="true"></i>
+						</span>
+					</div>
+					
+					<input style="margin-left:20px" type="checkbox" onclick="changetype()"> <a>Show Password</a>
+          <br>
+          <span><a id='wronginput' style="color:red; margin-left:20px"></a></span>
+					<div class="container-login100-form-btn">
+						<button id="btnRegister" class="login100-form-btn">
+							Register
+						</button>
+					</div>
+					<div class="text-center p-t-12" style="margin-bottom:100px">
+						<span class="txt1">
+              You have an account ?
+						</span>
+						<a class="txt2" href="<?php echo $this->basePath('login');?>" >
+            Login!  
+            </a>
+					</div>
+
+				
+				</form>
+        <div>
+        
+        
+        </div>
+       
+			</div>
+		</div>
+	</div>
\ No newline at end of file

module/Application/view/application/useranalytics/registrasi.phtml

 <!-- Outer Row -->
-<div class="row justify-content-center">
+<!-- <div class="row justify-content-center">
   <div class="col-xl-5 col-lg-12 col-md-9">
     <div class="card o-hidden border-0 shadow-lg my-5">
       <div class="card-body p-0">
-            <!-- Nested Row within Card Body -->
         <div class="row">
           <div class="col-lg-12">
             <div class="p-5">
@@ -40,4 +39,4 @@
       </div>
     </div>
   </div>
-</div>
+</div> -->
\ No newline at end of file

module/Application/view/layout/login.phtml

@@ -32,6 +32,8 @@
         ->prependStylesheet($this->basePath('/template/vendor/fontawesome-free/css/all.min.css'))
         ->prependStylesheet($this->basePath('/template/vendor/fontawesome-free/css/fonts.css'))
         ->prependStylesheet($this->basePath('template/css/sb-admin-2.min.css'))
+        ->prependStylesheet($this->basePath('template/css/main.css'))
+        ->prependStylesheet($this->basePath('template/css/util.css'))
         ->prependStylesheet($this->basePath('template/vendor/datatables/dataTables.bootstrap4.min.css'))  
      ?>
 
@@ -63,9 +65,9 @@
     }
     </style>
 </head>
-<body class="bg-gray-900">
+<body>
     <!-- Page Wrapper -->
-  <div id="container" class="container">
+  <div id="container" >
     <!-- Content Wrapper -->
     <div id="content-wrapper" class="d-flex flex-column">
       <!-- Main Content -->

module/Application/view/layout/menu.phtml

@@ -86,7 +86,7 @@
     <!-- Page Wrapper -->
   <div id="wrapper">
     <!-- Sidebar -->
-    <ul class="navbar-nav bg-gray-900 sidebar sidebar-dark " id="accordionSidebar">
+    <ul class="navbar-nav sidebar sidebar-dark " style="background-color: #4d3c98" id="accordionSidebar">
 
       <!-- Sidebar - Brand -->
       <a class="sidebar-brand d-flex align-items-center justify-content-center" href="<?php echo $this->basePath('useranalytics/menu'); ?>">
@@ -165,7 +165,7 @@
       <div id="content">
 
         <!-- Topbar -->
-        <nav class="navbar navbar-expand navbar-light bg-gray-900 topbar  static-top shadow">
+        <nav class="navbar navbar-expand navbar-light topbar  static-top shadow" style="background-color: #4d3c98">
         <form class="form-inline">
             <a id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3">
               <i class="fa fa-bars"></i>
@@ -185,7 +185,7 @@
             </li> -->
             <li class="nav-item dropdown no-arrow">
               <a class="nav-link dropdown-toggle" href="#" id="userDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                <span id="usernameDisplay" class="mr-2 d-none d-lg-inline text-gray-600 small"><?php echo $this->myParameter; ?></span>
+                <span id="usernameDisplay" class="mr-2 d-none d-lg-inline small" style="color:#fff"><?php echo $this->myParameter; ?></span>
                 <img class="img-profile rounded-circle" src="<?php $img = $this->pp; if(isset($this->pp)){echo $this->basePath('/img/profilepic/').$img;}else { echo "http://via.placeholder.com/150x150";}  ?>">
               </a>
               <!-- Dropdown - User Information -->