feat: unnecessary links and pages removed and Contribution.vue initialized.

This commit is contained in:
Taha Dostifam 2024-04-07 18:43:51 +03:30
parent dcd285ae16
commit 0bfaa15d6b
15 changed files with 72 additions and 834 deletions

6
package-lock.json generated
View file

@ -14,6 +14,7 @@
"express": "^4.19.2",
"js-yaml": "^4.1.0",
"marked": "^5.1.1",
"md-block": "^0.0.1",
"sirv": "^2.0.4",
"slugify": "^1.6.6",
"vue": "^3.4.21",
@ -2055,6 +2056,11 @@
"node": ">= 16"
}
},
"node_modules/md-block": {
"version": "0.0.1",
"resolved": "https://registry.npmjs.org/md-block/-/md-block-0.0.1.tgz",
"integrity": "sha512-uXAp27jR+ztgoWyQfaktpWYNbknlpzmeYfIkeYGwGjkZDXTcWmom9eVgUsjEn4/I9evLdfydWB0PIzHq9VjUwg=="
},
"node_modules/media-typer": {
"version": "0.3.0",
"resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",

View file

@ -18,6 +18,7 @@
"express": "^4.19.2",
"js-yaml": "^4.1.0",
"marked": "^5.1.1",
"md-block": "^0.0.1",
"sirv": "^2.0.4",
"slugify": "^1.6.6",
"vue": "^3.4.21",

View file

@ -10,47 +10,37 @@
</div>
<nav class="siteFooter-navigation">
<ul>
<li><router-link :to="{ name: 'blog' }">Blog</router-link></li>
<li><router-link :to="{ name: 'help' }">Help</router-link></li>
<li><router-link :to="{ name: 'get-involved' }">Get Involved</router-link></li>
<li><router-link :to="{ name: 'download' }">Download</router-link></li>
<TopbarNavigationLinks/>
</ul>
</nav>
</article>
<nav class="siteFooter-sitemap" aria-label="sitemap">
<ul>
<li><b>Legal and More</b></li>
<li><a href="//fabricators.ltd/">fabricators Ltd.</a></li>
<li><router-link :to="{ name: 'privacy-policy' }">Privacy Policy</router-link></li>
<li><router-link :to="{ name: 'os-privacy-policy' }">OS Privacy Policy</router-link></li>
<li><router-link :to="{ name: 'cookies-policy' }">Use of Cookies</router-link></li>
<li><router-link :to="{ name: 'brand' }">Our Brand</router-link></li>
<li><router-link :to="{ name: 'get-involved-funding' }">Funding</router-link></li>
<li><router-link :to="{ name: 'licenses' }">Licenses</router-link></li>
<li><a href="//fabricators.ltd/en/contact.html">File a Complaint</a></li>
<li><a href="//status.vanillaos.org/">System Status</a></li>
</ul>
<ul>
<li><b>Community</b></li>
<li><router-link :to="{ name: 'team' }">Our Team</router-link></li>
<li><router-link :to="{ name: 'community' }">Community</router-link></li>
<li><router-link :to="{ name: 'get-involved' }">Get Involved</router-link></li>
<li><router-link :to="{ name: 'code-of-conduct' }">Code of Conduct</router-link></li>
<li><router-link to="/team">Our Team</router-link></li>
<li><router-link to="/community">Community</router-link></li>
<li><router-link to="/code-of-conduct">Code of Conduct</router-link></li>
<li class="spacer"></li>
<li><b>Support</b></li>
<li><a href="//documentation.vanillaos.org/">Documentation</a></li>
<li><a href="//handbook.vanillaos.org/">Handbook</a></li>
<li><router-link :to="{ name: 'enterprise-support' }">Enterprise Support</router-link></li>
<li><router-link :to="{ name: 'community' }">Community Support</router-link></li>
</ul>
<ul>
<li><b>Developers</b></li>
<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><a href="https://github.com/parchlinux" target="_blank">Source Code</a></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>
<li class="spacer"></li>
<li><b>Get Parch OS</b></li>
@ -67,6 +57,7 @@
<script lang="ts">
import { defineComponent } from "vue";
import TopbarNavigationLinks from "./TopbarNavigationLinks.vue";
export default defineComponent({
name: 'SiteFooter',

View file

@ -48,10 +48,7 @@
<nav>
<ul class="topBar-navigation" :class="{ active: isMenuToggled }">
<li><router-link :to="{ name: 'blog' }">Blog</router-link></li>
<li><router-link :to="{ name: 'help' }">Help</router-link></li>
<li><router-link :to="{ name: 'get-involved' }">Get Involved</router-link></li>
<li><router-link :to="{ name: 'download' }">Download</router-link></li>
<TopbarNavigationLinks/>
</ul>
</nav>
<button class="topBar-hamburger topBar-hamburger--collapse topBar-hamburger--squeeze"
@ -69,9 +66,11 @@ import { defineComponent } from "vue";
import { useRoute } from "vue-router";
import { searchArticle } from '@/articlesLoader';
import type { Article } from '@/articlesLoader';
import TopbarNavigationLinks from "./TopbarNavigationLinks.vue";
export default defineComponent({
name: "Topbar",
components: {TopbarNavigationLinks},
data() {
return {
isSearchActive: false,

View file

@ -0,0 +1,5 @@
<template>
<li><router-link to="/blog">Blog</router-link></li>
<li><router-link to="/contribution">Contribution</router-link></li>
<li><router-link to="/download">Download</router-link></li>
</template>

View file

@ -118,16 +118,6 @@ export default function createRouterInstance(clientType: string) {
description: "Vanilla OS is built on top of many technologies. Check out the licenses.",
},
},
{
path: "/help",
name: "help",
component: () =>// @ts-ignore
import(/* webpackChunkName: "Help" */ "@/views/Help.vue"),
meta: {
title: "Help",
description: "Have a problem or need information about Vanilla OS?",
},
},
{
path: "/team",
name: "team",
@ -150,23 +140,13 @@ export default function createRouterInstance(clientType: string) {
},
},
{
path: "/brand",
name: "brand",
path: "/contribution",
name: "contribution",
component: () =>// @ts-ignore
import(/* webpackChunkName: "Brand" */ "@/views/Brand.vue"),
import(/* webpackChunkName: "Contributors" */ "@/views/Contribution.vue"),
meta: {
title: "Brand",
description: "Official Vanilla OS brand assets and values.",
},
},
{
path: "/developers-program",
name: "developers-program",
component: () =>// @ts-ignore
import(/* webpackChunkName: "DevelopersProgram" */ "@/views/DevelopersProgram.vue"),
meta: {
title: "Developers Program",
description: "Join our Developers Program and get access to exclusive content.",
title: "Contribution",
description: "How to contribute in ParchLinux.",
},
},
{
@ -179,16 +159,6 @@ export default function createRouterInstance(clientType: string) {
description: "Everyone must follow our Code of Conduct to be part of Vanilla OS.",
},
},
{
path: "/enterprise-support",
name: "enterprise-support",
component: () =>// @ts-ignore
import(/* webpackChunkName: "EnterpriseSupport" */ "@/views/EnterpriseSupport.vue"),
meta: {
title: "Enterprise Support",
description: "Get enterprise support for Vanilla OS.",
},
},
{
path: "/roadmap",
name: "roadmap",
@ -199,16 +169,6 @@ export default function createRouterInstance(clientType: string) {
description: "Follow our roadmap to see what's coming next.",
},
},
{
path: "/components-lifecycle",
name: "components-lifecycle",
component: () =>// @ts-ignore
import(/* webpackChunkName: "Roadmap" */ "@/views/ComponentsLifeCycle.vue"),
meta: {
title: "Components Lifecycle",
description: "Learn how our components are developed and maintained.",
},
},
{
path: "/technologies-and-credits",
name: "technologies-and-credits",
@ -230,57 +190,13 @@ export default function createRouterInstance(clientType: string) {
},
},
{
path: "/help/faq",
name: "help-faq",
path: "/developers-program",
name: "developers-program",
component: () =>// @ts-ignore
import(/* webpackChunkName: "Faq" */ "@/views/help/Faq.vue"),
import(/* webpackChunkName: "DevelopersProgram" */ "@/views/DevelopersProgram.vue"),
meta: {
title: "Frequently Asked Questions",
description: "The most common questions about Vanilla OS.",
parent: "help",
},
},
{
path: "/get-involved",
name: "get-involved",
component: () =>// @ts-ignore
import(/* webpackChunkName: "GetInvolved" */ "@/views/GetInvolved.vue"),
meta: {
title: "Get Involved",
description: "Everything we do is Open Source. You can contribute in many way.",
},
},
{
path: "/get-involved/translate",
name: "get-involved-translate",
component: () =>// @ts-ignore
import(/* webpackChunkName: "Translate" */ "@/views/get-involved/Translate.vue"),
meta: {
title: "Translate",
description: "Translate Vanilla OS into your language.",
parent: "get-involved",
},
},
{
path: "/get-involved/funding",
name: "get-involved-funding",
component: () =>// @ts-ignore
import(/* webpackChunkName: "Funding" */ "@/views/get-involved/Funding.vue"),
meta: {
title: "Funding",
description: "We need your help to keep Vanilla OS alive.",
parent: "get-involved",
},
},
{
path: "/get-involved/spread",
name: "get-involved-spread",
component: () =>// @ts-ignore
import(/* webpackChunkName: "Spread" */ "@/views/get-involved/Spread.vue"),
meta: {
title: "Spread the Word",
description: "Help us spread the word about Vanilla OS.",
parent: "get-involved",
title: "Developers Program",
description: "Join our Developers Program and get access to exclusive content.",
},
},
{

View file

@ -1,277 +0,0 @@
<template>
<div class="flexList anim--fadeIn">
<div class="text text--rich">
<h3>Our Values</h3>
<p>Vanilla OS is an operating system that puts user experience and comfort first, and revolves around core
values: simplicity, cleanliness, freedom, and obstruction-free.</p>
</div>
<div class="flexGrid flexGrid--4">
<card v-for="(item, index) in values" :key="index" :item="item" />
</div>
<div class="spacer"></div>
<div class="text text--rich">
<p>Our vision stems from the belief that user experience should be accessible to all without complications. We
have translated this principle into a brand that fully embodies this philosophy. The name "Vanilla OS"
evokes the purity and simplicity we aim to offer our users, while the vanilla flower, featured in our
logo, represents the sweetness and elegance of our operating system.</p>
</div>
<div class="text text--rich">
<h3>Brand Assets</h3>
</div>
<div class="flexGrid flexGrid--2">
<card v-for="(item, index) in brandAssets" :key="index" :item="item" />
</div>
<div class="spacer"></div>
<div class="text text--rich">
<h3>Primary Colors</h3>
</div>
<div class="flexGrid flexGrid--2">
<card v-for="(item, index) in primaryColors" :key="index" :item="item" />
</div>
<div class="spacer"></div>
<div class="text text--rich">
<h3>Secondary Colors</h3>
</div>
<div class="flexGrid flexGrid--2">
<card v-for="(item, index) in secondaryColors" :key="index" :item="item" />
</div>
<div class="spacer"></div>
<div class="text text--rich">
<h3>Fonts</h3>
</div>
<div class="flexGrid flexGrid--2">
<card v-for="(item, index) in fonts" :key="index" :item="item" />
</div>
</div>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
name: 'brand',
data() {
return {
values: [
{
icon: 'favorite',
title: 'Simplicity',
description: 'Vanilla OS is simple and easy to use. It is designed to be intuitive and accessible.',
},
{
icon: 'local_florist',
title: 'Cleanliness',
description: 'Vanilla OS offers a clean and distraction-free user experience.',
},
{
icon: 'lock_open',
title: 'Freedom',
description: 'Vanilla OS loves freedom. Freedom of choice, to customize, to contribute.',
},
{
icon: 'close',
title: 'Obstruction-free',
description: 'Vanilla OS removes the clutter and obstruction from your workflow.',
},
],
brandAssets: [
{
title: 'Standard',
image: '/assets/images/brand/vanillaos-logo.svg',
imageClasses: [
'img--no-bg',
],
extraClasses: [
'card--light',
],
footerActions: [
{
title: 'PNG',
icon: 'download',
iconPack: 'mdi',
onClick: () => {
window.open('/assets/images/brand/vanillaos-logo.png', '_blank');
},
},
{
title: 'SVG',
icon: 'download',
iconPack: 'mdi',
onClick: () => {
window.open('/assets/images/brand/vanillaos-logo.svg', '_blank');
},
},
],
},
{
title: 'Dark Variant',
image: '/assets/images/brand/vanillaos-logo-dark.svg',
imageClasses: [
'img--no-bg',
],
extraClasses: [
'card--dark',
],
footerActions: [
{
title: 'PNG',
icon: 'download',
iconPack: 'mdi',
onClick: () => {
window.open('/assets/images/brand/vanillaos-logo-dark.png', '_blank');
},
},
{
title: 'SVG',
icon: 'download',
iconPack: 'mdi',
onClick: () => {
window.open('/assets/images/brand/vanillaos-logo-dark.svg', '_blank');
},
},
],
},
],
primaryColors: [
{
title: 'Yellow Orange',
image: '/assets/images/brand/vanillaos-color-yellow-orange.svg',
imageClasses: [
'img--no-bg',
],
footerActions: [
{
title: 'HEX #FFBF48',
icon: 'content_copy',
iconPack: 'mdi',
onClick: () => {
navigator.clipboard.writeText('#FFBF48');
},
},
{
title: 'CMYK C:0 M:25 Y:72 K:0',
icon: 'content_copy',
iconPack: 'mdi',
onClick: () => {
navigator.clipboard.writeText('C:0 M:25 Y:72 K:0');
},
},
],
},
{
title: 'Mine Shaft',
image: '/assets/images/brand/vanillaos-color-mine-shaft.svg',
imageClasses: [
'img--no-bg',
],
footerActions: [
{
title: 'HEX #333333',
icon: 'content_copy',
iconPack: 'mdi',
onClick: () => {
navigator.clipboard.writeText('#333333');
},
},
{
title: 'CMYK C:0 M:0 Y:0 K:80',
icon: 'content_copy',
iconPack: 'mdi',
onClick: () => {
navigator.clipboard.writeText('C:0 M:0 Y:0 K:80');
},
},
],
},
],
secondaryColors: [
{
title: 'Cararra',
image: '/assets/images/brand/vanillaos-color-cararra.svg',
imageClasses: [
'img--no-bg',
],
footerActions: [
{
title: 'HEX #F2F1ED',
icon: 'content_copy',
iconPack: 'mdi',
onClick: () => {
navigator.clipboard.writeText('#F2F1ED');
},
},
{
title: 'CMYK C:0 M:0 Y:2 K:5',
icon: 'content_copy',
iconPack: 'mdi',
onClick: () => {
navigator.clipboard.writeText('C:0 M:0 Y:2 K:5');
},
},
],
},
{
title: 'Westar',
image: '/assets/images/brand/vanillaos-color-westar.svg',
imageClasses: [
'img--no-bg',
],
footerActions: [
{
title: 'HEX #E4E3DF',
icon: 'content_copy',
iconPack: 'mdi',
onClick: () => {
navigator.clipboard.writeText('#E4E3DF');
},
},
{
title: 'CMYK C:0 M:0 Y:2 K:11',
icon: 'content_copy',
iconPack: 'mdi',
onClick: () => {
navigator.clipboard.writeText('C:0 M:0 Y:2 K:11');
},
},
],
},
],
fonts: [
{
html: '<span class="font font--outfit">Outfit</span>',
imageClasses: [
'img--no-bg',
],
footerActions: [
{
title: 'Download',
icon: 'download',
iconPack: 'mdi',
onClick: () => {
window.open('https://fonts.google.com/specimen/Outfit', '_blank');
},
},
],
},
{
html: '<span class="font font--pacifico">Pacifico</span>',
imageClasses: [
'img--no-bg',
],
footerActions: [
{
title: 'Download',
icon: 'download',
iconPack: 'mdi',
onClick: () => {
window.open('https://fonts.google.com/specimen/Pacifico', '_blank');
},
},
],
},
],
};
},
});
</script>

View file

@ -1,41 +0,0 @@
<template>
<div class="flexList anim--fadeIn">
<div class="text text--rich">
<p>The purpose of this document is to define/explain how the lifecycle of Vanilla OS&#39; team (<em>GitHub
organization</em>) developments is handled.</p>
<h3 id="preamble">Preamble</h3>
<p>Versioning is based on <a href="https://semver.org/" taget="_blank">Semantic Versioning</a>, see <a
href="https://github.com/Vanilla-OS/.github/blob/main/CONTRIBUTING.md" target="_blank">
Contributing Guidelines</a>.
The considered version is always the major if not specified otherwise.</p>
<h3 id="definitions">Definitions</h3>
<h4 id="active">Active</h4>
<p>A component version that is currently maintained and updated.</p>
<h4 id="maintenance">Maintenance</h4>
<p>When a component version is declared in Maintenance state means that there is going to be maintenance for
important bug fixing (afflicting the component usability) and security fixes. No other changes are allowed.
</p>
<h4 id="eol-end-of-life">EOL - End Of Life</h4>
<p>When a component version is declared End Of Life means that there is going to be no maintenance nor security
patching.</p>
<h4 id="lts-vs-sts">LTS vs STS</h4>
<p>We do not have a plan for Long-Term-Support and Short-Term-Support releases. All components follow the cycle
defined below.</p>
<h3 id="lifecycle">Lifecycle</h3>
<p>There can be only one version in <em>Active</em> state and is always the latest stable major release.<br>
When a major version is released, the previous major release enters the <em>Maintenance</em> state and keeps
it for 6 months. After that period it enters the <em>EOL</em> state.</p>
<h4 id="patches-quick-fixes">Patches / Quick Fixes</h4>
<p>Quick fixes are always applied to the current minor version. A quick fix can be applied to previous releases
if the problem is blocking or a security patch following the above Definitions.</p>
</div>
</div>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
name: 'components-lifecycle',
});
</script>

View file

@ -0,0 +1,36 @@
<template>
<div class="text--rich">
<h1>Contribute to Parch Linux!</h1>
<p>We at Parch Linux are passionate about creating a user-friendly and powerful Arch Linux experience for the
Farsi-speaking community. Your contributions are invaluable in helping us achieve this goal.</p>
<h2>Our Principles</h2>
<ul>
<li>Community: We believe in fostering a welcoming and supportive community for all users.</li>
<li>Open Source: We are committed to the principles of open-source software, ensuring transparency and
collaboration.</li>
<li>Excellence: We strive for excellence in everything we do, delivering a high-quality Linux distribution.
</li>
</ul>
<h2>Contribute Your Skills</h2>
<ul>
<li>Donate: Every contribution, big or small, helps us maintain and improve Parch Linux. You can donate
through <a href="https://daramet.com/parchlinux">daramet.com</a>.</li>
<li>Translate: Help us reach a wider audience by translating documentation, applications, and the Parch
website into Farsi. Your expertise in translation will be highly appreciated.</li>
<li>Develop: If you're a developer, you can contribute to the Parch Linux codebase on GitHub <a
href="https://github.com/parchlinux">here</a>. We welcome improvements, bug fixes, and new features that benefit
the distribution.</li>
<li>Reporting Bugs: Discover a bug in Parch Linux? Let us know! By reporting bugs, you help us identify and
fix issues to provide a smoother user experience. You can report bugs on the forums or through GitHub issues.
</li>
<li>Spread the Word: Share your experience with Parch Linux and help us grow the community. Talk about it
with your friends, colleagues, and online communities.</li>
</ul>
<p>No matter how you choose to contribute, your efforts make a real difference. We appreciate your support!</p>
<p>We look forward to working with you!</p>
</div>
</template>

View file

@ -1,121 +0,0 @@
<template>
<div class="flexList anim--fadeIn">
<div class="text text--rich">
<p>Starting from Vanilla OS Orchid, we are offering enterprise support for companies and organizations
that want to use Vanilla OS in their business.</p>
<h3>What's included</h3>
</div>
<div class="flexGrid flexGrid--3">
<card v-for="(item, index) in helpItems" :key="index" :item="item" />
</div>
<div class="spacer"></div>
<div class="text text--rich">
<h3>Join the program</h3>
<p>The enterprise support program will be available starting from Vanilla OS Orchid. If you are interested
in joining the program, please subscribe to our funnyletter to be notified when the program is
available.</p>
<div class="card card--hz card--type-adv card--type-adv--hz card--type-funnyletter">
<div class="card-header">
<h4>Don't miss the news</h4>
<h2>Subscribe to the Newsletter</h2>
<div class="btn btn--primary" @click="isNotMailNotChimpOpen = true">
<span class="mdi material-icons">email</span>
<span>Subscribe Now</span>
</div>
</div>
<div class="card-content">
<div class="flexList">
<div class="card-image">
<img src="/assets/images/components/funnyletter.svg" alt="Subscribe to the Newsletter" />
</div>
</div>
</div>
</div>
<notmail-not-chimp :is-open="isNotMailNotChimpOpen" @close="closeNotMailNotChimp" tagsId="12813009" />
</div>
</div>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
name: 'enterprise-support',
data() {
return {
isNotMailNotChimpOpen: false,
helpItems: [
{
icon: 'settings',
title: 'Setup and Configuration',
description: 'We will help you setup and configure Vanilla OS for your business.',
},
{
icon: 'support_agent',
title: 'High Priority Support',
description: 'Get high priority support for your business.',
},
{
icon: 'class',
title: 'Training',
description: 'Get training and documentation for your employees to learn how to use Vanilla OS.',
},
{
icon: 'record_voice_over',
title: 'Support',
description: 'Get support for your employees and your IT department.',
},
{
icon: 'lightbulb',
title: 'Custom Features',
description: 'Get custom features to better fit your business needs.',
},
{
icon: 'update',
title: 'IT Managed Updates',
description: 'We will enable your IT department to manage updates for your Vanilla OS devices.',
},
{
icon: 'code',
title: 'Custom Apx Images',
description: 'Get custom Apx images which are tailored to your business needs.',
},
{
icon: 'shield',
title: 'Custom Security Policies',
description: 'We will help you setup custom security policies for your Vanilla OS devices.',
},
{
icon: 'trending_up',
title: 'Optional Analytics',
description: 'Get optional analytics for your devices usage.',
},
{
icon: 'developer_board',
title: 'Development assistance',
description: 'We will help you develop custom products (e.g. embedded devices) using Vanilla OS.',
},
{
icon: 'palette',
title: 'Customization',
description: 'Get custom branding and customization for your Vanilla OS devices.',
},
{
to: 'https://fabricators.ltd/en/contact.html',
extLink: true,
type: "clickable",
icon: 'contact_support',
title: 'Need more?',
description: 'Contact fabricators.ltd to get a custom offer for your business.',
extraClasses: ['card--green'],
},
],
};
},
methods: {
closeNotMailNotChimp() {
this.isNotMailNotChimpOpen = false;
},
},
});
</script>

