48 lines
1.9 KiB
HTML
48 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>GiacPoints</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/picnic">
|
|
<link rel="stylesheet" href="/frontend/index.css">
|
|
</head>
|
|
<body>
|
|
<script src="/frontend/index.js"></script>
|
|
<div id="login">
|
|
<div class="flex three demo" style="height: 100%; width: 100%">
|
|
<div class="fourth two-fifth-1000"></div>
|
|
<div class="flex one demo half fifth-1000" style="height: 100%">
|
|
<div class="loginSpacer"></div>
|
|
<article class="card" style="padding: 5%">
|
|
<label for="name">Name</label> <br>
|
|
<input type="text" id="name"> <br>
|
|
<label for="password">Password</label> <br>
|
|
<input type="password" id="password"> <br>
|
|
<input type="submit" value="Login" style="width: 100%" onclick="login()" id="loginSubmit"> <br>
|
|
</article>
|
|
<div class="loginSpacer"></div>
|
|
</div>
|
|
<div class="fourth two-fifth-1000"></div>
|
|
</div>
|
|
</div>
|
|
<div id="mainPage" style="display: none;">
|
|
<div id="content">
|
|
<div id="tasks" class="screen flex two demo" style=""></div>
|
|
<div id="history" class="screen" style="display: none;"></div>
|
|
<div id="addTask" class="screen" style="display: none;">Add Task</div>
|
|
</div>
|
|
<div id="menu" class="flex three demo">
|
|
<div class="third" id="taskButton">
|
|
<span class="button" onclick="switchScreen('task')">Tasks</span>
|
|
</div>
|
|
<div class="third" id="historyButton">
|
|
<span class="button" onclick="switchScreen('history')">History</span>
|
|
</div>
|
|
<div class="third" id="addButton">
|
|
<span class="button" onclick="switchScreen('add')" >+ Task</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |