This commit is contained in:
maaa 2024-06-05 20:20:34 +02:00
parent bdfb4aca11
commit 0b3a8cc096
4 changed files with 65 additions and 26 deletions

View File

@ -15,7 +15,7 @@
<p class="credit">Image by perga (@pergagreen on discord)</p> <p class="credit">Image by perga (@pergagreen on discord)</p>
<img src="/static/img/background.jpg" class="background" alt=""> <img src="/static/img/background.jpg" class="background" alt="">
<div class="inoutdiv"> <div class="inoutdiv">
<h2 class="w300">Homeserver</h2> <h2>Homeserver</h2>
<p>Change your Burgernotes homeserver</p> <p>Change your Burgernotes homeserver</p>
<p id="statusBox"></p> <p id="statusBox"></p>

View File

@ -15,29 +15,63 @@
<body> <body>
<br><br><br> <br><br><br>
<div class="mainDiv"> <div class="mainDiv">
<div class="startDiv"> <div class="startDiv">
<h1>Safe home for your notes</h1> <h1>Safe home for your notes</h1>
<p class="burgerText">Burgernotes is the service for storing your <b>shopping list</b>, <b>tasks'n todos</b>, <b>code snippets</b> plus more. Oh, and did we mention it's free too?</p> <p class="burgerText">Burgernotes is the service for storing your <b>shopping list</b>, <b>tasks'n
todos</b>, <b>code snippets</b> plus more. Oh, and did we mention it's free too?</p>
<br>
<a>Download for your device</a> or
<a href="/app">Open in your web browser</a>
<br><br>
<br>
</div>
<div class="feature black">
<h1>Secure, always.</h1>
<p>Burgernotes features industry standard end-to-end encryption, so you can write knowing your notes are secure and private.</p>
</div>
<div class="feature black">
<h1>For your device.</h1>
<p>Burgernotes features a simple, yet powerful user interface.</p>
<p>We support your device, including <b>Windows</b>, <b>macOS</b>, <b>Linux</b> + <b>iOS</b> and
<b>Android</b>.</p>
</div>
<div class="feature" style="background-color: rgba(0, 0, 0, 0); margin-bottom: 0;">
<details>
<summary>Is Burgernotes open-source?</summary>
<br>
Burgernotes is licensed under the free and open-source license GNU AGPL v3.0, which guarantees your right to be able to use, modify, and share Burgernotes freely without restrictions.<br>
<br>Unlike many other services, both our client and server software is open source, allowing you to self-host Burgernotes if you'd like.
</details>
<br>
<details>
<summary>Is Burgernotes really free?</summary>
<br>
Yes! We offer 25MB of storage by default, however you may request more by emailing support@cta.social. <br>There's no catch to this, we promise not to sell your data, and we don't display ads.
</details>
<br>
<details>
<summary>How can i trust Burgernotes to keep my notes private and secure?</summary>
<br>
We use industry-standard encryption (AES-256) to keep your notes secure.<br>End-to-end encryption ensures your notes are only visible to you, not Hectabit, or anyone else. Our source code is fully open, meaning anyone can audit our encryption.
</details>
<br>
<details>
<summary>Does Burgernotes accept donations?</summary>
<br>
Yes! Donations of any amount is appreciated to keep Burgernotes running. <br>You may donate at www.hectabit.org/donate, the non-profit software project behind Burgernotes.
</details>
</div>
<div class="links">
<a href="https://centrifuge.hectabit.org/hectabit/burgernotes"><img src="/static/svg/code.svg" alt="">Source
Code</a>
<a href="/privacy"><img src="/static/svg/info.svg" alt="">Privacy &amp; Terms</a>
<a href="https://discord.gg/8EbKTjmH2d"><img src="/static/svg/forum.svg" alt="">Discord</a>
</div>
<br> <br>
<a>Download for your device</a> or
<a href="/app">Open in your web browser</a>
<br><br>
<br>
</div>
<div class="feature black"><h1>Secure, always.</h1>
<p>Burgernotes features industry standard end-to-end encryption, so you can write knowing your notes are secure and private.</p></div>
<div class="feature black"><h1>For your device.</h1>
<p>Burgernotes features a simple, yet powerful user interface.</p>
<p>We support your device, including <b>Windows</b>, <b>macOS</b>, <b>Linux</b> + <b>iOS</b> and <b>Android</b>.</p></div>
<div class="links">
<a href="https://centrifuge.hectabit.org/hectabit/burgernotes"><img src="/static/svg/code.svg" alt="">Source Code</a>
<a href="/privacy"><img src="/static/svg/info.svg" alt="">Privacy &amp; Terms</a>
<a href="https://discord.gg/8EbKTjmH2d"><img src="/static/svg/forum.svg" alt="">Discord</a>
</div>
<br>
</body> </body>
</html> </html>

View File

@ -15,7 +15,7 @@
<p class="credit">Image by perga (@pergagreen on discord)</p> <p class="credit">Image by perga (@pergagreen on discord)</p>
<img src="/static/img/background.jpg" class="background" alt=""> <img src="/static/img/background.jpg" class="background" alt="">
<div class="inoutdiv"> <div class="inoutdiv">
<h2 class="w300">Login</h2> <h2>Login</h2>
<p id="statusBox"></p> <p id="statusBox"></p>
<span id="inputNameBox" style="margin-right: 10px;color: var(--text-color);"></span> <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="usernameBox" class="hidden" type="text" placeholder="Enter your username">

View File

@ -9,7 +9,7 @@
--editor: #ffffff; --editor: #ffffff;
--text-color: #000000; --text-color: #000000;
--border-color: #dadada; --border-color: #dadada;
--theme-color: #157efb; --theme-color: #592acb;
--theme-text-color: #ffffff; --theme-text-color: #ffffff;
--exit-color: #e9e9e9; --exit-color: #e9e9e9;
--session-color: #f4f4f4; --session-color: #f4f4f4;
@ -32,7 +32,7 @@
--editor: #202124; --editor: #202124;
--text-color: #ffffff; --text-color: #ffffff;
--border-color: #393b3d; --border-color: #393b3d;
--theme-color: #157efb; --theme-color: #592acb;
--theme-text-color: #ffffff; --theme-text-color: #ffffff;
--exit-color: #454649; --exit-color: #454649;
--session-color: #2d2f31; --session-color: #2d2f31;
@ -576,6 +576,11 @@ iframe#markdown {
background-color: var(--bar); background-color: var(--bar);
} }
.inoutdiv h2 {
font-family: "Space Grotesk", sans-serif;
font-optical-sizing: auto;
}
.inoutdiv input { .inoutdiv input {
width: calc(100% - 120px); width: calc(100% - 120px);
height: 30px; height: 30px;