-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhome.html
78 lines (65 loc) · 2.94 KB
/
home.html
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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>Quiet Quill</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="/home.css">
<script src=""></script>
<body>
<ul class="navigation">
<li><a class="active" href="/home.html">Home</a></li>
<li><a href="/submitEssay/submit.html">Submit Essays</a></li>
<li><a href="/reviewEssays/review.html">Review Essays</a></li>
<li><a href="/View-Essay-To-Edit.html">View My Essays to Edit</a></li>
<li><a href="/Meet-The-Team.html">Meet the Team</a></li>
<li style="float:right"><a href="/profile.html">Profile</a></li>
</ul>
<h1>QuietQuill</h1>
<div style="display:flex;height:100vh;">
<section>
<img src="quietQuillLogo.jpg" alt="Quiet Quill Team logo" class="circle-logo" width="280" height="280">
</section>
<section>
<h2 style="color:#efefef;">About Quiet Quill</h2>
<p style="color:#efefef;">Welcome to Quiet Quill, a platform for improving and refining your essays. Whether you're a student, writer, or just looking for feedback on your writing, Quiet Quill allows you to submit your essays for review, receive feedback from real users, and interact with others by leaving comments and suggestions on their work. As a part of the Quiet Quill community, take your writing to the next level!</p>
</section>
</div>
<hr>
<div style="display:flex;height:100vh;">
<section>
<h2 style="color:#efefef;">How Quiet Quill Works</h2>
<div class="link-buttons">
<a href="/submitEssay/submit.html" class="link-button">Submit Your Essay</a>
<a href="/reviewEssays/review.html" class="link-button">Review User Essays</a>
<a href="View-Essay-To-Edit.html" class="link-button">Revise and Improve</a>
</div>
</section>
<section>
<img src="quietQuillLogo.jpg" alt="Quiet Quill Team logo" class="circle-logo" width="280" height="280">
</section>
</div>
<div class="chat-window">
<h3>Chat</h3>
<div class="chat-messages">
<div class="message left">hello</div>
<div class="message right">hey</div>
<div class="message left">this is a message test</div>
<div class="message right">this is working</div>
</div>
<input type="text" class="chat-input" placeholder="Type a message...">
</div>
</body>
<script>
window.onclick = function(event) {
const chatWindow = document.getElementById('chat-messages');
getMessages().then(messages => {
chatWindow.innerHTML = '';
messages.forEach(msg => {
const messageDiv = document.createElement('div');
messageDiv.textContent = msg.text;
chatWindow.appendChild(messageDiv);
});
});
}
</script>
</html>