From 542087e36464373acf301319f6fe267011e8cbfe Mon Sep 17 00:00:00 2001 From: maaa Date: Tue, 4 Jun 2024 18:31:50 +0200 Subject: [PATCH] nya~ --- index.html | 35 +++++++++++++-------------- static/css/style.css | 56 +++++++++++++++++++++++++++++++------------- 2 files changed, 56 insertions(+), 35 deletions(-) diff --git a/index.html b/index.html index 9176960..bbf5530 100644 --- a/index.html +++ b/index.html @@ -13,28 +13,25 @@ +


-

Burgernotes

-

A simple note-taking service!

-
- Open in your browser - Download for iOS (IPA) - Download for iOS (WebClip) - - - -
-
-
- Secure - All your notes are fully end-to-end encrypted. Only you can read your notes, not anyone else. -
-
- Always up-to-date - Your notes seamlessly sync across your devices. -
+

Safe home for your notes

+

Burgernotes is the service for storing your shopping list, tasks'n todos, code snippets plus more. Oh, and did we mention it's free, without any catch?

+
+ Download for your device or + Open in your web browser +

+
+ +

Secure, always.

+

Burgernotes features industry standard end-to-end encryption, so you can write knowing your notes are secure and private.

+ +

For your device.

+

Burgernotes features a simple, yet powerful user interface.

+

We support your device, including Windows, macOS, Linux + iOS and Android.

+
Source Code Privacy & Terms diff --git a/static/css/style.css b/static/css/style.css index 344d66a..07c2a64 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -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 { --contrast: #eee; @@ -689,15 +690,17 @@ iframe#markdown { } .startDiv { - text-align: left; - margin-top: 8vh; - margin-left: 7vh; - display: flex; - flex-direction: column; + } .startDiv h1 { - margin: 0; + font-family: "Space Grotesk", sans-serif; + font-optical-sizing: auto; + font-size: 48px; +} + +.startDiv p { + font-size: 18px; } .mainDiv a { @@ -707,22 +710,25 @@ iframe#markdown { margin-right: auto; color: white; text-decoration: none; - background-color: var(--theme-color); - border-radius: 8px; + background-color: #592ACB; + border-radius: 12px; +} + +.mainDiv .burgerText { + width: 75%; + margin-left: 12.5%; } .mainDiv .feature { - width: calc(100% - 7vh - 7vh - 3.5vh); + width: calc(100% - 12vh - 12vh - 3.5vh); margin-bottom: 10px; - margin-left: 7vh; - margin-right: 7vh; + margin-left: 12vh; + margin-right: 12vh; padding-left: 10px; padding-right: 10px; - border: solid; - border-radius: 8px; - border-width: 1px; - border-color: var(--border-color); + border: none; + border-radius: 12px; padding-top: 15px; padding-bottom: 15px; @@ -738,6 +744,24 @@ iframe#markdown { 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 { text-align: center; padding: 10px;