add github btn to menu bar on desktop

niklasr22 · Feb 11, 2024 · cbbf641 · cbbf641
1 parent 36d40e2
commit cbbf641
Show file tree

Hide file tree

Showing 8 changed files with 59 additions and 11 deletions.
diff --git a/app_privacy_policy_de.html b/app_privacy_policy_de.html
@@ -22,6 +22,8 @@
                 <a id="download-link" target="_blank" rel="noopener noreferrer"
                     href="https://github.com/niklasr22/BrightIntosh/releases/latest/"><button class="btn"><i
                             class="fa-solid fa-download"></i> Download<span id="version"></span></button></a>
+                <a href="https://github.com/niklasr22/BrightIntosh" class="github-btn hide-on-mobile"><i
+                        class="fa-brands fa-github"></i></a>
             </span>
         </div>
 
@@ -56,8 +58,9 @@ <h2>Datenschutzerklärung für die Applikation BrightIntosh</h2>
             </p>
         </div>
         <div class="footer">
-            <a href="https://x.com/BrightIntoshApp" class="social"><i class="fa-brands fa-square-x-twitter"
-                    title="X"></i></a>
+            <span><a href="https://x.com/BrightIntoshApp" class="social"><i class="fa-brands fa-square-x-twitter"
+                        title="X"></i></a> <a href="https://github.com/niklasr22/BrightIntosh" class="social"><i
+                        class="fa-brands fa-github"></i></a></span>
             <a href="./privacy_policy.html">Privacy policy / Datenschutzerklärung</a>
             <a href="./legal_notice.html">Legal notice / Impressum</a>
         </div>

diff --git a/app_privacy_policy_en.html b/app_privacy_policy_en.html
@@ -22,6 +22,8 @@
                 <a id="download-link" target="_blank" rel="noopener noreferrer"
                     href="https://github.com/niklasr22/BrightIntosh/releases/latest/"><button class="btn"><i
                             class="fa-solid fa-download"></i> Download<span id="version"></span></button></a>
+                <a href="https://github.com/niklasr22/BrightIntosh" class="github-btn hide-on-mobile"><i
+                        class="fa-brands fa-github"></i></a>
             </span>
         </div>
 
@@ -53,8 +55,9 @@ <h2>Privacy Policy for the Application</h2>
             </p>
         </div>
         <div class="footer">
-            <a href="https://x.com/BrightIntoshApp" class="social"><i class="fa-brands fa-square-x-twitter"
-                    title="X"></i></a>
+            <span><a href="https://x.com/BrightIntoshApp" class="social"><i class="fa-brands fa-square-x-twitter"
+                        title="X"></i></a> <a href="https://github.com/niklasr22/BrightIntosh" class="social"><i
+                        class="fa-brands fa-github"></i></a></span>
             <a href="./privacy_policy.html">Privacy policy / Datenschutzerklärung</a>
             <a href="./legal_notice.html">Legal notice / Impressum</a>
         </div>

diff --git a/donate.html b/donate.html
@@ -25,6 +25,8 @@
             alt="Download on the Mac App Store" style="width: 184px; height: 47px;"></a>
         <a id="download-link" href="https://github.com/niklasr22/BrightIntosh/releases/latest/" download><button
             class="btn"><i class="fa-solid fa-download"></i> Download<span id="version"></span></button></a>
+        <a href="https://github.com/niklasr22/BrightIntosh" class="github-btn hide-on-mobile"><i
+            class="fa-brands fa-github"></i></a>
       </span>
     </div>
 
@@ -57,7 +59,9 @@ <h2>Donate</h2>
       </div>
     </div>
     <div class="footer">
-      <a href="https://x.com/BrightIntoshApp" class="social"><i class="fa-brands fa-square-x-twitter" title="X"></i></a>
+      <span><a href="https://x.com/BrightIntoshApp" class="social"><i class="fa-brands fa-square-x-twitter"
+            title="X"></i></a> <a href="https://github.com/niklasr22/BrightIntosh" class="social"><i
+            class="fa-brands fa-github"></i></a></span>
       <a href="./privacy_policy.html">Privacy policy / Datenschutzerklärung</a>
       <a href="./legal_notice.html">Legal notice / Impressum</a>
     </div>

diff --git a/index.html b/index.html
@@ -27,6 +27,8 @@
         <a id="download-link" href="https://github.com/niklasr22/BrightIntosh/releases/latest/" download><button
             class="btn" onclick="toggleModal('download-modal')"><i class="fa-solid fa-download"></i> Download<span
               id="version"></span></button></a>
+        <a href="https://github.com/niklasr22/BrightIntosh" class="github-btn hide-on-mobile"><i
+            class="fa-brands fa-github"></i></a>
       </span>
     </div>
 
@@ -101,7 +103,9 @@ <h2>Disclaimer</h2>
       </div>
     </div>
     <div class="footer">
-      <a href="https://x.com/BrightIntoshApp" class="social"><i class="fa-brands fa-square-x-twitter" title="X"></i></a>
+      <span><a href="https://x.com/BrightIntoshApp" class="social"><i class="fa-brands fa-square-x-twitter"
+            title="X"></i></a> <a href="https://github.com/niklasr22/BrightIntosh" class="social"><i
+            class="fa-brands fa-github"></i></a></span>
       <a href="./privacy_policy.html">Privacy policy / Datenschutzerklärung</a>
       <a href="./legal_notice.html">Legal notice / Impressum</a>
     </div>

