Compare commits

...

2 Commits

Author SHA1 Message Date
19110e74b4 Bug fix: Login screen be scrolling 2023-07-21 18:57:17 +01:00
840d6e2ff5 Javascript not understanding how arrays work 2023-07-21 18:50:46 +01:00
2 changed files with 16 additions and 14 deletions

View File

@@ -9,20 +9,22 @@
</head> </head>
<body> <body>
<script src="/frontend/index.js"></script> <script src="/frontend/index.js"></script>
<div id="login" class="flex three"> <div id="login">
<div class="fourth two-fifth-1000"></div> <div class="flex three demo" style="height: 100%; width: 100%">
<div class="flex one half fifth-1000" style="height: 100%"> <div class="fourth two-fifth-1000"></div>
<div class="loginSpacer"></div> <div class="flex one demo half fifth-1000" style="height: 100%">
<article class="card" style="padding: 5%"> <div class="loginSpacer"></div>
<label for="name">Name</label> <br> <article class="card" style="padding: 5%">
<input type="text" id="name"> <br> <label for="name">Name</label> <br>
<label for="password">Password</label> <br> <input type="text" id="name"> <br>
<input type="password" id="password"> <br> <label for="password">Password</label> <br>
<input type="submit" value="Login" style="width: 100%" onclick="login()" id="loginSubmit"> <br> <input type="password" id="password"> <br>
</article> <input type="submit" value="Login" style="width: 100%" onclick="login()" id="loginSubmit"> <br>
<div class="loginSpacer"></div> </article>
<div class="loginSpacer"></div>
</div>
<div class="fourth two-fifth-1000"></div>
</div> </div>
<div class="fourth two-fifth-1000"></div>
</div> </div>
<div id="mainPage" style="display: none;"> <div id="mainPage" style="display: none;">
<div id="content"> <div id="content">

View File

@@ -67,7 +67,7 @@ async function populateScreen() {
</article> </article>
</div>` </div>`
} }
for (let i = history.length; i > 0; i-=1) { for (let i = (history.length -1); i >= 0; i-=1) {
historyPage.innerHTML += ` historyPage.innerHTML += `
<div class="full"> <div class="full">
<article class="card"> <article class="card">