Made fonts local, fixed download buttons, improved some themeing
This commit is contained in:
parent
3ef2494cb0
commit
545cc6905c
|
@ -2,7 +2,7 @@
|
|||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<title>Burgernotes</title>
|
||||
<title>Download Burgernotes</title>
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
|
@ -35,13 +35,13 @@
|
|||
<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>
|
||||
<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.
|
||||
<br>
|
||||
<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>
|
||||
<div class="hAlign downloadDiv">
|
||||
<a href="/static/burgernotes.mobileconfig">Download Webclip (recommended)</a>
|
||||
<br>
|
||||
 
|
||||
<a href="https://centrifuge.hectabit.org/HectaBit/Burgernotes-iOS/releases/download/b1.0.0/Burgernotes.ipa">Download Native (IPA)</a>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
10
index.html
10
index.html
|
@ -15,13 +15,13 @@
|
|||
<body>
|
||||
<br><br><br>
|
||||
<div class="mainDiv">
|
||||
<div class="startDiv">
|
||||
<h1>Safe home for your notes</h1>
|
||||
<div class="startDiv downloadDiv">
|
||||
<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>
|
||||
<br>
|
||||
<div class="downloadDiv">
|
||||
<a>🍔 Download</a>
|
||||
<p> or </p>
|
||||
<div class="hAlign">
|
||||
<a href="/download">🍔 Download</a>
|
||||
<div class="vAlign"><p> or </p></div>
|
||||
<a href="/app">Open in your web browser</a>
|
||||
</div>
|
||||
<br><br>
|
||||
|
|
|
@ -70,7 +70,7 @@
|
|||
EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
|
||||
SUCH DAMAGES.</p>
|
||||
<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>
|
||||
</body>
|
||||
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@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");
|
||||
@import url("/static/fonts/inter.css");
|
||||
@import url("/static/fonts/space-grotesk.css");
|
||||
|
||||
:root {
|
||||
--contrast: #eee;
|
||||
|
@ -8,7 +8,7 @@
|
|||
--editor: #ffffff;
|
||||
--text-color: #000000;
|
||||
--border-color: #dadada;
|
||||
--theme-color: #592acb;
|
||||
--theme-color: #1c71d8;
|
||||
--theme-text-color: #ffffff;
|
||||
--exit-color: #e9e9e9;
|
||||
--session-color: #f4f4f4;
|
||||
|
@ -31,7 +31,7 @@
|
|||
--editor: #202124;
|
||||
--text-color: #ffffff;
|
||||
--border-color: #393b3d;
|
||||
--theme-color: #592acb;
|
||||
--theme-color: #3584e4;
|
||||
--theme-text-color: #ffffff;
|
||||
--exit-color: #454649;
|
||||
--session-color: #2d2f31;
|
||||
|
@ -436,7 +436,7 @@ iframe#markdown {
|
|||
border: none;
|
||||
text-decoration: none;
|
||||
background-color: var(--theme-color);
|
||||
border-radius: 8px;
|
||||
border-radius: 10px;
|
||||
cursor: pointer;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
@ -460,7 +460,7 @@ iframe#markdown {
|
|||
border: solid;
|
||||
border-color: var(--border-color);
|
||||
border-width: 1px;
|
||||
border-radius: 8px;
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
.optionsDiv .mfacheckbox {
|
||||
|
@ -594,8 +594,7 @@ iframe#markdown {
|
|||
border: solid;
|
||||
border-color: var(--border-color);
|
||||
border-width: 1px;
|
||||
border-radius: 8px;
|
||||
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
.inoutdiv button {
|
||||
|
@ -607,7 +606,7 @@ iframe#markdown {
|
|||
padding-right: 20px;
|
||||
|
||||
border: none;
|
||||
border-radius: 8px;
|
||||
border-radius: 25px;
|
||||
|
||||
font-size: 14px;
|
||||
|
||||
|
@ -713,11 +712,17 @@ iframe#markdown {
|
|||
font-size: 18px;
|
||||
}
|
||||
|
||||
.downloadDiv {
|
||||
.hAlign {
|
||||
justify-content: center;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.vAlign {
|
||||
justify-content: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.downloadDiv p {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
|
@ -734,8 +739,8 @@ iframe#markdown {
|
|||
margin-right: auto;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
background-color: #592ACB;
|
||||
border-radius: 12px;
|
||||
background-color: var(--theme-color);
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
.mainDiv .burgerText {
|
||||
|
|
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
@ -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;
|
||||
}
|
Reference in New Issue