From 87506796e20be0757aab6a42d9ec2b3b2fdb0b5a Mon Sep 17 00:00:00 2001
From: Tracker-Friendly <jliwin98@danwin1210.de>
Date: Mon, 11 Mar 2024 18:30:20 +0000
Subject: [PATCH] Fixed dark mode background, fixed text in signup screen.

---
 README.md             | 12 ++++++++++++
 config.ini            |  4 ++--
 config.ini.example    |  5 +++++
 static/css/style.css  | 13 +++++++------
 static/js/main.js     |  2 +-
 templates/login.html  | 13 +++++++------
 templates/signup.html | 15 +++++++++++++--
 7 files changed, 47 insertions(+), 17 deletions(-)
 create mode 100644 config.ini.example

diff --git a/README.md b/README.md
index 5dd3196..3e1daa0 100644
--- a/README.md
+++ b/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)
 
diff --git a/config.ini b/config.ini
index 7af981e..3caa559 100644
--- a/config.ini
+++ b/config.ini
@@ -1,5 +1,5 @@
 [config]
 HOST = 0.0.0.0
-PORT = 8070
-SECRET_KEY = iadguhaoghioahegOLEHGELHIGOAHLhoewhgoiwh
+PORT = 8080
+SECRET_KEY = supersecretkey
 MAX_STORAGE = 25000000
diff --git a/config.ini.example b/config.ini.example
new file mode 100644
index 0000000..3caa559
--- /dev/null
+++ b/config.ini.example
@@ -0,0 +1,5 @@
+[config]
+HOST = 0.0.0.0
+PORT = 8080
+SECRET_KEY = supersecretkey
+MAX_STORAGE = 25000000
diff --git a/static/css/style.css b/static/css/style.css
index 7f65050..551f465 100644
--- a/static/css/style.css
+++ b/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 {
diff --git a/static/js/main.js b/static/js/main.js
index cfa320c..4a37f12 100644
--- a/static/js/main.js
+++ b/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",
diff --git a/templates/login.html b/templates/login.html
index bdf22ec..64d5322 100644
--- a/templates/login.html
+++ b/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"
-            class="hidden" type="text" placeholder="Enter your username">
+        <span id="inputNameBox" style="margin-right: 10px;color: var(--text-color);"></span>
+        <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,11 +32,10 @@
             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>
-</body>
\ No newline at end of file
+</body>
diff --git a/templates/signup.html b/templates/signup.html
index 2d99ebd..922ec60 100644
--- a/templates/signup.html
+++ b/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>