Add Flathub badge

cosmic-utils · Jul 16, 2024 · 3646968 · 3646968
1 parent 3786d06
commit 3646968
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 40 deletions.
diff --git a/README.md b/README.md
@@ -7,6 +7,10 @@
 
   ![window-light.png](https://raw.githubusercontent.com/edfloreshz/tasks/main/res/screenshots/window-light.png#gh-light-mode-only)
   ![window-dark.png](https://raw.githubusercontent.com/edfloreshz/tasks/main/res/screenshots/window-dark.png#gh-dark-mode-only)
+
+  <a href='https://flathub.org/apps/dev.edfloreshz.Tasks'>
+    <img width='200' alt='Get it on Flathub' src='https://flathub.org/api/badge?locale=en'/>
+  </a>
 </div>
 
 # Installation

diff --git a/docs/index.html b/docs/index.html
@@ -6,8 +6,7 @@
         <link
             rel="icon"
             type="image/x-icon"
-            href="https://raw.githubusercontent.com/edfloreshz/tasks/main/res/icons/hicolor/scalable/apps/dev.edfloreshz.Tasks.svg"
-        />
+            href="https://raw.githubusercontent.com/edfloreshz/tasks/main/res/icons/hicolor/scalable/apps/dev.edfloreshz.Tasks.svg" />
         <link rel="stylesheet" href="style.css" />
         <script src="https://cdn.tailwindcss.com"></script>
     </head>
@@ -16,46 +15,36 @@
             <div class="max-w-7xl mx-auto px-2 sm:px-6 lg:px-8">
                 <div class="relative flex items-center justify-between h-16">
                     <div
-                        class="flex-1 flex items-center justify-center sm:items-stretch sm:justify-start"
-                    >
+                        class="flex-1 flex items-center justify-center sm:items-stretch sm:justify-start">
                         <a href="index.html">
                             <div
-                                class="flex-shrink-0 flex items-center space-x-2"
-                            >
+                                class="flex-shrink-0 flex items-center space-x-2">
                                 <img
                                     class="lg:block h-8 w-auto"
                                     src="https://raw.githubusercontent.com/edfloreshz/tasks/main/res/icons/hicolor/scalable/apps/dev.edfloreshz.Tasks.svg"
-                                    alt="Workflow"
-                                />
+                                    alt="Workflow" />
                                 <h1
-                                    class="text-slate-900 dark:text-white text-2xl font-extrabold tracking-tight"
-                                >
+                                    class="text-slate-900 dark:text-white text-2xl font-extrabold tracking-tight">
                                     Tasks
                                 </h1>
                             </div>
                         </a>
                     </div>
                     <div
-                        class="absolute inset-y-0 right-0 flex items-center pr-2 sm:static sm:inset-auto sm:ml-6 sm:pr-0"
-                    >
+                        class="absolute inset-y-0 right-0 flex items-center pr-2 sm:static sm:inset-auto sm:ml-6 sm:pr-0">
                         <div class="hidden sm:block sm:ml-6">
                             <div class="flex space-x-4">
                                 <a
                                     href="https://github.com/edfloreshz"
-                                    class="text-slate-900 dark:text-white hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium"
-                                    >Team</a
-                                >
+                                    class="text-slate-900 dark:text-white hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Team</a>
                                 <a
                                     href="https://github.com/sponsors/edfloreshz"
-                                    class="text-slate-900 dark:text-white hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium"
-                                    >Sponsor us</a
-                                >
+                                    class="text-slate-900 dark:text-white hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Sponsor
+                                    us</a>
                                 <a
                                     href="https://github.com/edfloreshz/tasks/issues"
                                     class="text-slate-900 dark:text-white hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium"
-                                    aria-current="page"
-                                    >Issues</a
-                                >
+                                    aria-current="page">Issues</a>
                             </div>
                         </div>
                     </div>
@@ -67,20 +56,15 @@
                 <div class="px-2 pt-2 pb-10 space-y-1 text-center">
                     <a
                         href="https://github.com/edfloreshz"
-                        class="text-slate-900 dark:text-white hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium"
-                        >Team</a
-                    >
+                        class="text-slate-900 dark:text-white hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Team</a>
                     <a
                         href="https://github.com/sponsors/edfloreshz"
-                        class="text-slate-900 dark:text-white hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium"
-                        >Sponsor us</a
-                    >
+                        class="text-slate-900 dark:text-white hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Sponsor
+                        us</a>
                     <a
                         href="https://github.com/edfloreshz/tasks/issues"
                         class="text-slate-900 dark:text-white hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium"
-                        aria-current="page"
-                        >Issues</a
-                    >
+                        aria-current="page">Issues</a>
                 </div>
             </div>
         </nav>
@@ -91,32 +75,36 @@
                     <img
                         class="lg:block w-48 justify-center"
                         src="https://raw.githubusercontent.com/edfloreshz/tasks/main/res/icons/hicolor/scalable/apps/dev.edfloreshz.Tasks.svg"
-                        alt="Workflow"
-                    />
+                        alt="Workflow" />
                 </div>
                 <br />
                 <div class="text-center mb-10">
                     <h1
-                        class="text-slate-900 dark:text-white text-5xl leading font-extrabold tracking-tight text-gray-900 sm:text-6xl"
-                    >
+                        class="text-slate-900 dark:text-white text-5xl leading font-extrabold tracking-tight text-gray-900 sm:text-6xl">
                         Go Supernova
                     </h1>
                     <h2
-                        class="dark:text-white leading tracking-tight text-gray-900 sm:text-2xl mt-4"
-                    >
+                        class="dark:text-white leading tracking-tight text-gray-900 sm:text-2xl mt-4">
                         Unleash your interstellar potential
                     </h2>
                     <p
-                        class="mt-4 max-w-2xl text-xl dark:text-slate-300 mx-auto"
-                    >
+                        class="mt-4 max-w-2xl text-xl dark:text-slate-300 mx-auto">
                         A simple task management app, reaching across the cosmos
                         to help you get things done
                     </p>
+                    <div class="mt-4 grid place-content-center text-center">
+                        <a
+                            href="https://flathub.org/apps/dev.edfloreshz.Tasks">
+                            <img
+                                width="200"
+                                alt="Get it on Flathub"
+                                src="https://flathub.org/api/badge?locale=en" />
+                        </a>
+                    </div>
                 </div>
                 <a
                     href="https://github.com/edfloreshz/tasks"
-                    class="grid place-content-center text-center"
-                >
+                    class="grid place-content-center text-center">
                     <img id="screenshot" />
                 </a>
             </div>