Actualizar 'index.html'

index.html

@@ -27,7 +27,8 @@
   </head>
 
 	<header>
-    <nav>
+      
+    <!-- <nav>
       <input type="checkbox" id="check">
       <label for="check" class="checkbtn">
         <i class="fa fa-bars"></i>
@@ -43,9 +44,9 @@
         <li><a href="https://download.fosc.space"><i class="fa fa-download"></i>Donwloads</a></li>
         <li><a href="#contact"><i class="fa fa-user"></i>Contact</a></li>
       </ul>
-    </nav>
+    </nav> -->
       
-     <!--	<section class="navigation">
+  	<section class="navigation">
       <div class="nav-container">
         <div class="brand">
           <img class="lazy" data-src="img/Logo-invert.png" style="width: 100px;">
@@ -54,47 +55,73 @@
           <div class="nav-mobile"><a id="nav-toggle" href="#!"><span></span></a></div>
           <ul class="nav-list">
             <li>
-		          <a href="#!">Home</a>
+              <a href="https://fosc.space/"><i class="fa fa-home"></i>Home</a>
             </li>
             <li>
-		          <a href="#!">Blog</a>
+              <a href="https://blog.fosc.space"><i class="fa fa-book"></i>Blog</a>
             </li>
             <li>
-		          <a href="#!">Services</a>
+              <a href="#!"><i class="fa fa-cogs"></i>Services</a>
               <ul class="nav-dropdown">
                 <li>
-		              <a href="#!">Cloud</a>
+                  <a href="https://cloud.fosc.space">Cloud</a>
                 </li>
                 <li>
-		              <a href="#!">Wiki</a>
+                  <a href="https://doc.fosc.space">Wiki</a>
                 </li>
                 <li>
-		              <a href="#!">RSS</a>
+                  <a href="https://rss.fosc.space">RSS</a>
                 </li>
                   <li>
-		              <a href="#!">NetData</a>
+                  <a href="https://netdata.fosc.space">NetData</a>
                 </li>
                 <li>
-		              <a href="#!">Analytics</a>
+                  <a href="https://analytics.fosc.space">Analytics</a>
                 </li>
                 <li>
-		              <a href="#!">Stolen Code</a>
+                  <a href="https://git.fosc.space">Stolen Code</a>
                 </li>
               </ul>
             </li>
             <li>
-		          <a href="#!">Gallery</a>
+              <a href="https://gallery.fosc.space"><i class="fa fa-image"></i>Gallery</a>
             </li>
             <li>
-		          <a href="#!">Donwloads</a>
+              <a href="https://download.fosc.space"><i class="fa fa-download"></i>Donwloads</a>
             </li>
             <li>
-		          <a href="#!">Contact</a>
+              <a href="#contact"><i class="fa fa-user"></i>Contact</a>
             </li>
           </ul>
         </nav>
       </div>
-		</section> -->
+    </section>
+      
+    <script>
+      (function($) { // Begin jQuery
+        $(function() { // DOM ready
+          // If a link has a dropdown, add sub menu toggle.
+          $('nav ul li a:not(:only-child)').click(function(e) {
+            $(this).siblings('.nav-dropdown').toggle();
+            // Close one dropdown when selecting another
+            $('.nav-dropdown').not($(this).siblings()).hide();
+            e.stopPropagation();
+          });
+          // Clicking away from dropdown will remove the dropdown class
+          $('html').click(function() {
+            $('.nav-dropdown').hide();
+          });
+          // Toggle open and close nav styles on click
+          $('#nav-toggle').click(function() {
+            $('nav ul').slideToggle();
+          });
+          // Hamburger to X toggle
+          $('#nav-toggle').on('click', function() {
+            this.classList.toggle('active');
+          });
+        }); // end DOM ready
+      })(jQuery); // end jQuery
+    </script>  
    
   </header>