1 yıl önce · 2398c4a4bc
--- a/views/css/register.css
+++ b/views/css/register.css
@@ -1,4 +0,0 @@
 
				-#registerPage form{
			
 
				-    display: flex;
			
 
				-    flex-direction: column;
			
 
				-}
			
--- a/views/index.css
+++ b/views/index.css
@@ -25,11 +25,33 @@
 
				     background: var(--dark);
			
 
				 }
			
 
				 
			
 
				+#notifier{
			
 
				+    position: fixed;
			
 
				+    bottom: 15px;
			
 
				+    left: 15px;
			
 
				+    font-size: 22px;
			
 
				+    padding: 25px;
			
 
				+    width: calc(100% - 30px);
			
 
				+    text-align: center;
			
 
				+    z-index: 100;
			
 
				+}
			
 
				+
			
 
				+#notifier.error{
			
 
				+    background: var(--warning);
			
 
				+    color: var(--gray);
			
 
				+}
			
 
				+
			
 
				+#notifier.success{
			
 
				+    background: var(--success);
			
 
				+}
			
 
				+
			
 
				 .standardForm{
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				     background: var(--gray);
			
 
				     padding: 35px;
			
 
				     width: 100%;
			
 
				-    max-width: 750px;
			
 
				+    max-width: 550px;
			
 
				 }
			
 
				 
			
 
				 .standardForm h1{
			
--- a/views/index.html
+++ b/views/index.html
@@ -7,6 +7,8 @@
 
				     <link rel="stylesheet" href="/index.css">
			
 
				 </head>
			
 
				 <body>
			
 
				+    <p id="notifier" style="display:none">Some message here</p>
			
 
				+
			
 
				     <div id="registerPage" class="page">
			
 
				         <form id="registerForm" class="standardForm">
			
 
				             <h1>Create Account</h1>
			
--- a/views/index.js
+++ b/views/index.js
@@ -1,3 +1,20 @@
 
				 import registerPage from "./js/pages/register.js";
			
 
				 
			
 
				+const notifier = document.getElementById("notifier");
			
 
				+
			
 
				 registerPage.render();
			
 
				+
			
 
				+window.notify = (type, message)=>{
			
 
				+    notifier.className = "";
			
 
				+    notifier.classList.add(type);
			
 
				+    notifier.textContent = message;
			
 
				+    notifier.style.display = "flex";
			
 
				+
			
 
				+    setTimeout(()=>{
			
 
				+        notifier.style.display = "none";
			
 
				+    }, 7500);
			
 
				+}
			
 
				+
			
 
				+window.changePage = (page)=>{
			
 
				+    console.log("changing page");
			
 
				+}
			
--- a/views/js/pages/register.js
+++ b/views/js/pages/register.js
@@ -13,6 +13,9 @@ export default {
 
				             event.preventDefault();
			
 
				             fetch("/user", {
			
 
				                 method: "POST",
			
 
				+                headers: {
			
 
				+                    "Content-Type": "application/json"
			
 
				+                },
			
 
				                 body: JSON.stringify({
			
 
				                     name: document.getElementById("registerName").value,
			
 
				                     email: document.getElementById("registerEmail").value,