feat: new download page

public/assets/css/components/flexList.css

@@ -3,4 +3,8 @@
     flex-direction: column;
     align-items: flex-start;
     gap: 20px;
+}
+
+.flexList--center {
+    align-items: center;
 }

src/components/FloatNotice.vue

@@ -2,29 +2,29 @@
     <div class="floatNotice" :class="{ 'anim--askFocus': !expanded }">
         <div class="floatNotice-wrapper card" :class="classes">
             <div class="floatNotice-header clickable" @click="toggleExpanded()">
-                <h3>🎉 Vanilla OS 2 (Orchid) Beta is here!</h3>
+                <h3>🎉 Vanilla OS 2 Orchid is here!</h3>
                 <span class="floatNotice-heaer-icon mdi material-icons" v-if="!expanded">expand_less</span>
                 <span class="floatNotice-heaer-icon mdi material-icons" v-if="expanded">expand_more</span>
             </div>
             <div class="floatNotice-content" v-if="expanded">
                 <div class="flexList">
                     <div class="text text--rich">
-                        <p>The wait is over! We are proud to announce that Vanilla OS 2 (Orchid)
-                            Beta is now available for download.</p>
-                        <p>Vanilla OS 2 (Orchid) is a complete rewrite of the Vanilla OS operating
+                        <p>The wait is over! We are proud to announce that Vanilla OS 2 Orchid is now available for
+                            download.</p>
+                        <p>Vanilla OS 2 Orchid is a complete rewrite of the Vanilla OS operating
                             system, introduces new paradigms and technologies aimed at improving
                             the user experience, the security and the overall stability of the system.</p>
                     </div>
                     <div class="flexGrid flexGrid--2">
                         <router-link
-                            :to="{ name: 'article', params: { date: '2024-01-30', slug: 'vanilla-os-2-orchid-beta-is-here' } }"
+                            :to="{ name: 'article', params: { date: '2024-07-28', slug: 'vanilla-os-2-orchid-stable-is-here' } }"
                             class="btn btn--link btn--link-2 btn--inline">
                             <span>Release Post</span>
                             <span class=" mdi material-icons-outlined">open_in_new</span>
                         </router-link>
                         <button class="btn btn--primary" @click="goToDownload()">
                             <span class="mdi material-icons-outlined">save_alt</span>
-                            <span>Try the Beta</span>
+                            <span>Download Now</span>
                         </button>
                     </div>
                 </div>
@@ -62,7 +62,7 @@ export default defineComponent({
             }
         },
         goToDownload() {
-            this.$router.push({ name: 'download-orchid-beta' });
+            this.$router.push({ name: 'download-orchid-stable' });
             this.toggleExpanded();
         }
     }

src/components/Footer.vue

@@ -47,7 +47,8 @@
                     <li><router-link :to="{ name: 'developers-program' }">Join the Developers Program</router-link></li>
                     <li><a href="https://github.com/vanilla-os" target="_blank">Source Code</a></li>
                     <li><a href="https://github.com/vanilla-os" target="_blank">Report a Bug</a></li>
-                    <li><router-link :to="{ name: 'technologies-and-credits' }">Technologies and Credits</router-link></li>
+                    <li><router-link :to="{ name: 'technologies-and-credits' }">Technologies and Credits</router-link>
+                    </li>
                     <li><router-link :to="{ name: 'roadmap' }">Roadmap</router-link></li>
                     <li><router-link :to="{ name: 'components-lifecycle' }">Components Lifecycle</router-link></li>
                     <li><router-link :to="{ name: 'nerd-info' }">Information for Nerds</router-link></li>
@@ -63,15 +64,15 @@
 
     <float-notice v-if="showFloatNotice" />
 </template>
-  
+
 <script lang="ts">
 import { defineComponent } from "vue";
 
 export default defineComponent({
     name: 'SiteFooter',
     computed: {
         showFloatNotice() {
-            return this.$route.name !== 'article' && this.$route.name !== 'download-orchid-beta';
+            return this.$route.name !== 'article' && this.$route.name !== 'download-orchid-stable';
         }
     }
 });