Fixes links and installation

- add package links
- change some url
- use SCSS
- remove frameborder (deprecated)

src/partials/features.html

@@ -31,7 +31,6 @@
       <iframe
         src="https://www.youtube.com/embed/RrX5jNxS9IA?si=i0kRVFXOwT3ZqZdB"
         title="YouTube video player"
-        frameborder="0"
         allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
         referrerpolicy="strict-origin-when-cross-origin"
         allowfullscreen

src/partials/get-started.html

@@ -1,12 +1,27 @@
 <section class="get-started" id="get-started">
-  <div class="container">
     <h2>Get Started</h2>
-    <p>Download Katenary's binary and start using it today.</p>
-    <pre><code>sh &lt;(curl -sSL https://raw.githubusercontent.com/Katenary/katenary/master/install.sh)</code></pre>
+  <div class="container">
+
+    <section class="alternate">
+      <div class="container">
+        <h3>Linux users</h3>
+        <p>
+          Go to <a href="https://repo.katenary.io/Katenary/katenary/packages"
+            >Katenary's repository</a> and select your preferred distrubution.
+        </p>
+      </div>
+    </section>
+    <section class="alternate">
+      <div class="container">
+        <h3>Other OS users</h3>
+        <p>Windows users can use the "setup" executable in the "generic" section.</p>
+        <p>macOS userss may use the "Darwin" binary.</p>
+        </div>
+      </section>
+  </div>
     <p>
       <a href="https://repo.katenary.io/Katenary/katenary" class="btn-primary"
         >Go to the source repository</a
       >
     </p>
-  </div>
 </section>

src/partials/header.html

@@ -1,4 +1,4 @@
-<header class="header">
+<header class="header" id="top">
   <div class="container">
     <h1>Katenary</h1>
     <p>Effortless Helm Chart Conversion for Kubernetes Deployments</p>

src/partials/navbar.html

@@ -6,14 +6,14 @@
     <nav>
       <ul>
         <li>
-          <a href="#"><i class="fa fa-house"></i> Katenary</a>
+          <a href="#top"><i class="fa fa-house"></i> Katenary</a>
         </li>
         <li><a href="#features"><i class="fa fa-gears"></i> Why Katenary?</a></li>
         <li><a href="#how-it-works"><i class="fa fa-flash"></i> How It Works</a></li>
         <li><a href="#how-to-use"><i class="fa fa-lightbulb-o"></i> How to use</a></li>
-        <li><a href="#tutorials"><i class="fa fa-university"></i>Tutorials</a></li>
+        <li><a href="#tutorials"><i class="fa fa-university"></i> Tutorials</a></li>
         <li><a href="#get-started"><i class="fa fa-spin fa-gear"></i> Get Started</a></li>
-        <li>
+        <li class="external">
           <a href="https://repo.katenary.io/Katenary/katenary" target="_blank"
             ><i class="fa fa-gitea"></i> Katenary repository</a
           >