Made fonts local, fixed download buttons, improved some themeing

This commit is contained in:
Tracker-Friendly 2024-06-15 17:33:13 +01:00
parent 3ef2494cb0
commit 545cc6905c
8 changed files with 56 additions and 24 deletions

View File

@ -2,7 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<title>Burgernotes</title> <title>Download Burgernotes</title>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
@ -35,13 +35,13 @@
<div class="feature black"><h1>Android</h1> <div class="feature black"><h1>Android</h1>
<p>We do not support your Android natively yet, however you may use the web app.</p></div> <p>We do not support your Android natively yet, however you may use the web app.</p></div>
<div class="feature black"><h1>iOS</h1> <div class="feature black"><h1>iOS</h1>
<p>There's two different Burgernotes apps available: the webclip and the native app. We recommend using the webclip as the native app is outdated and may not work. <p>There's two different Burgernotes apps available: the webclip and the native app. We recommend using the webclip as the native app is outdated and may not work.</p>
<br> <br>
<div class="hAlign downloadDiv">
<a href="/static/burgernotes.mobileconfig">Download Webclip (recommended)</a> <a href="/static/burgernotes.mobileconfig">Download Webclip (recommended)</a>
<br> &nbsp
<a href="https://centrifuge.hectabit.org/HectaBit/Burgernotes-iOS/releases/download/b1.0.0/Burgernotes.ipa">Download Native (IPA)</a> <a href="https://centrifuge.hectabit.org/HectaBit/Burgernotes-iOS/releases/download/b1.0.0/Burgernotes.ipa">Download Native (IPA)</a>
</p> </div>
</div> </div>
</div> </div>
<br> <br>

View File

@ -15,13 +15,13 @@
<body> <body>
<br><br><br> <br><br><br>
<div class="mainDiv"> <div class="mainDiv">
<div class="startDiv"> <div class="startDiv downloadDiv">
<h1>Safe home for your notes</h1> <h1>The safe home for your notes</h1>
<p class="burgerText">Burgernotes is the number one service for storing your <b>shopping list</b>, <b>tasks'n todos</b>, <b>code snippets</b> plus more. And it's totally free.</p> <p class="burgerText">Burgernotes is the number one service for storing your <b>shopping list</b>, <b>tasks'n todos</b>, <b>code snippets</b> plus more. And it's totally free.</p>
<br> <br>
<div class="downloadDiv"> <div class="hAlign">
<a>🍔 Download</a> <a href="/download">🍔 Download</a>
<p> or </p> <div class="vAlign"><p> or </p></div>
<a href="/app">Open in your web browser</a> <a href="/app">Open in your web browser</a>
</div> </div>
<br><br> <br><br>

View File

@ -70,7 +70,7 @@
EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
SUCH DAMAGES.</p> SUCH DAMAGES.</p>
<br> <br>
<button onclick="if(document.referrer!==' '){if(document.referrer!==''){window.location.href=document.referrer;}else{window.location.href='/';}window.location.href=document.referrer; }else{window.location.href='../index.html';}" style="cursor: pointer; padding: 15px 20px;margin-right: auto;color: white;text-decoration: none;background-color: var(--theme-color);border-radius: 8px;border: medium;font-size: 15px;">Take me back where I was!</button> <button onclick="if(document.referrer!==' '){if(document.referrer!==''){window.location.href=document.referrer;}else{window.location.href='/';}window.location.href=document.referrer; }else{window.location.href='../index.html';}" style="cursor: pointer; padding: 15px 20px;margin-right: auto;color: white;text-decoration: none;background-color: var(--theme-color);border-radius: 25px;border: medium;font-size: 15px;">Take me back where I was!</button>
<br><br> <br><br>
</body> </body>

View File

@ -1,5 +1,5 @@
@import url("https://fonts.googleapis.com/css2?family=Inter&display=swap"); @import url("/static/fonts/inter.css");
@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap"); @import url("/static/fonts/space-grotesk.css");
:root { :root {
--contrast: #eee; --contrast: #eee;
@ -8,7 +8,7 @@
--editor: #ffffff; --editor: #ffffff;
--text-color: #000000; --text-color: #000000;
--border-color: #dadada; --border-color: #dadada;
--theme-color: #592acb; --theme-color: #1c71d8;
--theme-text-color: #ffffff; --theme-text-color: #ffffff;
--exit-color: #e9e9e9; --exit-color: #e9e9e9;
--session-color: #f4f4f4; --session-color: #f4f4f4;
@ -31,7 +31,7 @@
--editor: #202124; --editor: #202124;
--text-color: #ffffff; --text-color: #ffffff;
--border-color: #393b3d; --border-color: #393b3d;
--theme-color: #592acb; --theme-color: #3584e4;
--theme-text-color: #ffffff; --theme-text-color: #ffffff;
--exit-color: #454649; --exit-color: #454649;
--session-color: #2d2f31; --session-color: #2d2f31;
@ -436,7 +436,7 @@ iframe#markdown {
border: none; border: none;
text-decoration: none; text-decoration: none;
background-color: var(--theme-color); background-color: var(--theme-color);
border-radius: 8px; border-radius: 10px;
cursor: pointer; cursor: pointer;
font-size: 15px; font-size: 15px;
} }
@ -460,7 +460,7 @@ iframe#markdown {
border: solid; border: solid;
border-color: var(--border-color); border-color: var(--border-color);
border-width: 1px; border-width: 1px;
border-radius: 8px; border-radius: 25px;
} }
.optionsDiv .mfacheckbox { .optionsDiv .mfacheckbox {
@ -594,8 +594,7 @@ iframe#markdown {
border: solid; border: solid;
border-color: var(--border-color); border-color: var(--border-color);
border-width: 1px; border-width: 1px;
border-radius: 8px; border-radius: 25px;
} }
.inoutdiv button { .inoutdiv button {
@ -607,7 +606,7 @@ iframe#markdown {
padding-right: 20px; padding-right: 20px;
border: none; border: none;
border-radius: 8px; border-radius: 25px;
font-size: 14px; font-size: 14px;
@ -713,11 +712,17 @@ iframe#markdown {
font-size: 18px; font-size: 18px;
} }
.downloadDiv { .hAlign {
justify-content: center; justify-content: center;
display: flex; display: flex;
} }
.vAlign {
justify-content: center;
display: flex;
flex-direction: column;
}
.downloadDiv p { .downloadDiv p {
margin-top: 10px; margin-top: 10px;
margin-bottom: 10px; margin-bottom: 10px;
@ -734,8 +739,8 @@ iframe#markdown {
margin-right: auto; margin-right: auto;
color: white; color: white;
text-decoration: none; text-decoration: none;
background-color: #592ACB; background-color: var(--theme-color);
border-radius: 12px; border-radius: 25px;
} }
.mainDiv .burgerText { .mainDiv .burgerText {

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -0,0 +1,27 @@
/* vietnamese */
@font-face {
font-family: 'Space Grotesk';
font-style: normal;
font-weight: 300 700;
font-display: swap;
src: url(Space-Grotesk-Vietnamese.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Space Grotesk';
font-style: normal;
font-weight: 300 700;
font-display: swap;
src: url(Space-Grotesk-Latin-Ext.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Space Grotesk';
font-style: normal;
font-weight: 300 700;
font-display: swap;
src: url(Space-Grotesk-Latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}