Fixed dark mode background, fixed text in signup screen.

This commit is contained in:
Tracker-Friendly 2024-03-11 18:30:20 +00:00
parent d32515010d
commit 87506796e2
7 changed files with 47 additions and 17 deletions

View File

@ -1,6 +1,18 @@
## Burgernotes ## Burgernotes
Burgernotes is a simple note-taking app with end-to-end encryption. 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 ### Links
[Go to the Burgernotes website](https://notes.hectabit.org) [Go to the Burgernotes website](https://notes.hectabit.org)

View File

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

5
config.ini.example Normal file
View File

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

View File

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

View File

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

View File

@ -15,11 +15,13 @@
<div class="inoutdiv"> <div class="inoutdiv">
<h2 class="w300">Login</h2> <h2 class="w300">Login</h2>
<p id="statusBox"></p> <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"> <input id="passwordBox" class="hidden" type="password" placeholder="Enter your password">
<button id="signupButton">Next</button> <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> <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> <a href="../privacy/index.html">Privacy &amp; Terms</a>
</div> </div>
@ -30,11 +32,10 @@
background-color: #d9d9d9; background-color: #d9d9d9;
background-image: url("/static/svg/grid.svg"); background-image: url("/static/svg/grid.svg");
background-repeat: repeat; background-repeat: repeat;
background-size: 312px background-size: 312px;
} }
.inoutdiv { .inoutdiv {
background-color: #fff;
border-radius: 8px; border-radius: 8px;
} }
</style> </style>
</body> </body>

View File

@ -20,9 +20,20 @@
<input id="passwordBox" type="password" placeholder="Password"><br> <input id="passwordBox" type="password" placeholder="Password"><br>
<button id="signupButton">Signup</button><br><br> <button id="signupButton">Signup</button><br><br>
<p>Please note that it's impossible to reset your password, do not forget it!</p> <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> <p>Already have an account? If so, <a href="../login/index.html">Login</a> instead!</p><br>
</div> </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> <script type="text/javascript" src="../static/js/signup.js"></script>
</body> </body>