View file

@ -1,97 +0,0 @@
<template>
<div class="flexGrid anim--fadeIn">
<card v-for="(item, index) in getInvolvedItems" :key="index" :item="item" />
</div>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
name: 'get-involved',
data() {
return {
getInvolvedItems: [
{
to: { name: 'get-involved-funding' },
type: 'clickable',
icon: 'savings',
title: 'Funding',
description: 'Like other projects, Vanilla OS has some costs to cover. You can help us with a donation or by becoming a sponsor.',
},
{
to: { name: 'get-involved-translate' },
type: 'clickable',
icon: 'translate',
title: 'Translate',
description: 'Translate Vanilla OS into your language or improve existing translations to make it more accessible to everyone.',
},
{
to: 'https://github.com/vanilla-os',
extLink: true,
type: 'clickable',
icon: 'code',
title: 'Develop',
description: 'Contribute to the development of Vanilla OS by suggesting new features, reporting bugs or contributing code.',
},
{
to: "https://github.com/Vanilla-OS/handbook",
extLink: true,
type: 'clickable',
icon: 'class',
title: 'Handbook',
description: 'Contribute guides and tutorials to help others get the most out of their Vanilla OS installation.',
},
{
to: "https://github.com/Vanilla-OS/documentation",
extLink: true,
type: 'clickable',
icon: 'library_books',
title: 'Documentation',
description: 'Good documentation is essential for users and developers to understand how to use Vanilla OS. Help us improve it.',
},
{
to: { name: 'developers-program' },
type: 'adv',
icon: 'how_to_reg',
title: 'Join the',
title2: 'Developers Program',
description: 'Get access to latest experimental builds.',
btn: 'Apply Now',
extraClasses: ['card--type-dev']
},
{
to: { name: 'community' },
type: 'clickable',
icon: 'support',
title: 'Support',
description: 'Help other users to get the most out of Vanilla OS. Answer questions on our Discord server, help with bug reports and more.',
},
{
to: 'https://github.com/vanilla-os',
extLink: true,
type: 'clickable',
icon: 'bug_report',
title: 'Report a Bug',
description: 'Your question may already be answered. Check the Frequently Asked Questions.',
},
{
to: { name: 'get-involved-spread' },
type: 'clickable',
icon: 'campaign',
title: 'Spread the Word',
description: 'Spread the word about Vanilla OS to help the project grow.',
},
{
to: { name: 'nerd-info' },
type: 'clickable',
icon: 'science',
title: 'Information for Nerds',
description: 'Learn more about how Vanilla OS works from a technical point of view.',
},
],
};
},
});
</script>

