Fixed dark mode background, fixed text in signup screen.

README.md

@@ -1,6 +1,18 @@
 ## Burgernotes
 Burgernotes is a simple note-taking app with end-to-end encryption.
 
+### Setup
+To set up Burgernotes, simply run these commands:
+```
+cp config.ini.example config.ini
+python3 init_db
+```
+
+Edit config.ini to your liking, then to start the server run:
+```
+python3 main
+```
+
 ### Links
 [Go to the Burgernotes website](https://notes.hectabit.org)
 

config.ini

@@ -1,5 +1,5 @@
 [config]
 HOST = 0.0.0.0
-PORT = 8070
+PORT = 8080
-SECRET_KEY = iadguhaoghioahegOLEHGELHIGOAHLhoewhgoiwh
+SECRET_KEY = supersecretkey
 MAX_STORAGE = 25000000

config.ini.example

@@ -0,0 +1,5 @@
+[config]
+HOST = 0.0.0.0
+PORT = 8080
+SECRET_KEY = supersecretkey
+MAX_STORAGE = 25000000

static/css/style.css

@@ -56,7 +56,7 @@
     }
 
     .newNote img {
-        filter: invert(100%)
+        filter: invert(100%);
     }
 
     #errorDiv p {
@@ -68,7 +68,7 @@
     }
 
     .burgerSession img {
-        filter: invert(100%) !important
+        filter: invert(100%) !important;
     }
 
     .links a {
@@ -85,16 +85,16 @@
 
     .inoutdiv input {
         color: white;
-        background-color: #202124;
+        background-color: var(--editor);
     }
 
     .flathubLogo {
-        filter: invert(100%)
+        filter: invert(100%);
     }
 
     .feature {
         background-color: rgba(0, 0, 0, 0) !important;
-        color: var(--text-color)
+        color: var(--text-color);
     }
     .mainDiv .yellow {
         border-color: #e9e98d !important;
@@ -402,7 +402,7 @@ body {
 .optionsDiv input {
     width: calc(100% - 12px);
     height: 25px;
-    background-color: ffffff;
+    background-color: #ffffff;
     padding-left: 5px;
     padding-right: 5px;
     margin-bottom: 7px;
@@ -519,6 +519,7 @@ body {
     padding: 30px;
     border-radius: 25px;
     border: solid 1px var(--border-color);
+    background-color: var(--bar);
 }
 
 .inoutdiv input {

static/js/main.js

@@ -510,7 +510,7 @@ function updateNotes() {
 updateNotes()
 
 newNote.addEventListener("click", (event) => {
-    let noteName = "empty note"
+    let noteName = "New note"
     let encryptedName = CryptoJS.AES.encrypt(noteName, password).toString();
     fetch(remote + "https://notes.hectabit.org/api/newnote", {
         method: "POST",

templates/login.html

@@ -15,11 +15,13 @@
     <div class="inoutdiv">
         <h2 class="w300">Login</h2>
         <p id="statusBox"></p>
-        <span id="inputNameBox" style="margin-right: 10px;color: var(--text-color);"></span><input id="usernameBox"
+        <span id="inputNameBox" style="margin-right: 10px;color: var(--text-color);"></span>
-            class="hidden" type="text" placeholder="Enter your username">
+        <input id="usernameBox" class="hidden" type="text" placeholder="Enter your username">
         <input id="passwordBox" class="hidden" type="password" placeholder="Enter your password">
         <button id="signupButton">Next</button>
-        <button id="backButton" class="hidden">Back</button><br><br>
+        <button id="backButton" class="hidden">Back</button>
+        <br>
+        <br>
         <p>Don't have an account? If so, <a href="../signup/index.html">Create one here!</a></p>
         <a href="../privacy/index.html">Privacy &amp; Terms</a>
     </div>
@@ -30,10 +32,9 @@
             background-color: #d9d9d9;
             background-image: url("/static/svg/grid.svg");
             background-repeat: repeat;
-            background-size: 312px
+            background-size: 312px;
         }
         .inoutdiv {
-            background-color: #fff;
             border-radius: 8px;
         }
     </style>

templates/signup.html

@@ -20,9 +20,20 @@
         <input id="passwordBox" type="password" placeholder="Password"><br>
         <button id="signupButton">Signup</button><br><br>
         <p>Please note that it's impossible to reset your password, do not forget it!</p>
-        By signing up, you agree to our <a href="../privacy/index.html">Privacy &amp; Terms</a>.<br><br>
+        <p>By signing up, you agree to our <a href="../privacy/index.html">Privacy &amp; Terms</a>.</p>
+        <br><br>
         <p>Already have an account? If so, <a href="../login/index.html">Login</a> instead!</p><br>
     </div>
-
+    <style>
+        body {
+            background-color: #d9d9d9;
+            background-image: url("/static/svg/grid.svg");
+            background-repeat: repeat;
+            background-size: 312px;
+        }
+        .inoutdiv {
+            border-radius: 8px;
+        }
+    </style>
     <script type="text/javascript" src="../static/js/signup.js"></script>
 </body>