Skip to content
Snippets Groups Projects
Commit ebfc1a58 authored by Hidayatullah Wildan Ghaly Buchary's avatar Hidayatullah Wildan Ghaly Buchary
Browse files

style: styling main

- delete unused
- style challenge and dashboard
parent 786c0efa
Branches
Tags
No related merge requests found
...@@ -33,56 +33,4 @@ ...@@ -33,56 +33,4 @@
</div> </div>
</body> </body>
</html> </html>
\ No newline at end of file
<!-- <!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> -->
.obtain { .achievement-list .obtain {
background-color: rgb(0, 255, 0); 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); 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
...@@ -10,7 +10,7 @@ body { ...@@ -10,7 +10,7 @@ body {
.sidebar { .sidebar {
width: 20%; width: 20%;
background: linear-gradient(to bottom, #192e3a, #0c1b28); background: linear-gradient(to bottom, #3a1919, #0c1b28);
color: #fff; color: #fff;
height: 100%; height: 100%;
position: fixed; position: fixed;
...@@ -27,7 +27,7 @@ body { ...@@ -27,7 +27,7 @@ body {
padding: 20px; padding: 20px;
text-align: center; text-align: center;
font-size: 24px; font-size: 24px;
border-bottom: 2px solid #192e3a; border-bottom: 2px solid #3a1919;
margin-bottom: 20px; margin-bottom: 20px;
} }
...@@ -68,7 +68,7 @@ body { ...@@ -68,7 +68,7 @@ body {
position: fixed; position: fixed;
top: 20px; top: 20px;
left: 10px; left: 10px;
background-color: #192e3a; background: linear-gradient(to bottom, #3a1919, #0c1b28);
color: #fff; color: #fff;
border: none; border: none;
font-size: 24px; font-size: 24px;
......
...@@ -22,7 +22,7 @@ document.addEventListener("DOMContentLoaded", function() { ...@@ -22,7 +22,7 @@ document.addEventListener("DOMContentLoaded", function() {
console.log(response); console.log(response);
console.log(response.length) console.log(response.length)
if (response === "success") { if (response === "success") {
window.location.href = "../dashboard"; window.location.href = "../challenge";
} else if (response === "error") { } else if (response === "error") {
alert("Invalid username or password"); alert("Invalid username or password");
} else { } else {
......
...@@ -130,7 +130,7 @@ function registerUser(username, email, password) { ...@@ -130,7 +130,7 @@ function registerUser(username, email, password) {
console.log(response); console.log(response);
if (response == "success") { if (response == "success") {
window.location.href = '../dashboard'; window.location.href = '../challenge';
} else { } else {
alert('Gagal mendaftar akun baru'); alert('Gagal mendaftar akun baru');
} }
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment