Latest Blog: Updated the script and made a shell script in the APX Repo

.gitignore

@@ -1,3 +1,31 @@
-/assets/images/*.gvdesign
-/_site
-.jekyll-cache
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.DS_Store
+dist
+dist-ssr
+coverage
+*.local
+
+/cypress/videos/
+/cypress/screenshots/
+
+/public/articles/
+/public/articles.json
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

.prettierrc

@@ -0,0 +1,4 @@
+{
+  "tabWidth": 2,
+  "useTabs": false
+}

.vscode/extensions.json

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"]
+}

LICENSE

@@ -658,4 +658,4 @@ specific requirements.
   You should also get your employer (if you work as a programmer) or school,
 if any, to sign a "copyright disclaimer" for the program, if necessary.
 For more information on this, and how to apply and follow the GNU AGPL, see
-<https://www.gnu.org/licenses/>.
+<https://www.gnu.org/licenses/>.

README.md

@@ -1,24 +1,77 @@
 <div align="center">
-<img src="assets/dark.png?raw=true#gh-dark-mode-only" height="40">
-<img src="assets/light.png?raw=true#gh-light-mode-only" height="40">
+<img src="logo-white.png?raw=true#gh-dark-mode-only" height="40">
+<img src="logo.png?raw=true#gh-light-mode-only" height="40">
 <hr />
-<p>This page contains source code of the official Vanilla OS website.</p>
+<p>This source code is distributed under the <a href="LICENSE">AGPL 3.0</a> 
+license, while Vanilla OS is a product of <a href="//fabricators.ltd" target="_blank">fabricators.ltd</a>. 
+Please note that all assets on this website are owned by fabricators.ltd and 
+the Vanilla OS Contributors Team.</p>
 </div>
 
 ## Development
 
-To run the Vanilla OS website locally, install [Jekyll](https://jekyllrb.com/docs/), the required plugins and clone this repository:
+### CSS Convention
+
+Our framework follows the [BEM (Block, Element, Modifier)](https://en.bem.info/methodology/quick-start/) 
+convention for CSS classes.
+
+Colors are defined in the `assets/css/colors/default.css` and `assets/css/colors/dark.css` 
+files, they must be unique and not overlap with each other.
+
+Each new component (block) must be defined in a separate file in the `assets/css/components` 
+directory and must follow the following structure:
+
+```css
+.block {
+    /* Color Variables */
+    --block-color: var(--color-primary);
+    --block-element-color: var(--color-secondary);
+}
+
+.block {
+    /* Block Styles */
+    background-color: var(--block-color);
+}
+
+.block-element {
+    /* Element Styles */
+    background-color: var(--block-element-color);
+    width: 100px;
+    height: 100px;
+}
+
+.block--modifier {
+    /* Modifier Styles */
+    width: 200px;
+    height: 200px;
+}
+
+/* Media Queries */
+```
+
+### Build and Run
+
+To run the Vanilla OS website locally, you need to have [Vue.js](https://vuejs.org/) and
+[Vite](https://vitejs.dev/) installed.
+
+#### Build articles index
 
 ```bash
-# make sure to have the requirements for jekyll installed: Ruby, RubyGems, GCC, Make
-gem install jekyll bundler
-gem install jekyll-feed jekyll-sitemap
-git clone https://github.com/Vanilla-OS/website.git
-cd website
+npm run generate-articles
 ```
 
-Then serve the site locally with:
+#### Run the website locally
+
+This will also build the articles index.
+
+```bash
+npm run dev
+```
+
+## Production Build
+
+This will also build the articles index.
 
 ```bash
-jekyll serve
+npm run build
 ```