View file

@ -1,78 +0,0 @@
<template>
<div class="flexGrid flexGrid--2 anim--fadeIn">
<card v-for="(item, index) in helpItems" :key="index" :item="item" />
</div>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
name: 'help',
data() {
return {
helpItems: [
{
to: { name: 'help-faq' },
type: 'clickable',
icon: 'help_center',
title: 'Frequently Asked Questions',
description: 'Your question may already be answered. Check the Frequently Asked Questions.',
extraClasses: ['flexGrid-item--2']
},
{
to: "https://handbook.vanillaos.org",
extLink: true,
type: 'clickable',
icon: 'class',
title: 'Handbook',
description: 'Our handbook covers the most requested topics and is a great place to start.',
},
{
to: "https://documentation.vanillaos.org/",
extLink: true,
type: 'clickable',
icon: 'library_books',
title: 'Documentation',
description: 'The documentation is where technical users can find detailed information about Vanilla OS.',
},
{
// to: 'help',
// type: 'clickable',
icon: 'forum',
title: 'Forums',
description: 'Our forums provide a place for users to discuss Vanilla OS and get help.',
badges: [
{
text: 'Coming Soon',
}
]
},
{
to: 'community',
type: 'clickable',
icon: 'record_voice_over',
title: 'Discord Server',
description: 'Join our Discord server to chat with other users and developers, participate to the events and get some spoilers.',
},
{
to: 'https://github.com/vanilla-os',
extLink: true,
type: 'clickable',
icon: 'bug_report',
title: 'Report a Bug',
description: 'If you find a bug in Vanilla OS, please report it so we can fix it.',
},
{
to: 'enterprise-support',
type: 'clickable',
icon: 'support',
title: 'Enterprise Support',
description: 'Get enterprise support for Vanilla OS from fabricatorsltd.',
extraClasses: ['card--blue']
},
],
};
},
});
</script>

