erin
/
lila-chat
1
0
Fork 0
Code Issues 10 Pull Requests Projects 2 Releases Wiki Activity

Frontend: orgasnized the files. fixed redirects.

main
Luna 2021-07-26 15:49:52 -07:00
parent eb6bec830e
commit 34326c00eb
17 changed files with 25 additions and 62 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
frontend/LinotteRegular.otf → frontend/assets/LinotteRegular.otf
View File

0
frontend/favicon.ico → frontend/assets/favicon.ico
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 30 KiB

After

Width:  |  Height:  |  Size: 30 KiB

3
frontend/favicon.svg → frontend/assets/favicon.svg
View File

@ -9,9 +9,6 @@
id="svg5"
inkscape:version="1.1 (c4e8f9ed74, 2021-05-24)"
sodipodi:docname="favicon.svg"
inkscape:export-filename="/home/erin/bitmap.png"
inkscape:export-xdpi="200"
inkscape:export-ydpi="200"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

2
frontend/chat.css → frontend/css/chat.css
View File

@ -6,7 +6,7 @@ html {
@font-face {
font-family: Linotte;
src: url(LinotteRegular.otf);
src: url(../assets/LinotteRegular.otf);
}
form {

2
frontend/index.css → frontend/css/index.css
View File

@ -5,7 +5,7 @@ html {
@font-face {
font-family: Linotte;
src: url(LinotteRegular.otf);
src: url(../assets/LinotteRegular.otf);
}
a {

0
frontend/style.css → frontend/css/style.css
View File

6
frontend/chat.html → frontend/html/chat.html
View File

@ -7,7 +7,7 @@
<meta name="description" content="Maya's Stream Chat">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta charset="UTF-8">
<link rel="stylesheet" href="chat.css">
<link rel="stylesheet" href="../css/chat.css">
<link rel="icon" href="">
</head>
@ -34,8 +34,8 @@
<div id="errormessage"></div>
<script src="chat.js"></script>
<script src="logout.js"></script>
<script src="../js/chat.js"></script>
<script src="../js/logout.js"></script>
</body>

6
frontend/login.html → frontend/html/login.html
View File

@ -7,8 +7,8 @@
<meta name="description" content="Chat Login">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta charset="UTF-8">
<link rel="stylesheet" href="style.css">
<link rel="icon" href="/favicon.svg">
<link rel="stylesheet" href="../css/style.css">
<link rel="icon" href="../assets/favicon.svg">
</head>
<body>
@ -27,7 +27,7 @@
</form>
</div>
<script src="login.js"></script>
<script src="../js/login.js"></script>
<div id="errormessage"></div>

6
frontend/register.html → frontend/html/register.html
View File

@ -7,8 +7,8 @@
<meta name="description" content="Chat Register">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta charset="UTF-8">
<link rel="stylesheet" href="style.css">
<link rel="icon" href="/favicon.svg">
<link rel="stylesheet" href="../css/style.css">
<link rel="icon" href="../assets/favicon.svg">
</head>
<h1>Register:</h1>
@ -45,7 +45,7 @@
<div id="errormessage"></div>
<script src="register.js"></script>
<script src="../js/register.js"></script>
</body>
</html>

6
frontend/updateinfo.html → frontend/html/updateinfo.html
View File

@ -7,8 +7,8 @@
<meta name="description" content="Chat Login Change">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta charset="UTF-8">
<link rel="stylesheet" href="style.css">
<link rel="icon" href="/favicon.svg">
<link rel="stylesheet" href="../css/style.css">
<link rel="icon" href="../assets/favicon.svg">
</head>
<body>
@ -53,7 +53,7 @@
</form>
</div>
<script src="updateinfo.js"></script>
<script src="../js/updateinfo.js"></script>
<div id="errormessage"></div>
</body>

14
frontend/index.html
View File

@ -7,8 +7,8 @@
<meta name="description" content="Maya's Stream">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta charset="UTF-8">
<link rel="stylesheet" href="index.css">
<link rel="icon" href="/favicon.svg">
<link rel="stylesheet" href="css/index.css">
<link rel="icon" href="assets/favicon.svg">
</head>
<body>
@ -18,16 +18,16 @@
<li><a href="index.html">
<div class="buttons">Stream</div>
</a></li>
<li><a href="chat.html">
<li><a href="/html/chat.html">
<div class="buttons">Just Chat</div>
</a></li>
<li><a href="register.html">
<li><a href="/html/register.html">
<div class="buttons">Register</div>
</a></li>
<li><a href="login.html">
<li><a href="/html/login.html">
<div class="buttons">Login</div>
</a></li>
<li><a href="updateinfo.html">
<li><a href="/html/updateinfo.html">
<div class="buttons">Update Info</div>
</a></li>
</ul>
@ -61,7 +61,7 @@
scrolling="no"></iframe>
</div>
<iframe id="chatbox" src="chat.html" title="chat box" scrolling="no"></iframe>
<iframe id="chatbox" src="/html/chat.html" title="chat box" scrolling="no"></iframe>
</div>

4
frontend/chat.js → frontend/js/chat.js
View File

@ -14,7 +14,7 @@ form.addEventListener("submit", async function (event) {
//KINDA UNNECESSARY
//CHECKS TO SEE IF THE PERSON IS LOGGED IN IN ORDER TO SEND A MESSAGE.
const response = await fetch(`api/token/${username}/`);
const response = await fetch(`../api/token/${username}/`);
const matches = await response.json();
//YES THIS IS CONFUSING I KNOW.
@ -34,7 +34,7 @@ form.addEventListener("submit", async function (event) {
async function sendMessage() {
sendMessageInfo = { "name": username, "body": formMessage }
fetch('/api/message/send', {
fetch('../api/message/send', {
method: 'POST',
headers: {
'Content-Type': 'application/json',

0
frontend/login.js → frontend/js/login.js
View File

0
frontend/logout.js → frontend/js/logout.js
View File

2
frontend/register.js → frontend/js/register.js
View File

@ -38,7 +38,7 @@ form.addEventListener("submit", async function (event) {
if (regRes.status === 'ok') {
document.querySelector("#errormessage").innerHTML = 'Registered!'
window.location.replace("/login.html")
window.location.replace("../html/login.html")
} else {
document.querySelector("#errormessage").innerHTML = 'Failed to register. Try again later.'
}

2
frontend/updateinfo.js → frontend/js/updateinfo.js
View File

@ -82,7 +82,7 @@ form.addEventListener("submit", async function (event) {
if (updateResponse.status === 'ok') {
document.querySelector("#errormessage").innerHTML = 'Login Changed!'
window.location.replace("/login.html")
window.location.replace("../html/login.html")
} else {
document.querySelector("#errormessage").innerHTML = 'Failed to update info. Try again later.'
}

34
frontend/stream.css
View File

@ -1,34 +0,0 @@
html {
background: #F7A8B8;
text-align: center;
font-family: "Lucida Console", "Courier New", monospace;
}
body {
margin-top: 3%;
}
#streamchat {
display: flex;
height: 100%;
max-width: 960px;
margin: 0 auto;
}
#stream {
background-color: white;
padding: 5%;
box-shadow: 10px 10px 10px black;
border-radius: 5px;
width: 100%;
height: 100%;
margin-right: 4em;
}
#chatbox {
width: 100%;
height: 100%;
margin-left: 4em;
}