diff --git a/app/views/dashboard/index.php b/app/views/dashboard/index.php index e3e0a08221a1687d2bd12063f1bd8088fb0f0546..5ed4403872a2315e60ae173d63ece2e3ea63079f 100644 --- a/app/views/dashboard/index.php +++ b/app/views/dashboard/index.php @@ -33,56 +33,4 @@ </div> </body> -</html> - - - - - - - - - - - - - - - - -<!-- <!DOCTYPE html> -<html> -<head> - <title>Dashboard</title> - <meta charset="UTF-8"> - <meta http-equiv="X-UA-Compatible" content="IE=edge"> - <meta name="viewport" content="width=device-width=device=width, initial-scale=1.0"> - <link rel="preconnect" href=""> - <link rel="preconnect" href=""> - <link href=""> - - <link rel="stylesheet" type="text/css" href="dashboard.css"> -</head> --> - - -<!-- <body> - <header> - <div class="user-header"> - <input type="text" id="searchBar" placeholder="Search by name..."> - <button id="searchButton">Search</button> - - <div class="user-profile"> - <a href="#" id="logoutLink">Logout</a> - </div> - - </div> - </header> - - <div class="container"> - <h1>Welcome, <span id="username"></span></h1> - - </div> - - <script src="dashboard.js"></script> -</body> -</html> --> +</html> \ No newline at end of file diff --git a/public/css/challenge.css b/public/css/challenge.css index e8fa713a7f36f64576d5743a93be08f2e587bc94..52d63481ac7534353cd0675110e80b5d1ba26b64 100644 --- a/public/css/challenge.css +++ b/public/css/challenge.css @@ -1,7 +1,37 @@ -.obtain { +.achievement-list .obtain { background-color: rgb(0, 255, 0); + box-shadow: rgba(39, 66, 35, 0.4) 0 2px 4px,rgba(35, 66, 38, 0.3) 0 7px 13px -3px,rgb(106, 215, 111) 0 -3px 0 inset; } -.obtain-not { +.achievement-list .obtain-not { background-color: rgb(255, 0, 0); + box-shadow: rgba(66, 35, 35, 0.4) 0 2px 4px,rgba(66, 35, 35, 0.3) 0 7px 13px -3px,rgb(215, 106, 106) 0 -3px 0 inset; +} + +.achievement-list .obtain:focus { + box-shadow: #6bde67 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #59e260 0 -3px 0 inset; +} + +.achievement-container .obtain:hover { + box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #50dd57 0 -3px 0 inset; + transform: translateY(-2px); +} + +.achievement-container .obtain:active { + box-shadow: #56da54 0 3px 7px inset; + transform: translateY(2px); +} + +.achievement-list .obtain-not:focus { + box-shadow: #de6767 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #e25959 0 -3px 0 inset; +} + +.achievement-container .obtain-not:hover { + box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #dd5050 0 -3px 0 inset; + transform: translateY(-2px); +} + +.achievement-container .obtain-not:active { + box-shadow: #da5454 0 3px 7px inset; + transform: translateY(2px); } \ No newline at end of file diff --git a/public/css/dashboard.css b/public/css/dashboard.css index 4389c38a0b699bd3833bd84bffa1072c9851f752..70e88784ffc776eb42e9f75f59387c21e7bb569b 100644 --- a/public/css/dashboard.css +++ b/public/css/dashboard.css @@ -10,7 +10,7 @@ body { .sidebar { width: 20%; - background: linear-gradient(to bottom, #192e3a, #0c1b28); + background: linear-gradient(to bottom, #3a1919, #0c1b28); color: #fff; height: 100%; position: fixed; @@ -27,7 +27,7 @@ body { padding: 20px; text-align: center; font-size: 24px; - border-bottom: 2px solid #192e3a; + border-bottom: 2px solid #3a1919; margin-bottom: 20px; } @@ -68,7 +68,7 @@ body { position: fixed; top: 20px; left: 10px; - background-color: #192e3a; + background: linear-gradient(to bottom, #3a1919, #0c1b28); color: #fff; border: none; font-size: 24px; diff --git a/public/js/login.js b/public/js/login.js index 10f16c0eefd546ffc6b53531e7ad2db7614203e5..fa55e41a9077d53932a8babc62e29067bd66be2f 100644 --- a/public/js/login.js +++ b/public/js/login.js @@ -22,7 +22,7 @@ document.addEventListener("DOMContentLoaded", function() { console.log(response); console.log(response.length) if (response === "success") { - window.location.href = "../dashboard"; + window.location.href = "../challenge"; } else if (response === "error") { alert("Invalid username or password"); } else { diff --git a/public/js/register.js b/public/js/register.js index 9fffbf2d8b140ed82030c79c538a9a2284e5ed4b..ad323d71784db48f66676076edc870e336429d8d 100644 --- a/public/js/register.js +++ b/public/js/register.js @@ -130,7 +130,7 @@ function registerUser(username, email, password) { console.log(response); if (response == "success") { - window.location.href = '../dashboard'; + window.location.href = '../challenge'; } else { alert('Gagal mendaftar akun baru'); }