turn-signal update

.gitignore

@@ -5,7 +5,7 @@ dist/
 
 # dependencies
 node_modules/
-
+tmp
 
 # environment variables
 .env

CONTRIBUTING.md

@@ -0,0 +1,29 @@
+# Contributing to vtbag's website
+
+Thank you for considering contributing to **@vtbag/website**! Contributions are welcome and appreciated. This document outlines the steps and guidelines for contributing to this project.
+
+## Types of Contributions
+
+### 1. **Bug Reports**
+- Identify problems or inconsistencies in the website's functionality, layout, or appearance.
+- Ensure the issue is reproducible, and provide steps to reproduce the problem.
+- Describe the expected behavior and how the bug deviates from it.
+- If possible, propose a solution or link to relevant code snippets.
+
+### 2. **Feature Requests and Enhancements**
+- Suggest new features or improvements that align with the website's objectives.
+- Be clear on how this feature will improve the user experience or development workflow.
+- Provide examples or references to support your suggestion, if possible.
+
+
+### 3. **PRs Welcome! Contribute by Improving Content**
+- Improve the clarity and completeness of the documentation.
+- Add more elaborate explanations or use cases where appropriate.
+- Provide more detailed code examples and walk-throughs.
+- Proofread the content for grammar and spelling mistakes.
+- Ensure technical accuracy and consistency in explanations.
+
+
+---
+
+Thanks for your interest in improving **@vtbag/website**! Excited to see what you'll contribute.

astro.config.ts

@@ -68,8 +68,8 @@ export default defineConfig({
 
     sidebar: sidebar(),
   }), d2({
-		skipGeneration: process.env.GITHUB_ACTIONS === "true"
-	}), vtbot()],
+    skipGeneration: process.env.GITHUB_ACTIONS === "true"
+  }), vtbot()],
   vite: {
     server: {
       fs: {
@@ -90,22 +90,23 @@ function sidebar() {
   }, {
     label: 'Tools',
     items: [
-      { label: 'Element Crossing', link: "/tools/element-crossing/"},
       { label: 'Inspection Chamber', link: "/tools/inspection-chamber/" },
+      { label: 'Element Crossing', link: "/tools/element-crossing/" },
+      { label: 'Turn-Signal', link: "/tools/turn-signal/", badge: { text: 'new', variant: 'tip' } as Badge },
     ],
   }, {
-    label: 'Basics',badge: { text: 'new', variant: 'tip' } as Badge ,
+    label: 'Basics',
     items: [
       { label: 'View Transition API', link: "/basics/api/" },
       { label: 'View Transition Examples', link: "/basics/examples/" },
-      { label: 'Structure of Pseudo-Elements', link: "/basics/pseudos/"},
-      { label: 'Mechanics of Default Animations', link: "/basics/default-animations/"  }
+      { label: 'Structure of Pseudo-Elements', link: "/basics/pseudos/" },
+      { label: 'Mechanics of Default Animations', link: "/basics/default-animations/" }
     ]
   }, {
     label: 'CSS Tips & Tricks',
     items: [
       { label: 'Where to place the CSS', link: "/tips/css/" },
-      { label: "Flashes during fade animations?", link: "tips/over-exposure/" },
+      { label: "Flickering during morph animations?", link: "tips/over-exposure/" },
       { label: "Avoid Pointer Flickering", link: "tips/pointer/" }
     ]
   }];