ScheduGraph/account.html at main · TechProblemSolver/ScheduGraph · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ScheduGraph - Account</title>
    <link rel="stylesheet" href="app.css">
</head>
<body onload="loadUserDashboard()" id="body">
    <header style="border-bottom: 1px solid; border-bottom-color: black;">
        <span id="themes" class="themes"><button style="background-color:rgb(144, 140, 140); border: 0px;" id="theme" onclick="changeThemes()" class="theme" title="Change Theme">🌙</button></span>
        <span style="float: left; margin-right: 12px;"><b style="font-size: 1.0rem;">Hi, <span id="welcomeUser"></span></b></span>
        <span style="margin-left: 80%; background-color: red; padding: 5px; border: 1px solid black; border-radius: 8px;"><button onclick="logOut()" style="background-color: red; padding: 5px; border: 0px solid black;">Delete Account</button></span>
    </header>
    <div id="dashboard">
        <div id="linkSideBar">
            <p><svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-three-bars Button-visual">
                <path d="M1 2.75A.75.75 0 0 1 1.75 2h12.5a.75.75 0 0 1 0 1.5H1.75A.75.75 0 0 1 1 2.75Zm0 5A.75.75 0 0 1 1.75 7h12.5a.75.75 0 0 1 0 1.5H1.75A.75.75 0 0 1 1 7.75ZM1.75 12h12.5a.75.75 0 0 1 0 1.5H1.75a.75.75 0 0 1 0-1.5Z"></path>
            </svg></p>
            <p title="Home" class="links"><a href="./account.html">🏠</a></p>
            <p title="Notes" class="links" id="noteLink"><a href="./notes.html">📓</a></p>
            <p title="Schedules" class="links"><a href="#" title='Not released yet. Check back later!'><s>⏰</s></a></p>
            <p title="See Progress" class="links"><a href="progress.html">📊</a></p>
            <p title="Settings" class="links">⚙️</p>
        </div>
        <div style="margin-top: 10%; margin-left: 20%;">
            <h1 style="font-family: cursive; margin-left: 15%;">Write A Note or Plan a Schedule</h1>
            <div id="notes" style="border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;">
                <h2>📒 Make a note</h2>
                <input type="text" id="checkUser" style="border-top-right-radius: 0px; border-bottom-right-radius: 0px; height: 15px;" placeholder="Write Username to send"><input type="text" id="note" name="note" placeholder="Write Note Here" width="50" style="border-top-left-radius: 0px; border-bottom-left-radius: 0px; height: 15px;"><button id="checkUsername" onclick="addNote()">+ Add Note</button>
            </div>
            <div id="schedules" style="background-color: grey;">
                <h2>🕑 Add a Schedule</h2>
                <span style="margin-left: 12px;">Schedule Name</span><span style="margin-left: 30%;">Scheduled for when</span>
                <p></p>
                <input type="text" id="schedule" name="schedule" placeholder="Write Schedule Name" width="50"><input type="date" id="dateScehduled" name="date" style="border-top-left-radius: 0px; border-bottom-left-radius: 0px; height: 15px;"/><button id="checkUsername" onclick="newSchedule()" disabled style="background: radial-gradient( white, grey);" title='Not released yet. Check back later!'>+ Add Schedule</button>
            </div>
        </div>
    </div>
    <script src="app.js"></script>
</body>
</html>