60 lines
2.1 KiB
HTML
60 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="icon" href="/images/hard-disk.ico" type="image/x-icon">
|
|
<link rel="stylesheet" href="/css/main_menu.css">
|
|
<link rel="stylesheet" href="/css/transition.css">
|
|
|
|
<script src="/js/main_menu.js"></script>
|
|
<script>
|
|
function fadeIn() {
|
|
document.querySelector('.container').classList.remove('fade-out');
|
|
document.querySelector('.container').classList.add('fade-in');
|
|
}
|
|
|
|
function fadeOut() {
|
|
document.querySelector('.container').classList.remove('fade-in');
|
|
document.querySelector('.container').classList.add('fade-out');
|
|
// Redirect after fadeOut animation completes (adjust timeout as needed)
|
|
setTimeout(() => {
|
|
window.location.href = 'your_redirect_url.html';
|
|
}, 500);
|
|
}
|
|
</script>
|
|
|
|
<title>Main Page</title>
|
|
</head>
|
|
<body onload="fadeIn()">
|
|
<div class="container">
|
|
<div class="main_block">
|
|
<div class="header">
|
|
<div>
|
|
<h1>WELCOME BACK,</h1>
|
|
<h1 id="username_field"></h1>
|
|
<h2>Hope you have a productive day!</h2>
|
|
</div>
|
|
<img src="/images/user_1144760.png" alt="profile image">
|
|
</div>
|
|
<div class="content">
|
|
<div class="content_buttons">
|
|
<button id="start_uc" name="menu_button">Start UC</button>
|
|
<button id="stop_uc" name="menu_button">Stop UC</button>
|
|
</div>
|
|
<div class="content_buttons">
|
|
<button id="ceo_info" name="menu_button">Get CEO Info</button>
|
|
<button id="users_info" name="menu_button">Get All Users</button>
|
|
</div>
|
|
<div class="content_buttons">
|
|
<button id="reset_uc" name="menu_button">Reset UC</button>
|
|
</div>
|
|
</div>
|
|
<div class="footer">
|
|
<button id="logout" name="logout">Logout</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|