more updating

.github/workflows/astro.yml

@@ -7,7 +7,7 @@ name: Deploy Astro site to Pages
 on:
   # Runs on pushes targeting the default branch
   push:
-    branches: ["main"]
+    branches: ["none"]
 
   # Allows you to run this workflow manually from the Actions tab
   workflow_dispatch:

astro.config.mjs

@@ -15,6 +15,7 @@ export default defineConfig({
 			social: {
 				github: 'https://github.com/zen-browser',
 				discord: 'https://discord.com/invite/nnShMQzR4b',
+				mastodon: 'https://fosstodon.org/@zenbrowser',
 			},
 			editLink: {
 				baseUrl: 'https://github.com/zen-browser/docs/edit/docs-astro/',

src/content/docs/guides/live-editing.md

@@ -22,6 +22,13 @@ This guide will help you customize the appearance of Zen Browser by live editing
 2. Navigate to the **Style Editor** tab.
 3. In the filter/search bar, type `userChrome` to locate the `userChrome.css` file you created earlier.
 
+:::note[Enable Browser Developer Tools] 
+After Zen Browser version `1.0.0-a.31` the Browser Developer Tools is **disabled** by default for security.
+1. Open the `about:config` page. This page contains advanced settings for the browser.
+2. Search for `devtools.debugger.remote-enabled`
+3. Toggle the setting to `true` by double-clicking on it
+:::
+
 ## Step 4: Edit the `userChrome.css` File
 
 1. The `userChrome.css` file should now be visible in the Style Editor.

src/content/docs/index.mdx

@@ -19,17 +19,30 @@ hero:
 import { Card, CardGrid } from '@astrojs/starlight/components';
 import AboutAstro from '../../components/about-astro.astro';
 
-# What is in the docs
-##### Welcome to **Zen Browser's Documentation!** Here, you'll find everything you need to get the most out of your browsing experience.  Dive in to explore how Zen can make your browsing more secure, private, and efficient.
+#### Welcome to Zen Browser's Documentation! Here, you'll find everything you need to get the most out of your browsing experience.  Dive in to explore how Zen can make your browsing more secure, private, and efficient.
 
 ---
-more blabla here
+
+---
+<CardGrid stagger>
+	<Card title="Guides" icon="pencil">
+		<h4>All the guides to make Zen an amazing experience!</h4>
+	</Card>
+	<Card title="Theme Store" icon="sun">
+		<h4>Customize your browser whit a theme?<br></br>Lets go!</h4>
+	</Card>
+	<Card title="Contributions" icon="rocket">
+		<h4>U know a bit of programin and have free time, come and join<br></br><text style="color:yellow">Lets make it amazing</text></h4>
+	</Card>
+	<Card title="FAQ" icon="open-book" style="height:fit-content;">
+		<h3>Stuck on something check the [FAQs](/more/faq/).</h3>
+	</Card>
+</CardGrid>
 
 <AboutAstro title="Brought to you by">
-Zen is the best way to browse the web.
+Zen team. ❤️
 
-Beautifully designed, privacy-focused, and packed with features.
-We care about your experience, not your data.
+Zen is the best way to browse the web.
 
 [Learn about Zen](https://www.zen-browser.app/)
 

src/content/docs/more/faq.md

@@ -1,5 +1,8 @@
 ---
 title: Frequently Asked Questions ❓
+sidebar:
+  order: 1
+lastUpdated: 2024-08-28
 ---
 Welcome to the Zen Browser FAQ section! Here, you'll find answers to common questions and helpful tips to enhance your experience with Zen Browser. If your question isn't covered here, feel free to explore our community forums [r/zen_browser](https://www.reddit.com/r/zen_browser) or reach out to the support team.
 
@@ -73,6 +76,11 @@ If you encounter this error please follow our [Installing Zen Browser on MacOS](
 2. Right click a tab, and select `Split x Tabs`
 3. Change the view mode by pressing the 🔗 button in the top address bar
 
+<video controls>
+  <source src="/public/split-tabs.mp4" type="video/mp4">
+Your browser does not support the video tag.
+</video> 
+
 ## How to switch tabs by scrolling?
 You can to enable this feature by changing a setting in the browser's configuration. Here's how: