PHPStorm stuff

.jshintrc

@@ -0,0 +1,3 @@
+{
+  "esversion": 10
+}

assets/script.js

@@ -1,17 +1,25 @@
 let UserInfo = {};
 let PageIntervals = [];
+let config =
+    {
+        articleRefresh: 300000,
+        messageFadeIn: 300,
+        messageDisappear: 200
+    };
 
-function isLoggedIn(){
+function isLoggedIn() {
-    return UserInfo.Email && UserInfo.Email.length > 0;
+    "use strict";
+    return UserInfo.Email && 0 < UserInfo.Email.length;
 }
 
 async function handleResponse(data, successMessage, failureMessage) {
+    "use strict";
     const statusMessageContainer = document.getElementById("statusMessageContainer");
 
     const statusMessage = document.createElement("div");
     statusMessage.classList.add("status-message");
 
-    if (data.Status === 'Success') {
+    if ('Success' === data.Status) {
         statusMessage.innerText = successMessage;
         statusMessage.classList.add("success");
     } else {
@@ -26,44 +34,43 @@ async function handleResponse(data, successMessage, failureMessage) {
         statusMessage.style.opacity = "0";
         setTimeout(() => {
             statusMessage.remove();
-        }, 500);
+        }, config.messageFadeIn);
-    }, 2000);
+    }, config.messageDisappear);
 }
 
 async function showDashboardGreeting() {
+    "use strict";
     document.getElementById("welcomeMsg").innerText = `Ahoj, ${UserInfo.FirstName}.`;
 }
 
