update landing page -> current status ok

docs/index.md

@@ -26,10 +26,10 @@ A _robust framework_ for designing, analyzing and optimizing aircraft based on a
 </div>
 <div class="download-button-container">
   
-  <a href="download/getting-started">
+  <a href="download/getting_started/">
     Download
+    <img src="assets/images/logos/unicado-icon.png" alt="Unicado Icon">
   </a>
-  <img src="assets/images/logos/unicado-icon.png" alt="Unicado Icon">
 </div>
 </div>
 

overrides/home.html

@@ -60,12 +60,21 @@
       background-color: var(--accent-color);
       border-radius: 5px;
       font-size: 1.1em;
+      font-weight: 700;
       padding: 10px 20px;
       transition: background-color 0.3s ease;
+      cursor: pointer;
     }
     .download-button-container > a {
       color: var(--text-color-hero);
+      text-decoration: none;
+      display: flex;
+      align-items: center;
+      justify-content: center;
       background: transparent;
+      gap: 8px
+      width: 100%;
+      height: 100%;
     }
     .download-button-container:hover {
       color: var(--accent-color);
@@ -76,29 +85,10 @@
       background: transparent;
     }
 
-    .download-button {
-      
-      display: inline-block;
-      align-items: center;
-      padding: 10px 20px;
-      font-size: 1.1em;
-      font-weight: bold;
-      border-radius: 5px;
-      text-decoration: none;
-      transition: background-color 0.3s ease;
-      gap: 8px;
-    }
-
-    .download-button:hover {
-      color: var(--accent-color);
-      background-color: var(--text-color-hero);
-    }
-
     .download-button-container img {
       max-width: 24px;
-      display: inline-block;
       height: auto;
-      pointer-events: none;
+      pointer-events: auto;
       margin-left: 5px;
     }
 
@@ -107,7 +97,7 @@
       display: grid;
       grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
       gap: 3.5em;
-      margin: 2em auto;
+      margin: 3em auto;
       max-width: 1100px;
       padding: 1em;
     }