Download page parchified #17

Merged
tahadostifam merged 1 commit from parchify_download_page into main 2024-04-07 16:12:11 -04:00
3 changed files with 50 additions and 39 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

View file

@ -205,7 +205,7 @@ export default function createRouterInstance(clientType: string) {
component: () =>// @ts-ignore
import(/* webpackChunkName: "Download" */ "@/views/Download.vue"),
meta: {
title: "Get Vanilla OS",
title: "Get Parch Linux",
description: "Get the latest version.",
},
},

View file

@ -2,63 +2,70 @@
<div class="flexGrid anim--fadeIn">
<div class="card flexGrid-item flexGrid-item--3">
<div class="card-header">
<h2>Vanilla OS 2 Orchid Beta</h2>
<h2>Parch Linux KDE Plasma</h2>
</div>
<div class="card-content">
<div class="splitter">
<div class="splitter-item flexList">
<div class="text text--rich">
<p>Be ready for the next version of Vanilla OS. You will find greater stability, a secure
system, a simplified method for installing applications, and new solutions for developers.
<p>
Be ready for the next version of Parch Linux. You will find
greater stability, a secure system, a simplified method for
installing applications, and new solutions for developers.
</p>
</div>
<router-link class="btn btn--link btn--link-2 btn--inline" :to="{ name: 'roadmap' }">
<span>Roadmap</span>
<span class="mdi material-icons-outlined">open_in_new</span>
</router-link>
<router-link
:to="{ name: 'article', params: { date: '2024-01-30', slug: 'vanilla-os-2-orchid-beta-is-here' } }"
class="btn btn--link btn--link-2 btn--inline">
<router-link :to="{
name: 'article',
params: {
date: '2024-01-30',
slug: 'vanilla-os-2-orchid-beta-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>
<!-- <a href="#" class="btn btn--link btn--link-2 btn--inline btn--block" disabled="true">
<a href="#" class="btn btn--link btn--link-2 btn--inline btn--block" disabled="true">
<span>Full Changelog</span>
<span class="mdi material-icons-outlined">open_in_new</span>
</a> -->
</a>
<div class="spacer"></div>
<!-- <a href="#" class="btn btn--primary">
<a href="#" class="btn btn--primary">
<span class="mdi material-icons-outlined">save_alt</span>
<span>Download Now</span>
</a> -->
<router-link to="/download/orchid/beta" class="btn btn--primary">
<span class="mdi material-icons-outlined">save_alt</span>
<span>Download the Beta</span>
</router-link>
</a>
</div>
<div class="splitter-item card-image">
<img src="/assets/images/backgrounds/vos-orchid-laptop-frame.svg" alt="Vanilla OS 2 Orchid"
class="no-dark">
<img src="/assets/images/backgrounds/vos-orchid-laptop-frame-dark.svg" alt="Vanilla OS 2 Orchid"
class="on-dark">
<img src="/assets/images/backgrounds/parchlinux-plasma.png" alt="Parch Linux Plasma" class="no-dark" />
<img src="/assets/images/backgrounds/parchlinux-plasma.png" alt="Parch Linux Plasma" class="on-dark" />
</div>
</div>
</div>
</div>
<div class="card download flexGrid-item article--big flexGrid-item--2">
<div class="card-header">
<h2>Vanilla OS 22.10 Kinetic</h2>
<h2>Parch Linux XFCE</h2>
</div>
<div class="card-content">
<div class="splitter">
<div class="flexList">
<div class="text text--rich">
<p>Vanilla OS 22.10 Kinetic is the current stable version of Vanilla OS. It is recommended for
all
users. It provides a stable and secure system for your daily use.</p>
<p>
Vanilla OS 22.10 Kinetic is the current stable version of
Vanilla OS. It is recommended for all users. It provides a
stable and secure system for your daily use.
</p>
</div>
<router-link class="btn btn--link btn--link-2 btn--inline"
:to="{ name: 'article', params: { date: '2022-12-29', slug: 'vanilla-os-2210-kinetic-is-out' } }">
<router-link class="btn btn--link btn--link-2 btn--inline" :to="{
name: 'article',
params: {
date: '2022-12-29',
slug: 'vanilla-os-2210-kinetic-is-out',
},
}">
<span>Release Post</span>
<span class="mdi material-icons-outlined">open_in_new</span>
</router-link>
@ -68,31 +75,35 @@
<span class="mdi material-icons-outlined">open_in_new</span>
</a>
<div class="spacer"></div>
<a href="https://github.com/Vanilla-OS/os/releases/latest" target="_blank" class="btn btn--primary">
<a href="https://github.com/Vanilla-OS/os/releases/latest" target="_blank"
class="btn btn--primary">
<span class="mdi material-icons">save_alt</span>
<span>Download Now</span>
</a>
</div>
<div class="card-image card-image--right">
<img src="/assets/images/backgrounds/vos-kinetic-laptop-frame.svg" alt="Vanilla OS 22.10 Kinetic"
class="no-dark">
<img src="/assets/images/backgrounds/vos-kinetic-laptop-frame-dark.svg"
alt="Vanilla OS 22.10 Kinetic" class="on-dark">
<img src="/assets/images/backgrounds/parchlinux-plasma.png"
alt="Vanilla OS 22.10 Kinetic" class="no-dark" />
<img src="/assets/images/backgrounds/parchlinux-plasma.png"
alt="Vanilla OS 22.10 Kinetic" class="on-dark" />
</div>
</div>
</div>
</div>
<div class="card card--blue">
<div class="card-header">
<h4>Vanilla OS</h4>
<h4>Parch Linux</h4>
<h2>Developer Builds</h2>
</div>
<div class="card-content">
<div class="flexList">
<div class="text text--rich">
<p>Interested in the future versions of Vanilla OS?</p>
<p>Join the developer program to get access to experimental builds of Vanilla OS. You will also have
access to a direct channel with the developers.</p>
<p>Interested in the future versions of Parch Linux?</p>
<p>
Join the developer program to get access to experimental builds of
Parch Linux. You will also have access to a direct channel with the
developers.
</p>
</div>
<router-link to="developers-program" class="btn btn--primary">
<span class="mdi material-icons">how_to_reg</span>
@ -105,10 +116,10 @@
</template>
<script lang="ts">
import { defineComponent, onMounted, onUnmounted, ref } from 'vue';
import { defineComponent } from "vue";
export default defineComponent({
name: 'download',
name: "download",
data() {
return {
isNotMailNotChimpOpen: false,