.gitignore

@@ -7,6 +7,7 @@ yarn-error.log*
 pnpm-debug.log*
 lerna-debug.log*
 
+yarn.lock
 node_modules
 .DS_Store
 dist/

README.md

@@ -4,4 +4,9 @@
 Forked From [Vanilla OS website](https://github.com/vanilla-os).
 
 
-No details for now.
+## Setup Development
+```bash 
+npm install
+npm run dev
+
+```

public/assets/css/common.css

@@ -1,6 +1,6 @@
 :root {
     --base-shadow: 0px 10px 34px 0px rgba(0, 0, 0, 0.15);
-    color-scheme: light dark;
+    color-scheme: dark;
 }
 
 html {

public/assets/css/pages/home.css

@@ -4,15 +4,15 @@
 
 @media screen and (max-width: 1100px) {
     #context .hero .hero-heading {
-        margin-top: 20px;
+        margin-top: 20px !important;
     }
 
     #context .hero .hero-content {
-        max-width: 90%;
+        max-width: 90% !important;
     }
 
     #context .hero.hero-block .hero-content {
-        padding: 0 50px;
+        padding: 0 20px !important;
     }
 
     #context #about.hero .hero-wrapper,
@@ -37,4 +37,20 @@
     #context .hero#security .hero-image {
         width: 300px;
     }
+
+    #context .hero .text {
+        font-size: 22px;
+    }
+
+    #context .container {
+        padding: 0px !important;
+    }
+
+    #context .hero:first-child() {
+        padding: 0px !important;
+    }
+
+    #context .hero {
+        padding: 0 25px !important;
+    }
 }

public/assets/css/print.css

@@ -1,5 +1,4 @@
 @media print {
-
     .topBar,
     .siteFooter,
     .page-actions,

src/main.ts

@@ -6,7 +6,6 @@ import createRouterInstance from './router'
 import ComponentLoader from "@/components/loader";
 
 export function createApp(clientType: string) {
-    console.log('creating new app instance')
     const app = createSSRApp(App)
     const head = createHead()
     const router = createRouterInstance(clientType)

src/router/index.ts

@@ -3,8 +3,6 @@ import { useHead } from 'unhead'
 
 
 export default function createRouterInstance(clientType: string) {
-  console.log('creating new router instance')
-
   const history = clientType === 'server'
     ? createMemoryHistory(import.meta.env.BASE_URL)
     : createWebHistory(import.meta.env.BASE_URL);

src/views/Home.vue

@@ -1,8 +1,8 @@
 <template>
   <section class="hero hero--big hero--no-margin" id="intro">
     <div class="hero-wrapper container">
-      <img class="hero-image onFocus on-dark" data-focus-class="fadeInLeft"
+      <img class="hero-image on-dark" src="/assets/images/backgrounds/parch-desktop-hero.png"
-        src="/assets/images/backgrounds/parch-desktop-hero.png" alt="Parch Linux" />
+        alt="Parch Linux" />
       <article class="hero-content">
         <header class="hero-heading">
           <h2>Parch Linux <span>is your next Operating System.</span></h2>
@@ -50,8 +50,8 @@
   <div id="context">
     <section class="hero hero--inverted hero--big" id="about">
       <div class="hero-wrapper container">
-        <img class="hero-image onFocus" data-focus-class="fadeInRight" src="/assets/images/backgrounds/parch-neofetch.png"
+        <img class="hero-image onFocus" data-focus-class="fadeInRight"
-          alt="Why Parch..." />
+          src="/assets/images/backgrounds/parch-neofetch.png" alt="Why Parch..." />
         <article class="hero-content">
           <header class="hero-heading">
             <h2 class="color--work-1">About</h2>
@@ -116,7 +116,8 @@
               <br />
               <br />
               The rolling release model might sound daunting, but fear not! Parch Linux, built on the robust Arch Linux
-              foundation, is meticulously maintained to ensure update stability. Additionally, our supportive community is
+              foundation, is meticulously maintained to ensure update stability. Additionally, our supportive community
+              is
               always available to assist you with any update-related questions or concerns. With Parch Linux, you can
               enjoy
               the benefits of cutting-edge software without compromising on system stability.

src/views/Team.vue

@@ -36,8 +36,6 @@ export default defineComponent({
             const teamRequest = await fetch(url)
             const team = await teamRequest.json();
             
-            console.log(team);
-            
             const teamItems = [];
             for (const member of team) {
                 const item = {