View file

@ -292,15 +292,6 @@ export default defineComponent({
We believe that everyone should be able to use a computer, no matter your abilities, you\
will find yourself at home on Vanilla OS.',
},
{
icon: 'school',
title: 'Understandable',
description: 'Vanilla OS is designed to be easy to understand, you don\'t need to be a\
computer expert to use it, but of course, if you are, you\'ll find yourself at home.\
We write all our documentation in a way that is easy to understand, and our community\
is always ready to help you. We also provide enterprise support for\
special needs.',
}
],
medias: [
{
@ -375,17 +366,6 @@ export default defineComponent({
type: "clickable",
description: 'For those who want a simple, immutable, and customizable experience, Vanilla OS steps into the spotlight.',
},
{
to: { name: 'get-involved-spread' },
type: 'adv',
icon: 'how_to_reg',
title2: 'Spread the word',
description: 'Help us spread the word about Vanilla OS and its features.',
btn: 'Read more',
extraClasses: [
'card--yellow'
]
},
],
};
},

View file

@ -1,87 +0,0 @@
<template>
<div class="flexGrid flexGrid--4 anim--fadeIn">
<card v-for="(item, index) in getInvolvedItems" :key="index" :item="item" />
</div>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
name: 'help-faq',
data() {
return {
getInvolvedItems: [
{
to: { name: 'help' },
icon: '',
title: 'Is there any telemetry?',
description: "No, we don't care about your data. Ours is better.",
extraClasses: ['flexGrid-item--4'],
},
{
to: { name: 'help' },
icon: '',
title: 'Is Nvidia supported?',
description: "Yes, if you have an Nvidia card, you'll be prompted to install proprietary Nvidia drivers during the first setup. This includes support for Optimus laptops.",
extraClasses: ['flexGrid-item--4'],
},
{
to: { name: 'help' },
icon: '',
title: 'Can I switch to the discrete GPU on my laptop?',
description: "Yes, you can use the PRIME Utility accessible from the GNOME Settings > Display menu to switch between the integrated, the discrete or the hybrid profile.",
extraClasses: ['flexGrid-item--4'],
},
{
to: { name: 'help' },
icon: '',
title: 'How can I install software?',
description: "Vanilla OS provides optional support for Flatpak, AppImage, and soon Snap. We recommend you use any of these three for regular application installation. We also have our own package manager, apx. You can use it from the terminal to install Ubuntu, Fedora, or Arch Linux packages inside containers.",
extraClasses: ['flexGrid-item--4'],
},
{
to: { name: 'help' },
icon: '',
title: 'How can I install other drivers?',
description: "The recommended way to install drivers is through the Drivers utility accessible from the GNOME Settings > About menu. You can also install drivers from the terminal using the ikaros command line utility.",
extraClasses: ['flexGrid-item--4'],
},
{
to: { name: 'help' },
icon: '',
title: 'Can I install it alongside another OS (dual boot)?',
description: "We discourage dual booting since Vanilla OS is not meant to be installed alongside other operating systems. However, if you know what you're doing, you can make your own partitioning scheme during the installation process.",
extraClasses: ['flexGrid-item--4'],
},
{
to: { name: 'help' },
icon: '',
title: 'Is it suitable for beginners and non-technical users?',
description: "Yes, Vanilla OS is designed to be easy to use for everyone, whether you're a beginner or an advanced user.",
extraClasses: ['flexGrid-item--4'],
},
{
to: { name: 'help' },
type: 'clickable',
icon: 'fa-brands fa-discord',
iconPack: 'fa',
title: 'Still have questions?',
description: "Join our community on Discord and ask away! There are many people willing to help you.",
extraClasses: ['flexGrid-item--2', 'card--purple'],
},
{
to: { name: 'help' },
type: 'clickable',
icon: 'support',
iconPack: 'mdi',
title: 'Enterprise Support',
description: "Our Enterprise Support is available to answer your questions and doubts.",
extraClasses: ['flexGrid-item--2', 'card--green'],
},
],
};
},
});
</script>

View file

@ -1140,6 +1140,11 @@ marked@^5.1.1:
resolved "https://registry.npmjs.org/marked/-/marked-5.1.2.tgz"
integrity sha512-ahRPGXJpjMjwSOlBoTMZAK7ATXkli5qCPxZ21TG44rx1KEo44bii4ekgTDQPNRQ4Kh7JMb9Ub1PVk1NxRSsorg==
md-block@^0.0.1:
version "0.0.1"
resolved "https://registry.npmjs.org/md-block/-/md-block-0.0.1.tgz"
integrity sha512-uXAp27jR+ztgoWyQfaktpWYNbknlpzmeYfIkeYGwGjkZDXTcWmom9eVgUsjEn4/I9evLdfydWB0PIzHq9VjUwg==
media-typer@0.3.0:
version "0.3.0"
resolved "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz"