update CSS

README.md

@@ -1,7 +1,7 @@
 ## PageBurger
 PageBurger is a simple note-taking app with end-to-end encryption.
 
-PageBurger is a community fork of the discontinued [BurgerNotes](https://codeberg.org/burger-software/burgernotes). Most of the credits go to BurgerSoftware.
+PageBurger is a community fork of the discontinued [burgernotes](https://codeberg.org/burger-software/burgernotes). Most of the credits go to burger software.
 
 ### links
 [Go to the PageBurger website](https://notes.hectabit.org)

static/css/style.css

@@ -83,6 +83,21 @@
         color: white;
         background-color: #202124;
     }
+
+    .flathubLogo {
+        filter: invert(100%)
+    }
+
+    .feature {
+        background-color: rgba(0, 0, 0, 0) !important;
+        color: var(--text-color)
+    }
+    .mainDiv .yellow {
+        border-color: #e9e98d !important;
+    }
+    .mainDiv .green {
+        border-color: #a9f9a9 !important;
+    }
 }
 
 p,
@@ -638,13 +653,6 @@ body {
     background-color: #ffffeb;
 }
 
-.mainDiv img {
-    position: fixed;
-    right: 7vh;
-    top: 8vh;
-    border-radius: 8px;
-}
-
 .links {
     text-align: center;
     padding: 10px;

templates/main.html

@@ -15,13 +15,17 @@
     <div class="mainDiv">
     <div class="startDiv">
     <h1 class="w300">PageBurger</h1>
-    <p>A simple note-taking app!</p>
+    <p>A simple note-taking service!</p>
     <br>
     <a href="/app">Open in your browser</a>
-    <br>
+
     <a href="/static/pageburger.mobileconfig" style="margin-top: 5px;">Download for iOS</a>
+
+    <a style="padding: 0; padding-bottom: 0; margin-top: 5px; background-color: rgba(0, 0, 0, 0);" href="https://flathub.org/apps/org.hectabit.PageBurger">
+        <img class="flathubLogo" style="height: 55px;"src="/static/svg/flathublight.svg">
+    </a>
     </div>
-    <br><br><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>