-async function doAction(url, requestData, successMessage, failureMessage, silent = false) {
+async function doAction(url, requestData, successMessage, failureMessage, silent) {
-    try {
+    "use strict";
-        const params = new URLSearchParams();
+    const params = new URLSearchParams();
 
-        for (const key in requestData) {
+    for (const key in requestData) {
-            params.append(key, requestData[key]);
+        params.append(key, requestData[key]);
-        }
-
-        const response = await fetch(url, {
-            method: 'POST',
-            body: params,
-        });
-
-        if (!response.ok) {
-            console.error(`HTTP error! Status: ${response.status}`);
-        }
-
-        const data = await response.json();
-
-        if (!silent) {
-            await handleResponse(data, successMessage, failureMessage);
-        }
-
-        return data;
-    } catch (error) {
-        console.error('Error:', error);
     }
+
+    const response = await fetch(url, {
+        method: 'POST',
+        body: params,
+    });
+
+    if (!response.ok) {
+        console.error(`HTTP error! Status: ${response.status}`);
+    }
+
+    const data = await response.json();
+
+    if (!silent) {
+        await handleResponse(data, successMessage, failureMessage);
+    }
+
+    return data;
 }
 
 async function handlePageResponse(data) {
+    "use strict";
     const navbar = document.getElementById("navbar_container");
     const pageArea = document.getElementById("page_container");
 
@@ -83,6 +90,7 @@ async function handlePageResponse(data) {
 }
 
 async function displayList(data, elementId, deleteFunction) {
+    "use strict";
     const tableContainer = document.getElementById(elementId);
     tableContainer.innerHTML = ""; // Clear previous content
 
@@ -96,7 +104,7 @@ async function displayList(data, elementId, deleteFunction) {
         headerRow.appendChild(th);
     }
 
-    if (typeof deleteFunction === "function") {
+    if ("function" === typeof deleteFunction) {
         const th = document.createElement("th");
         th.appendChild(document.createTextNode("Delete"));
         headerRow.appendChild(th);
@@ -109,7 +117,7 @@ async function displayList(data, elementId, deleteFunction) {
             td.appendChild(document.createTextNode(line[key]));
             dataRow.appendChild(td);
         }
-        if (typeof deleteFunction === "function") {
+        if ("function" === typeof deleteFunction) {
             const td = document.createElement("td");
             const deleteButton = document.createElement('button');
             deleteButton.textContent = "Delete";
@@ -122,28 +130,24 @@ async function displayList(data, elementId, deleteFunction) {
     tableContainer.appendChild(table);
 }
 
-async function doPageAction(requestData, wantsReturn = false) {
+async function doPageAction(requestData) {
-    try {
+    "use strict";
-        const response = await fetch('/page', {
+    const response = await fetch('/page', {
-            method: 'POST',
+        method: 'POST',
-            body: new URLSearchParams(requestData),
+        body: new URLSearchParams(requestData),
-        });
+    });
 
-        if (!response.ok) {
+    if (!response.ok) {
-            console.error(`HTTP error! Status: ${response.status}`);
+        console.error(`HTTP error! Status: ${response.status}`);
-        }
-
-        const data = await response.json();
-        await handlePageResponse(data);
-        if (wantsReturn) {
-            return data;
-        }
-    } catch (error) {
-        console.error('Error:', error);
     }
+
+    const data = await response.json();
+    await handlePageResponse(data);
+    return data;
 }
 
 async function initAjaxNavigationEvents() {
+    "use strict";
     const allLinks = document.querySelectorAll('.navsite_link, .navpage_link');
     const pageLinks = document.querySelectorAll('.navpage_link');
 
@@ -163,27 +167,30 @@ async function initAjaxNavigationEvents() {
             }
         });
     });
-    const toggleButton = document.getElementById("toggle_button")
+    const toggleButton = document.getElementById("toggle_button");
-    const navLinks = document.getElementById("navsite_list")
+    const navLinks = document.getElementById("navsite_list");
 
     toggleButton.addEventListener('click', () => {
-        navLinks.classList.toggle("active")
+        navLinks.classList.toggle("active");
-    })
+    });
 }
 
 async function initAjax() {
+    "use strict";
 
     await initAjaxNavigationEvents();
     await onPageLoad();
 }
 
-async function togglearticlecreate(){
+async function togglearticlecreate() {
+    "use strict";
     let articleContainerElement = document.getElementById("articlecreatecontainer");
 
     articleContainerElement.classList.toggle("hidden");
 }
 
-async function renderarticles(){
+async function renderarticles() {
+    "use strict";
     let template = document.querySelector('template[data-template-name="article"]').innerHTML;
     let articles = await doAction(
         "/newsarticle",
@@ -197,12 +204,13 @@ async function renderarticles(){
 
     let articleout = "";
     for (const article of articles.Articles) {
-        articleout += template.replace("__TEMPLATE_ARTICLE_TITLE__", article.Title).replace("__TEMPLATE_ARTICLE_AUTHOR__", article.WrittenByName).replace("__TEMPLATE_ARTICLE_DATE__", article.WrittenAt).replace("__TEMPLATE_ARTICLE_BODY__", article.Body)
+        articleout += template.replace("__TEMPLATE_ARTICLE_TITLE__", article.Title).replace("__TEMPLATE_ARTICLE_AUTHOR__", article.WrittenByName).replace("__TEMPLATE_ARTICLE_DATE__", article.WrittenAt).replace("__TEMPLATE_ARTICLE_BODY__", article.Body);
     }
     document.getElementById("articleslist").innerHTML = articleout;
 }
 
-async function submitarticle(){
+async function submitarticle() {
+    "use strict";
     let articleTitleElement = document.getElementById("articletitleinput");
     let articleBodyElement = document.getElementById("articlebodyinput");
     await doAction(
@@ -219,35 +227,36 @@ async function submitarticle(){
     await togglearticlecreate();
 }
 
-async function articleInit(){
+async function articleInit() {
+    "use strict";
     let articleContainerElement = document.getElementById("articlecreatecontainer");
     let articleCreateOpenElement = document.getElementById("articlecreateopen");
     articleContainerElement.addEventListener("keyup", function (ev) {
-        if(ev.key === "Escape"){
+        if ("Escape" === ev.key) {
             togglearticlecreate();
         }
-    })
+    });
-    PageIntervals.push(setInterval(renderarticles, 300000));
+    PageIntervals.push(setInterval(renderarticles, config.articleRefresh));
     document.getElementById("articleprivilegeinput").setAttribute("max", UserInfo.Privileges);
-    if(UserInfo.Privileges < 2){
+    if (2 > UserInfo.Privileges) {
         articleContainerElement.style.display = "none";
         articleCreateOpenElement.style.display = "none";
-    }
+    } else {
-    else{
         articleCreateOpenElement.style.display = "inline-block";
     }
 }
 
 async function onPageLoad() {
+    "use strict";
     await restoreUserInfo();
     let currentSite = localStorage.getItem("currentSite");
     let currentPage = localStorage.getItem("currentPage");
 
-    for(let interval of PageIntervals) {
+    for (let interval of PageIntervals) {
         clearInterval(interval);
     }
 
-    if (currentSite === "home" && currentPage === "settings") {
+    if ("home" === currentSite && "settings" === currentPage) {
         if (document.getElementById("user-settings")) {
             await populateUserInfoFields(UserInfo);
         }
@@ -256,21 +265,22 @@ async function onPageLoad() {
             await listUsers(true);
         }
     }
-    if (currentSite === "account" && currentPage === "index" && isLoggedIn()) {
+    if ("account" === currentSite && "index" === currentPage && isLoggedIn()) {
         await showDashboardGreeting();
     }
-    if (currentSite === "news" && currentPage === "index") {
+    if ("news" === currentSite && "index" === currentPage) {
         await articleInit();
     }
 }
 
 async function navigateTo(site, page) {
+    "use strict";
     const data = {
         action: "getPage",
         site: site,
         page: page,
     };
-    doPageAction(data, true).then(() => {
+    doPageAction(data).then(() => {
         localStorage.setItem("currentSite", site);
         localStorage.setItem("currentPage", page);
         onPageLoad();
@@ -278,6 +288,7 @@ async function navigateTo(site, page) {
 }
 
 async function softReload() {
+    "use strict";
     let currentSite = localStorage.getItem("currentSite");
     let currentPage = localStorage.getItem("currentPage");
     await navigateTo(currentSite, currentPage);
@@ -285,6 +296,7 @@ async function softReload() {
 }
 
 async function refreshNavbar() {
+    "use strict";
     const data = {
         action: "getNavigation",
     };
@@ -294,11 +306,12 @@ async function refreshNavbar() {
 }
 
 async function logout() {
+    "use strict";
     const data = {
         action: "logout",
     };
 
-    doAction('/account', data, "Logout Successful!", "Logout failed.")
+    doAction('/account', data, "Logout Successful!", "Logout failed.", false)
         .then(async () => {
             await refreshNavbar();
             await navigateTo(localStorage.getItem("defaultSite"), localStorage.getItem("defaultPage"));
@@ -312,6 +325,7 @@ async function logout() {
 }
 
 async function login() {
+    "use strict";
     const email = document.getElementById("login_email").value;
     const password = document.getElementById("login_password").value;
     await doLogin(email, password);
@@ -321,17 +335,19 @@ async function login() {
 }
 
 async function doLogin(email, password) {
+    "use strict";
     const data = {
         action: "login",
         email: email,
         password: password,
     };
 
-    await doAction('/account', data, "Login Successful!", "Login failed. Please check your credentials.");
+    await doAction('/account', data, "Login Successful!", "Login failed. Please check your credentials.", false);
     umami.track("login");
 }
 
 async function register() {
+    "use strict";
     const firstName = document.getElementById("register_firstName").value;
     const lastName = document.getElementById("register_lastName").value;
     const email = document.getElementById("register_email").value;
@@ -351,13 +367,15 @@ async function register() {
 }
 
 async function doRegister(requestData) {
-    await doAction('/account', requestData, "Registration Successful!", "Registration failed.");
+    "use strict";
+    await doAction('/account', requestData, "Registration Successful!", "Registration failed.", false);
     umami.track("register");
 }
 
 //User settings start
 
 async function changePassword() {
+    "use strict";
     const oldPassword = document.getElementById("changeOldPassword").value;
     const newPassword = document.getElementById("changeNewPassword").value;
 
@@ -371,11 +389,13 @@ async function changePassword() {
 }
 
 async function doChangePassword(requestData, successMessage, failureMessage) {
-    await doAction('/account', requestData, successMessage, failureMessage);
+    "use strict";
+    await doAction('/account', requestData, successMessage, failureMessage, false);
     umami.track("passwordChange");
 }
 
 async function updateUserProfile() {
+    "use strict";
     const firstName = document.getElementById("updateFirstName").value;
     const lastName = document.getElementById("updateLastName").value;
     const nickname = document.getElementById("updateNickname").value;
@@ -389,11 +409,12 @@ async function updateUserProfile() {
         minecraft_nick: minecraftNick,
     };
 
-    await doAction('/account', data, "Profile update Successful!", "Profile update failed.");
+    await doAction('/account', data, "Profile update Successful!", "Profile update failed.", false);
     umami.track("updateUserProfile");
 }
 
 async function updateEmail() {
+    "use strict";
     const newEmail = document.getElementById("updateNewEmail").value;
 
     const data = {
@@ -401,11 +422,12 @@ async function updateEmail() {
         email: newEmail,
     };
 
-    await doAction('/account', data, "Email update Successful!", "Email update failed.");
+    await doAction('/account', data, "Email update Successful!", "Email update failed.", false);
     umami.track("updateEmail");
 }
 
 async function populateUserInfoFields(userData) {
+    "use strict";
     document.getElementById("updateFirstName").value = userData.FirstName || "";
     document.getElementById("updateLastName").value = userData.LastName || "";
     document.getElementById("updateNickname").value = userData.Nickname || "";
@@ -414,6 +436,7 @@ async function populateUserInfoFields(userData) {
 }
 
 async function restoreUserInfo() {
+    "use strict";
     for (let i = 0; i < localStorage.length; i++) {
         let key = localStorage.key(i);
         if (key.startsWith("UserInfo_")) {
@@ -424,12 +447,13 @@ async function restoreUserInfo() {
 }
 
 async function getUserInfo() {
+    "use strict";
     const data = {
         action: "get_user_info",
     };
     const result = await doAction('/account', data, "User info retrieved Successfully!", "User info retrieval failed.", true);
 
-    if (result && result.Status === "Success") {
+    if (result && "Success" === result.Status) {
         Object.keys(result.UserInfo).forEach(index => {
             let value = result.UserInfo[index];
             localStorage.setItem("UserInfo_" + index, value);
@@ -444,6 +468,7 @@ async function getUserInfo() {
 //Admin settings start
 
 async function addActivationCodes() {
+    "use strict";
     const count = document.getElementById("activationCodeCount").value;
 
     const data = {
@@ -451,26 +476,28 @@ async function addActivationCodes() {
         count: count,
     };
 
-    doAction('/account', data, "Activation codes added Successfully!", "Activation codes addition failed.").then((result) => {
+    doAction('/account', data, "Activation codes added Successfully!", "Activation codes addition failed.", false).then((result) => {
         displayList(result.ActivationCodes, "codeListTable", deleteActivationCode);
         umami.track("addActivationCodes");
     });
 }
 
-async function listUsers(silent = false) {
+async function listUsers(silent) {
+    "use strict";
     const data = {
         action: "list_users",
     };
 
     doAction('/account', data, "User list retrieved Successfully!", "User list retrieval failed.", silent).then((result) => {
 
-        if (result && result.Status === "Success") {
+        if (result && "Success" === result.Status) {
             displayList(result.Users, "userListTable", deleteUser);
         }
     });
 }
 
-async function listActivationCodes(silent = false) {
+async function listActivationCodes(silent) {
+    "use strict";
     const data = {
         action: "list_activation_codes",
     };
@@ -481,31 +508,33 @@ async function listActivationCodes(silent = false) {
 }
 
 async function deleteUser(userId) {
+    "use strict";
     const data = {
         action: "delete_user",
         user_id: userId,
     };
 
-    await doAction('/account', data, "User deleted Successfully!", "User deletion failed.");
+    await doAction('/account', data, "User deleted Successfully!", "User deletion failed.", false);
-    await listUsers();
+    await listUsers(false);
     umami.track("deleteUser");
 }
 
 async function deleteActivationCode(activationCode) {
+    "use strict";
     const data = {
         action: "delete_activation_code",
         activation_code: activationCode,
     };
 
-    await doAction('/account', data, "Activation code deleted Successfully!", "Activation code deletion failed.");
+    await doAction('/account', data, "Activation code deleted Successfully!", "Activation code deletion failed.", false);
-    await listActivationCodes();
+    await listActivationCodes(false);
     umami.track("deleteActivationCode");
 }
 
 //Admin settings end
 
-if (document.readyState !== "loading") {
+if ("loading" === document.readyState) {
-    setTimeout(initAjax, 0);
-} else {
     document.addEventListener("DOMContentLoaded", initAjax);
+} else {
+    setTimeout(initAjax, 0);
 }

assets/style.css

@@ -17,6 +17,7 @@
     --third-bg: #383838;
 }
 
+
 body {
     display: grid;
     width: 100%;
@@ -37,6 +38,13 @@ body {
     padding: 0;
 }
 
+body > nav,
+body > footer {
+    background-color: rgba(0, 0, 0, 0.6);
+    padding: 1.2rem;
+    text-align: center;
+}
+
 body > nav {
     display: flex;
     flex-direction: row;
@@ -48,13 +56,14 @@ body > nav {
     margin-bottom: 20px;
 }
 
+
 body > footer {
     grid-area: foot;
     box-shadow: 0 -20px 28px 0 rgba(0, 0, 0, 0.6);
     margin-top: 20px;
 }
 
-body > page {
+body > main {
     grid-area: main;
     height: 100%;
 }
@@ -70,11 +79,23 @@ header hr {
     width: 30%;
 }
 
+li {
+    list-style: none;
+}
+
 header ul li {
     list-style: circle;
     width: fit-content;
 }
 
+ul {
+    display: flex;
+    flex-direction: row;
+    gap: 2.5rem;
+    list-style: none;
+    padding-left: 0;
+}
+
 header ul {
     display: flex;
     flex-direction: column;
@@ -105,22 +126,12 @@ li a:hover::after {
     width: 85%;
 }
 
-li {
-    list-style: none;
-}
 
 li.navpage_item {
     padding-left: 20px;
     padding-right: 20px;
 }
 
-nav,
-footer {
-    background-color: rgba(0, 0, 0, 0.6);
-    padding: 1.2rem;
-    text-align: center;
-}
-
 table>tbody,
 table>tbody>tr,
 table>tbody>tr>th,
@@ -130,6 +141,15 @@ table>tbody>tr>td {
     text-align: center;
 }
 
+button {
+    border-radius: 25px;
+    border: 2px solid var(--primary);
+    background: var(--third-bg);
+    color: var(--primary-text);
+    width: 175px;
+    transition-duration: 0.3s;
+}
+
 table>tbody>tr>td>button {
     border: unset;
     border-radius: unset;
@@ -142,14 +162,6 @@ table {
     border-collapse: collapse;
 }
 
-ul {
-    display: flex;
-    flex-direction: row;
-    gap: 2.5rem;
-    list-style: none;
-    padding-left: 0;
-}
-
 ul.navpage_list {
     gap: 10px;
     border: 4px solid var(--primary-hover) !important; 
@@ -266,6 +278,7 @@ ul.navpage_list {
         width: inherit;
     }
 
+    /*noinspection CssUnusedSymbol*/
     #navsite_list.active {
         display: flex;
         -moz-box-shadow: 0 20px 28px 0 rgba(0, 0, 0, 0.6);
@@ -292,6 +305,7 @@ ul.navpage_list {
     flex-direction: column;
 }
 
+/*noinspection CssUnusedSymbol*/
 .status-message {
     background-color: #dff0d8;
     /* Success background color */
@@ -305,6 +319,7 @@ ul.navpage_list {
     transition: opacity 0.5s ease-in-out;
 }
 
+/*noinspection CssUnusedSymbol*/
 .status-message.failure {
     background-color: #f2dede;
     /* Failure background color */
@@ -353,15 +368,6 @@ textarea{
     border-radius: 10px;
 }
 
-button {
-    border-radius: 25px;
-    border: 2px solid var(--primary);
-    background: var(--third-bg);
-    color: var(--primary-text);
-    width: 175px;
-    transition-duration: 0.3s;
-}
-
 button:hover {
     background: var(--primary);
     transition-duration: 0.3s;
@@ -380,10 +386,8 @@ header.ye-span:hover + body{
     background-size: 10% !important;
 }
 
-body:has(.ye-span:hover) {
+
-    background: url('/assets/images/ye.jpg') repeat !important;
+
-    background-size: 10% !important;
-}
 
 #articlecreate {
     position: fixed;
@@ -425,6 +429,7 @@ div#articleslist > article > div.articleinfo > *{
     width: fit-content;
 }
 
+/*noinspection CssUnusedSymbol*/
 div#articleslist > article > div.articleinfo{
     display: flex;
     flex-direction: row;
@@ -433,7 +438,3 @@ div#articleslist > article > div.articleinfo{
 div#articleslist>article{
     border: 4px solid var(--primary);
 }
-
-a.navsite_link.active:after{
-
-}

lib/upload.php

@@ -57,16 +57,28 @@ function saveUploadedFileInDatabase($filePath, $fileType):bool
 function doImageUpload($inFile, $outFile): bool
 {
     // Create Imagick object
-    $imagick = new Imagick($inFile);
+    try {
+        $imagick = new Imagick($inFile);
+    } catch (ImagickException $e) {
+    }
 
     // Set the desired format for reencoding (WebP)
-    $imagick->setImageFormat('webp');
+    try {
+        $imagick->setImageFormat('webp');
+    } catch (ImagickException $e) {
+    }
 
     // Remove non-essential metadata
-    $imagick->stripImage();
+    try {
+        $imagick->stripImage();
+    } catch (ImagickException $e) {
+    }
 
     // Write the reencoded image to the output file
-    $imagick->writeImage($outFile);
+    try {
+        $imagick->writeImage($outFile);
+    } catch (ImagickException $e) {
+    }
 
     // Destroy the Imagick object to free up resources
     $imagick->destroy();
@@ -138,19 +150,16 @@ function parseIncomingFiles(): array
     foreach ($incomingFiles as $incomingFile) {
         if ($incomingFile["error"] == 0 && is_file($incomingFile["tmp_name"])) {
             $type = explode("/", $incomingFile["type"]);
-            switch ($type) {
+            if ($type == "image") {
-                case "image":
+                $imgFname = pathinfo($incomingFile["name"], PATHINFO_FILENAME);
-                    $imgFname = pathinfo($incomingFile["name"], PATHINFO_FILENAME);
+                $uploadPath = getUploadPath("image", $imgFname);
-                    $uploadPath = getUploadPath("image", $imgFname);
+                if (!empty($uploadPath)) {
-                    if(!empty($uploadPath)) {
+                    if (!doImageUpload($incomingFile["tmp_name"], $uploadPath)) {
-                        if (!doImageUpload($incomingFile["tmp_name"], $uploadPath)) {
-                            $success = false;
-                        }
-                    }
-                    else{
                         $success = false;
                     }
-                    break;
+                } else {
+                    $success = false;
+                }
             }
         }
     }

templates/403.html

@@ -2,5 +2,6 @@
 <h2>TY KÁR KAM TO DEŠ</h2>
     <h1 class="error-code">403</h1>
     <h3><i class="ri-error-warning-line"></i> Našli sme stránku ktorú hľadáš, ale nemáš práva na ňu pristupovať: <span class="error">__TEMPLATE_PAGE_TITLE__</span>. <i class="ri-error-warning-line"></i></h3>
+    <!--suppress HtmlUnknownTarget -->
     <a href="__DEFAULT_LINK__" class="back"><i class="ri-arrow-left-line"></i> SPÄŤ DOMOV</a>
 </div>

templates/404.html

@@ -2,5 +2,6 @@
 <h2>TY KÁR KAM TO DEŠ</h2>
     <h1 class="error-code">404</h1>
     <h3><i class="ri-error-warning-line"></i> Nenašli sme stránku ktorú hľadáš: <span class="error">__TEMPLATE_PAGE_TITLE__</span>. <i class="ri-error-warning-line"></i></h3>
+    <!--suppress HtmlUnknownTarget -->
     <a href="__DEFAULT_LINK__" class="back"><i class="ri-arrow-left-line"></i> SPÄŤ DOMOV</a>
 </div>

templates/500.html

@@ -2,5 +2,6 @@
     <h2>Niekto to pobabral</h2>
     <h1 class="error-code">500</h1>
     <h3><i class="ri-error-warning-line"></i> Nejaký neschopný vývojár nevedel robiť túto stránku. <i class="ri-error-warning-line"></i></h3>
+    <!--suppress HtmlUnknownTarget -->
     <a href="__DEFAULT_LINK__" class="back"><i class="ri-arrow-left-line"></i> SPÄŤ DOMOV</a>
 </div>

templates/login.html

@@ -1,40 +1,5 @@
 <!-- Centralized Status Message -->
 <p id="StatusMessage"></p>
-
-<!-- <div class="form-container" id="loginForm">
-    <h1>Login</h1>
-    <form>
-        <label for="login_email">Email:</label>
-        <input type="email" id="login_email" name="email" required><br>
-
-        <label for="login_password">Password:</label>
-        <input type="password" id="login_password" name="password" required><br>
-
-        <button type="button" onclick="login()">Login</button>
-    </form>
-</div>
-
-<div class="form-container" id="register_Form">
-    <h1>Register</h1>
-    <form>
-        <label for="register_firstName">First Name:</label>
-        <input type="text" id="register_firstName" name="firstName" required><br>
-
-        <label for="register_lastName">Last Name:</label>
-        <input type="text" id="register_lastName" name="lastName" required><br>
-
-        <label for="register_email">Email:</label>
-        <input type="email" id="register_email" name="email" required><br>
-
-        <label for="register_password">Password:</label>
-        <input type="password" id="register_password" name="password" required><br>
-
-        <label for="register_activationToken">Activation Token:</label>
-        <input type="text" id="register_activationToken" name="activationToken" required><br>
-
-        <button type="button" onclick="register()">Register</button>
-    </form>
-</div> -->
 <main class="login-file">
     <div class="container" id="container">
         <div class="form-container sign-up">
@@ -57,13 +22,5 @@
                 <button type="button" onclick="login()">Login</button>
             </form>
         </div>
-        <!-- <div class="toggle-container">
-            <div class="toggle">
-                <div class="toggle-panel toggle-left">
-                    <h1>Glad to have you back!</h1>
-                    <p>Enter your login information to continue to adlerka.top</p>
-                </div>
-            </div>
-        </div> -->
     </div>
 </main>

templates/skeleton.html

@@ -18,9 +18,9 @@
         __TEMPLATE__NAV__
     </nav>
     <div id="statusMessageContainer"></div>
-    <page id="page_container">
+    <main id="page_container">
         __TEMPLATE__PAGE__
-    </page>
+    </main>
     <footer id="footer_container">
         __TEMPLATE__FOOTER__
     </footer>