Update index.html added GitHub repo link

scottgriv · May 27, 2024 · c42f7fe · c42f7fe
1 parent 3f6b690
commit c42f7fe
Showing 1 changed file with 47 additions and 25 deletions.
diff --git a/index.html b/index.html
@@ -22,38 +22,60 @@
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
     <link rel="stylesheet" href="css/main.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" />
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
     <script type="text/javascript" src="js/jquery.tabledit.js"></script>
     <!-- Website Title --> 
     <title>Palm Tree</title>
 </head>
 <body class="">
-  <script>
-    /* Display alert for all navigation links */
-    jQuery(document).ready(function() {
-      jQuery(".nav.navbar-nav li a").click(function(event) {
-        event.preventDefault();
-        alert("Feature only available by downloading and configuring the application. \nThis is for demo purposes only. \nConsult the README for more information.");
-      });
-    });
-  </script>
-  <div role="navigation" class="navbar navbar-default navbar-static-top">
-    <div class="container">
-      <ul class="nav navbar-nav">
-        <li class="active"><a href="#">Customers</a></li>
-      </ul>
-      <ul class="nav navbar-nav">
-        <li><a href="#">Email</a></li>
-      </ul>
-      <ul class="nav navbar-nav">
-        <li><a href="#">Configure</a></li>
-      </ul>
-      <ul class="nav navbar-nav">
-        <li><a href="#">Google Business</a></li>
-      </ul>
-    </div>
-  </div>
+    <style>
+        @media (max-width: 767px) {
+          .github-link {
+            float: left !important;
+            width: 100%;
+            text-align: left;
+          }
+          .github-link li {
+            display: inline-block;
+            width: auto;
+          }
+        }
+      </style>
+    <script>
+        /* Display alert for all navigation links except the GitHub link */
+        jQuery(document).ready(function() {
+          jQuery(".nav.navbar-nav li a").click(function(event) {
+            if (jQuery(this).attr('href') !== 'https://github.com/scottgriv/Palm-Tree') {
+              event.preventDefault();
+              alert("Feature only available by downloading and configuring the application. \nThis is for demo purposes only. \nConsult the README for more information.");
+            }
+          });
+        });
+      </script>
+      <div role="navigation" class="navbar navbar-default navbar-static-top">
+        <div class="container">
+          <ul class="nav navbar-nav">
+            <li class="active"><a href="#">Customers</a></li>
+          </ul>
+          <ul class="nav navbar-nav">
+            <li><a href="#">Email</a></li>
+          </ul>
+          <ul class="nav navbar-nav">
+            <li><a href="#">Configure</a></li>
+          </ul>
+          <ul class="nav navbar-nav">
+            <li><a href="#">Google Business</a></li>
+          </ul>
+          <ul class="nav navbar-nav github-link" style="float: right;">
+            <li>
+                <a href="https://github.com/scottgriv/Palm-Tree" target="_blank" rel="noreferrer">Check out this Project on GitHub <i class="fa-brands fa-github fa-bounce"></i></a>
+            </li>
+          </ul>
+        </div>
+      </div>      
+   </div>
 
   <div class="container home">
     <h1><img src="img/logo/logo.png" alt="logo" width="50" height="50" />&nbsp;Your Company Name</h1>