diff --git a/index_nd.html b/index_nd.html
@@ -26,6 +26,8 @@
             alt="Download on the Mac App Store" style="width: 184px; height: 47px;"></a>
         <a id="download-link" href="https://github.com/niklasr22/BrightIntosh/releases/latest/" download><button
             class="btn"><i class="fa-solid fa-download"></i> Download<span id="version"></span></button></a>
+        <a href="https://github.com/niklasr22/BrightIntosh" class="github-btn hide-on-mobile"><i
+            class="fa-brands fa-github"></i></a>
       </span>
     </div>
 
@@ -69,7 +71,9 @@ <h2>Disclaimer</h2>
       </div>
     </div>
     <div class="footer">
-      <a href="https://x.com/BrightIntoshApp" class="social"><i class="fa-brands fa-square-x-twitter" title="X"></i></a>
+      <span><a href="https://x.com/BrightIntoshApp" class="social"><i class="fa-brands fa-square-x-twitter"
+            title="X"></i></a> <a href="https://github.com/niklasr22/BrightIntosh" class="social"><i
+            class="fa-brands fa-github"></i></a></span>
       <a href="./privacy_policy.html">Privacy policy / Datenschutzerklärung</a>
       <a href="./legal_notice.html">Legal notice / Impressum</a>
     </div>

diff --git a/legal_notice.html b/legal_notice.html
@@ -21,6 +21,8 @@
             alt="Download on the Mac App Store" style="width: 184px; height: 47px;"></a>
         <a id="download-link" href="https://github.com/niklasr22/BrightIntosh/releases/latest/" download><button
             class="btn"><i class="fa-solid fa-download"></i> Download<span id="version"></span></button></a>
+        <a href="https://github.com/niklasr22/BrightIntosh" class="github-btn hide-on-mobile"><i
+            class="fa-brands fa-github"></i></a>
       </span>
     </div>
     <div class="content">
@@ -35,7 +37,9 @@ <h2>Legal Notice / Impressum</h2>
       </div>
     </div>
     <div class="footer">
-      <a href="https://x.com/BrightIntoshApp" class="social"><i class="fa-brands fa-square-x-twitter" title="X"></i></a>
+      <span><a href="https://x.com/BrightIntoshApp" class="social"><i class="fa-brands fa-square-x-twitter"
+            title="X"></i></a> <a href="https://github.com/niklasr22/BrightIntosh" class="social"><i
+            class="fa-brands fa-github"></i></a></span>
       <a href="./privacy_policy.html">Privacy policy / Datenschutzerklärung</a>
       <a href="./legal_notice.html">Legal notice / Impressum</a>
     </div>

diff --git a/main.css b/main.css
@@ -69,6 +69,16 @@ div.content {
     padding: 0 10px;
 }
 
+.github-btn {
+    color: #1f2328;
+    margin-left: 10px;
+}
+
+.github-btn>i {
+    font-size: 47px;
+    height: 47px;
+}
+
 #version {
     font-size: 12px;
     vertical-align: middle;
@@ -317,7 +327,12 @@ code .copy-btn {
     display: none;
 }
 
-@media screen and (max-width: 1260px) {
+
+.hide-on-desktop {
+    display: none;
+}
+
+@media screen and (max-width: 1350px) {
 
     .head {
         text-align: center;
@@ -363,6 +378,14 @@ code .copy-btn {
     .info.large {
         width: 90%;
     }
+
+    .hide-on-mobile {
+        display: none;
+    }
+
+    .hide-on-desktop {
+        display: block;
+    }
 }
 
 @media screen and (max-width: 999px) {

diff --git a/privacy_policy.html b/privacy_policy.html
@@ -22,6 +22,8 @@
                 <a id="download-link" target="_blank" rel="noopener noreferrer"
                     href="https://github.com/niklasr22/BrightIntosh/releases/latest/"><button class="btn"><i
                             class="fa-solid fa-download"></i> Download<span id="version"></span></button></a>
+                <a href="https://github.com/niklasr22/BrightIntosh" class="github-btn hide-on-mobile"><i
+                        class="fa-brands fa-github"></i></a>
             </span>
         </div>
         <div class="content">
@@ -172,8 +174,9 @@ <h2>Privacy Policy</h2>
             </div>
         </div>
         <div class="footer">
-            <a href="https://x.com/BrightIntoshApp" class="social"><i class="fa-brands fa-square-x-twitter"
-                    title="X"></i></a>
+            <span><a href="https://x.com/BrightIntoshApp" class="social"><i class="fa-brands fa-square-x-twitter"
+                        title="X"></i></a> <a href="https://github.com/niklasr22/BrightIntosh" class="social"><i
+                        class="fa-brands fa-github"></i></a></span>
             <a href="./privacy_policy.html">Privacy policy / Datenschutzerklärung</a>
             <a href="./legal_notice.html">Legal notice / Impressum</a>
         </div>