This commit is contained in:
maaa 2024-06-04 18:31:50 +02:00
parent 86559829f7
commit 542087e364
2 changed files with 56 additions and 35 deletions

View File

@ -13,28 +13,25 @@
</head> </head>
<body> <body>
<br><br><br>
<div class="mainDiv"> <div class="mainDiv">
<div class="startDiv"> <div class="startDiv">
<h1 class="w300">Burgernotes</h1> <h1>Safe home for your notes</h1>
<p>A simple note-taking service!</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, without any catch?</p>
<br> <br>
<a href="/app">Open in your browser</a> <a>Download for your device</a> or
<a href="https://centrifuge.hectabit.org/HectaBit/Burgernotes-iOS/releases/download/b1.0.0/Burgernotes.ipa" style="margin-top: 5px;">Download for iOS (IPA)</a> <a href="/app">Open in your web browser</a>
<a href="/static/burgernotes.mobileconfig" style="margin-top: 5px;">Download for iOS (WebClip)</a> <br><br>
<a style="padding: 0; margin-top: 5px; background-color: rgba(0, 0, 0, 0);" href="https://flathub.org/apps/org.hectabit.Burgernotes">
<img class="flathubLogo" style="height: 55px;" src="/static/svg/flathublight.svg" alt="Get it on Flathub">
</a>
</div>
<br> <br>
<div class="feature green">
<h7 class="w300">Secure</h7>
<p2>All your notes are fully end-to-end encrypted. Only you can read your notes, not anyone else.</p2>
</div>
<div class="feature yellow">
<h7 class="w300">Always up-to-date</h7>
<p2>Your notes seamlessly sync across your devices.</p2>
</div>
</div> </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"> <div class="links">
<a href="https://centrifuge.hectabit.org/hectabit/burgernotes"><img src="/static/svg/code.svg" alt="">Source Code</a> <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="/privacy"><img src="/static/svg/info.svg" alt="">Privacy &amp; Terms</a>

View File

@ -1,4 +1,5 @@
@import url("../fonts/inter.css"); @import url("https://fonts.googleapis.com/css2?family=Inter&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap");
:root { :root {
--contrast: #eee; --contrast: #eee;
@ -689,15 +690,17 @@ iframe#markdown {
} }
.startDiv { .startDiv {
text-align: left;
margin-top: 8vh;
margin-left: 7vh;
display: flex;
flex-direction: column;
} }
.startDiv h1 { .startDiv h1 {
margin: 0; font-family: "Space Grotesk", sans-serif;
font-optical-sizing: auto;
font-size: 48px;
}
.startDiv p {
font-size: 18px;
} }
.mainDiv a { .mainDiv a {
@ -707,22 +710,25 @@ iframe#markdown {
margin-right: auto; margin-right: auto;
color: white; color: white;
text-decoration: none; text-decoration: none;
background-color: var(--theme-color); background-color: #592ACB;
border-radius: 8px; border-radius: 12px;
}
.mainDiv .burgerText {
width: 75%;
margin-left: 12.5%;
} }
.mainDiv .feature { .mainDiv .feature {
width: calc(100% - 7vh - 7vh - 3.5vh); width: calc(100% - 12vh - 12vh - 3.5vh);
margin-bottom: 10px; margin-bottom: 10px;
margin-left: 7vh; margin-left: 12vh;
margin-right: 7vh; margin-right: 12vh;
padding-left: 10px; padding-left: 10px;
padding-right: 10px; padding-right: 10px;
border: solid; border: none;
border-radius: 8px; border-radius: 12px;
border-width: 1px;
border-color: var(--border-color);
padding-top: 15px; padding-top: 15px;
padding-bottom: 15px; padding-bottom: 15px;
@ -738,6 +744,24 @@ iframe#markdown {
background-color: #ffffeb; background-color: #ffffeb;
} }
.mainDiv .black, .mainDiv .black p {
background-color: #000000;
color: #fff;
}
.mainDiv .feature h1 {
color: #fff;
margin: 0;
margin-top: 10px;
font-family: "Space Grotesk", sans-serif;
font-optical-sizing: auto;
font-size: 22px;
}
.mainDiv .feature p {
width: 70%;
padding-left: 15%;
margin-bottom: 0;
}
.links { .links {
text-align: center; text-align: center;
padding: 10px; padding: 10px;