From 5cbe572f4d035b8cb681f31325aa61d7159d9c0e Mon Sep 17 00:00:00 2001
From: Adam Iannazzone <46025473+jiannazzone@users.noreply.github.com>
Date: Fri, 19 Apr 2024 18:16:28 -0400
Subject: [PATCH] Adjustments to buttons on index

---
 assets/logos/flathub-badge.svg |  1 +
 index.html                     | 17 ++++-------------
 2 files changed, 5 insertions(+), 13 deletions(-)
 create mode 100644 assets/logos/flathub-badge.svg

diff --git a/assets/logos/flathub-badge.svg b/assets/logos/flathub-badge.svg
new file mode 100644
index 0000000..1db1173
--- /dev/null
+++ b/assets/logos/flathub-badge.svg
@@ -0,0 +1 @@
+<svg width="240" height="80" viewBox="0 0 240 80" xmlns="http://www.w3.org/2000/svg"><defs><clipPath id="satori_bc-id"><path x="0" y="0" width="240" height="80" d="M16,0 h208 a16,16 0 0 1 16,16 v48 a16,16 0 0 1 -16,16 h-208 a16,16 0 0 1 -16,-16 v-48 a16,16 0 0 1 16,-16"/></clipPath></defs><mask id="satori_om-id"><rect x="2" y="2" width="236" height="76" fill="#fff"/><path width="240" height="80" fill="none" stroke="#000" stroke-width="4" d="M4.686,4.686 A16,16 0 0 1 16,0 h208 a16,16 0 0 1 16,16 v48 a16,16 0 0 1 -16,16 h-208 a16,16 0 0 1 -16,-16 v-48 A16,16 0 0 1 4.686,4.686"/></mask><path x="0" y="0" width="240" height="80" fill="black" d="M16,0 h208 a16,16 0 0 1 16,16 v48 a16,16 0 0 1 -16,16 h-208 a16,16 0 0 1 -16,-16 v-48 a16,16 0 0 1 16,-16"/><path width="240" height="80" clip-path="url(#satori_bc-id)" fill="none" stroke="#888A85" stroke-width="4" d="M4.686,4.686 A16,16 0 0 1 16,0 h208 a16,16 0 0 1 16,16 v48 a16,16 0 0 1 -16,16 h-208 a16,16 0 0 1 -16,-16 v-48 A16,16 0 0 1 4.686,4.686"/><clipPath id="satori_cp-id-0"><rect x="34" y="22" width="37" height="36"/></clipPath><mask id="satori_om-id-0"><rect x="34" y="22" width="37" height="36" fill="#fff"/></mask><image x="34" y="22" width="37" height="36" href="data:image/svg+xml;utf8,%3Csvg  version=%221.1%22 xmlns=%22http://www.w3.org/2000/svg%22 width=%2237.6228125%22 height=%2236%22 viewBox=%220 0 66.885 64%22%3E%3Cg transform=%22translate(-30.558 -32)%22%3E%3Cg transform=%22matrix(1.7016 0 0 1.7016 -237.69 -115.36)%22 fill=%22white%22%3E%3Ccircle cx=%22166.69%22 cy=%2295.647%22 r=%229.0478%22 stroke-width=%22.58767%22%3E%3C/circle%3E%3Crect x=%22158.41%22 y=%22107.8%22 width=%2216.412%22 height=%2216.412%22 rx=%224.3765%22 ry=%224.3765%22 stroke-width=%22.58767%22%3E%3C/rect%3E%3Cpath transform=%22matrix(.9259 .53457 .53457 -.9259 99.826 110.69)%22 d=%22m69.514 58.833h-1.7806-10.247a2.4441 2.4441 60 0 1-2.1167-3.6662l6.0139-10.416a2.4441 2.4441 2.522e-7 0 1 4.2333 0l6.0139 10.416a2.4441 2.4441 120 0 1-2.1167 3.6662z%22 stroke-width=%22.55348%22%3E%3C/path%3E%3Cpath d=%22m194.99 116.11c0 0.87946-0.70801 1.5875-1.5875 1.5875h-12.7c-0.87946 0-1.5875-0.70802-1.5875-1.5875s0.70802-1.5875 1.5875-1.5875h12.7c0.87946 0 1.5875 0.70801 1.5875 1.5875zm-7.9375-7.9375c0.87946 0 1.5875 0.70802 1.5875 1.5875v12.7c0 0.87946-0.70802 1.5875-1.5875 1.5875-0.87947 0-1.5875-0.70802-1.5875-1.5875v-12.7c0-0.87947 0.70802-1.5875 1.5875-1.5875z%22 stroke-width=%225.8767%22%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E" preserveAspectRatio="none" clip-path="url(#satori_cp-id-0)" mask="url(#satori_om-id-0)"/><mask id="satori_om-id-0-0"><rect x="34" y="22" width="0" height="36" fill="#fff"/></mask><mask id="satori_om-id-0-0-0"><rect x="34" y="22" width="0" height="36" fill="#fff"/></mask><mask id="satori_om-id-0-0-0-0"><rect x="34" y="22" width="0" height="36" fill="#fff"/></mask><mask id="satori_om-id-0-0-0-1"><rect x="34" y="22" width="0" height="36" fill="#fff"/></mask><mask id="satori_om-id-0-0-0-2"><rect x="34" y="22" width="0" height="36" fill="#fff"/></mask><mask id="satori_om-id-0-0-0-3"><rect x="34" y="22" width="0" height="36" fill="#fff"/></mask><mask id="satori_om-id-1"><rect x="87" y="17" width="106" height="46" fill="#fff"/></mask><path fill="white" d="M95.3 23.1L93.7 23.1Q93.6 22.8 93.4 22.5Q93.2 22.2 93.0 22.0Q92.7 21.8 92.4 21.7Q92.0 21.6 91.7 21.6L91.7 21.6Q91.0 21.6 90.4 22.0Q89.9 22.4 89.5 23.0Q89.2 23.7 89.2 24.7L89.2 24.7Q89.2 25.7 89.5 26.4Q89.9 27.1 90.4 27.4Q91.0 27.8 91.7 27.8L91.7 27.8Q92.4 27.8 92.8 27.5Q93.3 27.3 93.6 26.8Q93.9 26.3 93.9 25.7L93.9 25.7L94.2 25.7L91.8 25.7L91.8 24.5L95.4 24.5L95.4 25.6Q95.4 26.7 94.9 27.5Q94.4 28.3 93.6 28.8Q92.8 29.2 91.7 29.2L91.7 29.2Q90.5 29.2 89.6 28.6Q88.7 28.1 88.1 27.1Q87.6 26.1 87.6 24.7L87.6 24.7Q87.6 23.7 87.9 22.8Q88.2 22.0 88.8 21.4Q89.3 20.8 90.1 20.5Q90.8 20.2 91.6 20.2L91.6 20.2Q92.4 20.2 93.0 20.4Q93.6 20.6 94.1 21.0Q94.6 21.4 94.9 22.0Q95.2 22.5 95.3 23.1L95.3 23.1ZM102.6 29.1L96.9 29.1L96.9 20.3L102.6 20.3L102.6 21.7L98.5 21.7L98.5 24.0L102.3 24.0L102.3 25.4L98.5 25.4L98.5 27.7L102.6 27.7L102.6 29.1ZM106.5 21.7L103.8 21.7L103.8 20.3L110.8 20.3L110.8 21.7L108.1 21.7L108.1 29.1L106.5 29.1L106.5 21.7Z M115.1 20.3L116.7 20.3L116.7 29.1L115.1 29.1L115.1 20.3ZM120.7 21.7L118.0 21.7L118.0 20.3L125.0 20.3L125.0 21.7L122.3 21.7L122.3 29.1L120.7 29.1L120.7 21.7Z M137.1 24.7L137.1 24.7Q137.1 26.1 136.6 27.1Q136.0 28.1 135.1 28.7Q134.2 29.2 133.1 29.2L133.1 29.2Q131.9 29.2 131.0 28.7Q130.1 28.1 129.6 27.1Q129.1 26.1 129.1 24.7L129.1 24.7Q129.1 23.3 129.6 22.3Q130.1 21.3 131.0 20.8Q131.9 20.2 133.1 20.2L133.1 20.2Q134.2 20.2 135.1 20.8Q136.0 21.3 136.6 22.3Q137.1 23.3 137.1 24.7ZM135.5 24.7L135.5 24.7Q135.5 23.7 135.2 23.0Q134.9 22.3 134.3 22.0Q133.8 21.6 133.1 21.6L133.1 21.6Q132.4 21.6 131.8 22.0Q131.3 22.3 131.0 23.0Q130.7 23.7 130.7 24.7L130.7 24.7Q130.7 25.7 131.0 26.4Q131.3 27.1 131.8 27.4Q132.4 27.8 133.1 27.8L133.1 27.8Q133.8 27.8 134.3 27.4Q134.9 27.1 135.2 26.4Q135.5 25.7 135.5 24.7ZM144.2 20.3L145.8 20.3L145.8 29.1L144.4 29.1L140.3 23.1L140.2 23.1L140.2 29.1L138.6 29.1L138.6 20.3L140.0 20.3L144.1 26.3L144.2 26.3L144.2 20.3Z "/><mask id="satori_om-id-1-1"><rect x="87" y="33" width="106" height="30" fill="#fff"/></mask><path fill="white" d="M92.9 57.8L89.1 57.8L89.1 36.7L102.6 36.7L102.6 39.9L92.9 39.9L92.9 45.6L101.7 45.6L101.7 48.8L92.9 48.8L92.9 57.8ZM105.9 36.7L109.6 36.7L109.6 57.8L105.9 57.8L105.9 36.7ZM118.0 58.1L118.0 58.1Q116.5 58.1 115.3 57.6Q114.1 57.0 113.4 56.0Q112.7 54.9 112.7 53.4L112.7 53.4Q112.7 52.0 113.2 51.2Q113.7 50.3 114.6 49.8Q115.4 49.2 116.5 49.0Q117.6 48.7 118.7 48.6L118.7 48.6Q120.1 48.4 121.0 48.3Q121.8 48.2 122.2 47.9Q122.6 47.7 122.6 47.1L122.6 47.1L122.6 47.1Q122.6 45.9 121.9 45.3Q121.3 44.6 120.0 44.6L120.0 44.6Q118.6 44.6 117.8 45.2Q117.0 45.8 116.7 46.6L116.7 46.6L113.2 46.1Q113.6 44.7 114.6 43.7Q115.5 42.8 116.9 42.3Q118.3 41.8 119.9 41.8L119.9 41.8Q121.1 41.8 122.2 42.0Q123.3 42.3 124.3 42.9Q125.2 43.5 125.8 44.6Q126.4 45.6 126.4 47.2L126.4 47.2L126.4 57.8L122.8 57.8L122.8 55.6L122.7 55.6Q122.3 56.3 121.7 56.9Q121.1 57.4 120.2 57.8Q119.2 58.1 118.0 58.1ZM119.0 55.4L119.0 55.4Q120.1 55.4 120.9 54.9Q121.7 54.5 122.2 53.7Q122.6 53.0 122.6 52.1L122.6 52.1L122.6 50.3Q122.5 50.4 122.1 50.5Q121.6 50.7 121.1 50.8Q120.6 50.8 120.1 50.9Q119.6 51.0 119.2 51.0L119.2 51.0Q118.4 51.2 117.7 51.4Q117.1 51.7 116.7 52.1Q116.3 52.6 116.3 53.3L116.3 53.3Q116.3 54.3 117.1 54.9Q117.8 55.4 119.0 55.4ZM128.9 42.0L138.0 42.0L138.0 44.9L128.9 44.9L128.9 42.0ZM131.2 53.7L131.2 38.2L134.9 38.2L134.9 53.0Q134.9 53.8 135.1 54.2Q135.4 54.6 135.7 54.7Q136.1 54.9 136.6 54.9L136.6 54.9Q136.9 54.9 137.2 54.8Q137.5 54.8 137.7 54.7L137.7 54.7L138.3 57.7Q138.0 57.8 137.5 57.9Q136.9 58.0 136.1 58.0L136.1 58.0Q134.7 58.1 133.6 57.6Q132.5 57.1 131.8 56.1Q131.2 55.1 131.2 53.7L131.2 53.7ZM144.9 48.5L144.9 48.5L144.9 57.8L141.1 57.8L141.1 36.7L144.8 36.7L144.8 44.7L145.0 44.7Q145.5 43.3 146.7 42.6Q147.9 41.8 149.7 41.8L149.7 41.8Q151.3 41.8 152.5 42.5Q153.8 43.2 154.4 44.5Q155.1 45.8 155.1 47.7L155.1 47.7L155.1 57.8L151.4 57.8L151.4 48.3Q151.4 46.7 150.6 45.8Q149.8 44.9 148.3 44.9L148.3 44.9Q147.3 44.9 146.5 45.4Q145.7 45.8 145.3 46.6Q144.9 47.4 144.9 48.5ZM169.0 51.2L169.0 51.2L169.0 42.0L172.7 42.0L172.7 57.8L169.1 57.8L169.1 55.0L168.9 55.0Q168.4 56.3 167.2 57.2Q166.0 58.0 164.2 58.0L164.2 58.0Q162.6 58.0 161.4 57.3Q160.3 56.6 159.6 55.3Q158.9 54.0 158.9 52.1L158.9 52.1L158.9 42.0L162.6 42.0L162.6 51.5Q162.6 53.0 163.5 53.9Q164.3 54.8 165.6 54.8L165.6 54.8Q166.5 54.8 167.2 54.4Q168.0 54.0 168.5 53.2Q169.0 52.4 169.0 51.2ZM180.4 57.8L176.7 57.8L176.7 36.7L180.4 36.7L180.4 44.6L180.6 44.6Q180.9 44.0 181.4 43.4Q181.9 42.7 182.8 42.2Q183.7 41.8 185.1 41.8L185.1 41.8Q187.0 41.8 188.4 42.7Q189.9 43.6 190.8 45.5Q191.7 47.3 191.7 49.9L191.7 49.9Q191.7 52.5 190.8 54.3Q189.9 56.2 188.5 57.1Q187.0 58.1 185.1 58.1L185.1 58.1Q183.8 58.1 182.9 57.6Q182.0 57.2 181.4 56.5Q180.9 55.9 180.6 55.3L180.6 55.3L180.4 55.3L180.4 57.8ZM180.4 49.9L180.4 49.9Q180.4 51.4 180.8 52.6Q181.3 53.7 182.1 54.4Q182.9 55.0 184.1 55.0L184.1 55.0Q185.3 55.0 186.2 54.4Q187.0 53.7 187.4 52.5Q187.9 51.4 187.9 49.9L187.9 49.9Q187.9 48.4 187.4 47.3Q187.0 46.1 186.2 45.5Q185.3 44.8 184.1 44.8L184.1 44.8Q182.9 44.8 182.1 45.5Q181.2 46.1 180.8 47.2Q180.4 48.4 180.4 49.9Z "/></svg>
\ No newline at end of file
diff --git a/index.html b/index.html
index 6d98d35..d6b14f8 100644
--- a/index.html
+++ b/index.html
@@ -129,20 +129,11 @@
                             paradise.</a>
                         </p>
                     </div>
-                    <div class="col-md-4 text-center">
-                        <a class="btn btn-link btn-lg align-center" target="_blank"
-                            rel="noopener noreferrer" href="https://flathub.org/apps/details/net.retrodeck.retrodeck">
-                            <!-- <div class="row align-items-center">
-                                <div class="col-4">
-                                    <img class="img-fluid" alt='Download on Flathub' src='assets/logos/flathub.svg' />
-                                </div>
-                                <div class="col-8">
-                                    Get it on Flathub
-                                </div>
-                            </div> -->
-                            <img type="button" class="img-fluid" alt='Download on Flathub' src='https://flathub.org/api/badge?locale=en'/>
+                    <div class="col-md-4">
+                        <a type="button" class="btn btn-dark" target="_blank" rel="noopener noreferrer"
+                            href="https://flathub.org/apps/details/net.retrodeck.retrodeck">
+                            <img class="pe-2" src="assets/logos/flathub.svg" width="32" height="32">Download on Flathub
                         </a>
-
                     </div>
                 </div>
             </div>