Download page parchified #17
3 changed files with 50 additions and 39 deletions
BIN
public/assets/images/backgrounds/parchlinux-plasma.png
Normal file
BIN
public/assets/images/backgrounds/parchlinux-plasma.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 MiB |
|
|
@ -205,7 +205,7 @@ export default function createRouterInstance(clientType: string) {
|
||||||
component: () =>// @ts-ignore
|
component: () =>// @ts-ignore
|
||||||
import(/* webpackChunkName: "Download" */ "@/views/Download.vue"),
|
import(/* webpackChunkName: "Download" */ "@/views/Download.vue"),
|
||||||
meta: {
|
meta: {
|
||||||
title: "Get Vanilla OS",
|
title: "Get Parch Linux",
|
||||||
description: "Get the latest version.",
|
description: "Get the latest version.",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -2,63 +2,70 @@
|
||||||
<div class="flexGrid anim--fadeIn">
|
<div class="flexGrid anim--fadeIn">
|
||||||
<div class="card flexGrid-item flexGrid-item--3">
|
<div class="card flexGrid-item flexGrid-item--3">
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<h2>Vanilla OS 2 Orchid Beta</h2>
|
<h2>Parch Linux KDE Plasma</h2>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-content">
|
<div class="card-content">
|
||||||
<div class="splitter">
|
<div class="splitter">
|
||||||
<div class="splitter-item flexList">
|
<div class="splitter-item flexList">
|
||||||
<div class="text text--rich">
|
<div class="text text--rich">
|
||||||
<p>Be ready for the next version of Vanilla OS. You will find greater stability, a secure
|
<p>
|
||||||
system, a simplified method for installing applications, and new solutions for developers.
|
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>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<router-link class="btn btn--link btn--link-2 btn--inline" :to="{ name: 'roadmap' }">
|
<router-link class="btn btn--link btn--link-2 btn--inline" :to="{ name: 'roadmap' }">
|
||||||
<span>Roadmap</span>
|
<span>Roadmap</span>
|
||||||
<span class="mdi material-icons-outlined">open_in_new</span>
|
<span class="mdi material-icons-outlined">open_in_new</span>
|
||||||
</router-link>
|
</router-link>
|
||||||
<router-link
|
<router-link :to="{
|
||||||
:to="{ name: 'article', params: { date: '2024-01-30', slug: 'vanilla-os-2-orchid-beta-is-here' } }"
|
name: 'article',
|
||||||
class="btn btn--link btn--link-2 btn--inline">
|
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>Release Post</span>
|
||||||
<span class=" mdi material-icons-outlined">open_in_new</span>
|
<span class="mdi material-icons-outlined">open_in_new</span>
|
||||||
</router-link>
|
</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>Full Changelog</span>
|
||||||
<span class="mdi material-icons-outlined">open_in_new</span>
|
<span class="mdi material-icons-outlined">open_in_new</span>
|
||||||
</a> -->
|
</a>
|
||||||
<div class="spacer"></div>
|
<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 class="mdi material-icons-outlined">save_alt</span>
|
||||||
<span>Download Now</span>
|
<span>Download Now</span>
|
||||||
</a> -->
|
</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>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="splitter-item card-image">
|
<div class="splitter-item card-image">
|
||||||
<img src="/assets/images/backgrounds/vos-orchid-laptop-frame.svg" alt="Vanilla OS 2 Orchid"
|
<img src="/assets/images/backgrounds/parchlinux-plasma.png" alt="Parch Linux Plasma" class="no-dark" />
|
||||||
class="no-dark">
|
<img src="/assets/images/backgrounds/parchlinux-plasma.png" alt="Parch Linux Plasma" class="on-dark" />
|
||||||
<img src="/assets/images/backgrounds/vos-orchid-laptop-frame-dark.svg" alt="Vanilla OS 2 Orchid"
|
|
||||||
class="on-dark">
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="card download flexGrid-item article--big flexGrid-item--2">
|
<div class="card download flexGrid-item article--big flexGrid-item--2">
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<h2>Vanilla OS 22.10 Kinetic</h2>
|
<h2>Parch Linux XFCE</h2>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-content">
|
<div class="card-content">
|
||||||
<div class="splitter">
|
<div class="splitter">
|
||||||
<div class="flexList">
|
<div class="flexList">
|
||||||
<div class="text text--rich">
|
<div class="text text--rich">
|
||||||
<p>Vanilla OS 22.10 Kinetic is the current stable version of Vanilla OS. It is recommended for
|
<p>
|
||||||
all
|
Vanilla OS 22.10 Kinetic is the current stable version of
|
||||||
users. It provides a stable and secure system for your daily use.</p>
|
Vanilla OS. It is recommended for all users. It provides a
|
||||||
|
stable and secure system for your daily use.
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<router-link class="btn btn--link btn--link-2 btn--inline"
|
<router-link class="btn btn--link btn--link-2 btn--inline" :to="{
|
||||||
:to="{ name: 'article', params: { date: '2022-12-29', slug: 'vanilla-os-2210-kinetic-is-out' } }">
|
name: 'article',
|
||||||
|
params: {
|
||||||
|
date: '2022-12-29',
|
||||||
|
slug: 'vanilla-os-2210-kinetic-is-out',
|
||||||
|
},
|
||||||
|
}">
|
||||||
<span>Release Post</span>
|
<span>Release Post</span>
|
||||||
<span class="mdi material-icons-outlined">open_in_new</span>
|
<span class="mdi material-icons-outlined">open_in_new</span>
|
||||||
</router-link>
|
</router-link>
|
||||||
|
|
@ -68,31 +75,35 @@
|
||||||
<span class="mdi material-icons-outlined">open_in_new</span>
|
<span class="mdi material-icons-outlined">open_in_new</span>
|
||||||
</a>
|
</a>
|
||||||
<div class="spacer"></div>
|
<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 class="mdi material-icons">save_alt</span>
|
||||||
<span>Download Now</span>
|
<span>Download Now</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-image card-image--right">
|
<div class="card-image card-image--right">
|
||||||
<img src="/assets/images/backgrounds/vos-kinetic-laptop-frame.svg" alt="Vanilla OS 22.10 Kinetic"
|
<img src="/assets/images/backgrounds/parchlinux-plasma.png"
|
||||||
class="no-dark">
|
alt="Vanilla OS 22.10 Kinetic" class="no-dark" />
|
||||||
<img src="/assets/images/backgrounds/vos-kinetic-laptop-frame-dark.svg"
|
<img src="/assets/images/backgrounds/parchlinux-plasma.png"
|
||||||
alt="Vanilla OS 22.10 Kinetic" class="on-dark">
|
alt="Vanilla OS 22.10 Kinetic" class="on-dark" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="card card--blue">
|
<div class="card card--blue">
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<h4>Vanilla OS</h4>
|
<h4>Parch Linux</h4>
|
||||||
<h2>Developer Builds</h2>
|
<h2>Developer Builds</h2>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-content">
|
<div class="card-content">
|
||||||
<div class="flexList">
|
<div class="flexList">
|
||||||
<div class="text text--rich">
|
<div class="text text--rich">
|
||||||
<p>Interested in the future versions of Vanilla OS?</p>
|
<p>Interested in the future versions of Parch Linux?</p>
|
||||||
<p>Join the developer program to get access to experimental builds of Vanilla OS. You will also have
|
<p>
|
||||||
access to a direct channel with the developers.</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>
|
</div>
|
||||||
<router-link to="developers-program" class="btn btn--primary">
|
<router-link to="developers-program" class="btn btn--primary">
|
||||||
<span class="mdi material-icons">how_to_reg</span>
|
<span class="mdi material-icons">how_to_reg</span>
|
||||||
|
|
@ -103,12 +114,12 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { defineComponent, onMounted, onUnmounted, ref } from 'vue';
|
import { defineComponent } from "vue";
|
||||||
|
|
||||||
export default defineComponent({
|
export default defineComponent({
|
||||||
name: 'download',
|
name: "download",
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
isNotMailNotChimpOpen: false,
|
isNotMailNotChimpOpen: false,
|
||||||
|
|
@ -120,4 +131,4 @@ export default defineComponent({
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue