update

Author: LJ-Hao

public/styles.css

@@ -1,23 +1,24 @@
 /* Global Styles */
 :root {
-    --primary-color: #4a7c59;
-    --primary-light: #8d9f87;
-    --primary-dark: #2d503a;
-    --secondary-color: #8bc34a;
-    --accent-color: #c8e6c9;
-    --background-color: #f5f9f5;
-    --sidebar-bg: #2e4b3c;
+    --primary-color: #76b900;  /* NVIDIA Green */
+    --primary-light: #a5d600;
+    --primary-dark: #5d9e00;
+    --secondary-color: #00b0ff;
+    --accent-color: #e6f7d4;
+    --background-color: #f9f9f9;
+    --sidebar-bg: #0a0a0a;
     --card-bg: #ffffff;
     --text-primary: #2d3748;
     --text-secondary: #4a5568;
-    --border-color: #c8e6c9;
-    --hover-bg: #e8f5e9;
-    --chip-rk3568: #66bb6a;
+    --border-color: #e0e0e0;
+    --hover-bg: #f1f8e9;
+    --chip-rk3568: #76b900;
     --chip-rk1820: #ffb74d;
 }
 
 * {
     box-sizing: border-box;
+    outline: none;
 }
 
 body {
@@ -46,13 +47,14 @@ body {
     font-weight: 500;
     position: relative;
     overflow: hidden;
+    outline: none;
 }
 
 .chip-folder::before {
     content: '>';
     margin-right: 10px;
     font-size: 1rem;
-    color: var(--secondary-color);
+    color: var(--primary-color);
     transition: transform 0.3s ease;
 }
 
@@ -61,50 +63,52 @@ body {
 }
 
 .chip-folder[data-chip="rk3568"] {
-    background: linear-gradient(to right, rgba(102, 187, 106, 0.2), transparent);
-    border-left: 3px solid var(--chip-rk3568);
+    background: linear-gradient(to right, rgba(118, 185, 0, 0.15), transparent);
+    border-left: none; /* Remove the green border */
 }
 
 .chip-folder[data-chip="rk1820"] {
-    background: linear-gradient(to right, rgba(255, 183, 77, 0.2), transparent);
-    border-left: 3px solid var(--chip-rk1820);
+    background: linear-gradient(to right, rgba(255, 183, 77, 0.15), transparent);
+    border-left: none; /* Remove the orange border */
 }
 
 .chip-folder:hover {
     transform: translateX(5px);
-    background: linear-gradient(to right, rgba(102, 187, 106, 0.3), transparent) !important;
+    background: linear-gradient(to right, rgba(118, 185, 0, 0.25), transparent) !important;
 }
 
 .chip-folder[data-chip="rk3568"]:hover {
-    background: linear-gradient(to right, rgba(102, 187, 106, 0.3), transparent);
+    background: linear-gradient(to right, rgba(118, 185, 0, 0.25), transparent);
 }
 
 .chip-folder[data-chip="rk1820"]:hover {
-    background: linear-gradient(to right, rgba(255, 183, 77, 0.3), transparent);
+    background: linear-gradient(to right, rgba(255, 183, 77, 0.25), transparent);
 }
 
 .chip-submenu {
-    background: rgba(46, 75, 60, 0.85);
+    background: rgba(26, 26, 26, 0.9);
     padding: 0.6rem 0;
     border-radius: 6px;
     margin: 0.3rem 0.8rem 0.5rem 1.8rem;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
-    border: 1px solid rgba(139, 195, 74, 0.2);
+    border: none; /* Remove green border */
 }
 
 .chip-submenu a {
     display: block;
-    color: #a0d2b8;
+    color: #a0d280;
     text-decoration: none;
     padding: 0.6rem 1.5rem;
     transition: all 0.3s ease;
     font-size: 0.9rem;
     margin: 0 0.5rem;
     border-radius: 4px;
+    outline: none;
+    border: none; /* Remove any potential border */
 }
 
 .chip-submenu a:hover {
-    background: rgba(102, 187, 106, 0.25);
+    background: rgba(118, 185, 0, 0.25);
     color: white;
     transform: translateX(5px);
 }
@@ -125,7 +129,7 @@ body {
     box-shadow: 3px 0 15px rgba(0, 0, 0, 0.1);
     overflow-y: auto;
     transition: all 0.3s ease;
-    background: linear-gradient(to bottom, #2e4b3c, #3d5d4d);
+    background: linear-gradient(to bottom, #0a0a0a, #1a1a1a);
 }
 
 .nav-menu {
@@ -142,7 +146,7 @@ body {
 .nav-link {
     display: flex;
     align-items: center;
-    color: #cbd5e0;
+    color: #e0e0e0;
     text-decoration: none;
     padding: 0.9rem 1.2rem;
     border-radius: 8px;
@@ -152,6 +156,7 @@ body {
     overflow: hidden;
     background: rgba(255, 255, 255, 0.05);
     margin: 0.2rem 0.8rem;
+    outline: none;
 }
 
 .nav-link::before {
@@ -161,7 +166,7 @@ body {
     left: -100%;
     width: 100%;
     height: 100%;
-    background: linear-gradient(90deg, transparent, rgba(139, 195, 74, 0.2), transparent);
+    background: linear-gradient(90deg, transparent, rgba(118, 185, 0, 0.2), transparent);
     transition: 0.5s;
 }
 
@@ -170,16 +175,16 @@ body {
 }
 
 .nav-link:hover {
-    background: rgba(139, 195, 74, 0.15);
+    background: rgba(118, 185, 0, 0.15);
     color: white;
     transform: translateX(5px);
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
 }
 
 .nav-link.active-page {
-    background: rgba(74, 124, 89, 0.3);
+    background: rgba(118, 185, 0, 0.2);
     color: white;
-    border-left: 3px solid var(--primary-color);
+    border-left: none; /* Remove green border */
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
 }
 
@@ -192,29 +197,31 @@ body {
 
 /* Sub-menu for showing MD files */
 .sub-menu {
-    background: rgba(46, 75, 60, 0.95);
+    background: rgba(26, 26, 26, 0.95);
     padding: 0.8rem 0;
     border-radius: 8px;
     margin-top: 0.5rem;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
     position: relative;
     z-index: 10;
-    border: 1px solid rgba(139, 195, 74, 0.2);
+    border: none; /* Remove green border */
 }
 
 .sub-menu a {
     display: block;
-    color: #a0d2b8;
+    color: #a0d280;
     text-decoration: none;
     padding: 0.6rem 1.5rem;
     transition: all 0.3s ease;
     font-size: 0.95rem;
     margin: 0 0.5rem;
     border-radius: 6px;
+    outline: none;
+    border: none; /* Remove any potential border */
 }
 
 .sub-menu a:hover {
-    background: rgba(102, 187, 106, 0.2);
+    background: rgba(118, 185, 0, 0.2);
     color: white;
     transform: translateX(5px);
 }
@@ -232,7 +239,7 @@ body {
     padding: 2rem;
     overflow-y: auto;
     background: var(--card-bg);
-    background: linear-gradient(to bottom right, #ffffff, #f8faf5);
+    background: linear-gradient(to bottom right, #ffffff, #f8fff8);
 }
 
 .page {
@@ -365,22 +372,22 @@ body {
 
 #cv-content strong, #llm-content strong, #vlm-content strong, #ui-content strong {
     font-weight: 600;
-    color: var(--text-primary);
+    color: var(--primary-dark);
     background: linear-gradient(to right, transparent 50%, var(--accent-color) 50%);
     background-size: 4px 100%;
     padding: 0 2px;
 }
 
 #cv-content em, #llm-content em, #vlm-content em, #ui-content em {
     font-style: italic;
-    color: var(--text-secondary);
+    color: var(--primary-dark);
     background-color: var(--accent-color);
     padding: 0 4px;
     border-radius: 3px;
 }
 
 #cv-content code, #llm-content code, #vlm-content code, #ui-content code {
-    background-color: #e8f5e9;
+    background-color: #e6f7d4;
     padding: 0.3rem 0.5rem;
     border-radius: 6px;
     font-family: 'Fira Code', 'Consolas', monospace;
@@ -427,15 +434,15 @@ body {
     border-radius: 12px;
     padding: 1.8rem;
     margin: 1.5rem 0;
-    box-shadow: 0 4px 12px rgba(74, 124, 89, 0.1);
+    box-shadow: 0 4px 12px rgba(118, 185, 0, 0.1);
     border: 1px solid var(--border-color);
     transition: transform 0.3s ease, box-shadow 0.3s ease;
     border-left: 4px solid var(--primary-color);
 }
 
 .content-section:hover {
     transform: translateY(-3px);
-    box-shadow: 0 6px 16px rgba(74, 124, 89, 0.15);
+    box-shadow: 0 6px 16px rgba(118, 185, 0, 0.15);
 }
 
 /* Responsive adjustments */

src/content/help/demo1.md

@@ -0,0 +1,11 @@
+# Demo Page 1
+
+This is a demo page for demonstration purposes.
+
+## Section 1
+
+This is the first section of the demo page.
+
+## Section 2
+
+This is the second section of the demo page.

src/content/help/demo2.md

@@ -0,0 +1,13 @@
+# Demo Page 2
+
+This is another demo page for demonstration purposes.
+
+## Features
+
+- Feature 1
+- Feature 2
+- Feature 3
+
+## Usage
+
+Instructions on how to use the features.

src/content/help/index.md

@@ -0,0 +1,19 @@
+# Help Center
+
+Welcome to the Rockchip AI Lab Help Center. Here you'll find resources and documentation for our processors.
+
+## Getting Started
+
+- [Quick Start Guide](quick-start.md)
+- [Hardware Specifications](specifications.md)
+- [Development Tools](tools.md)
+
+## Tutorials
+
+- [Setting up Development Environment](setup.md)
+- [Running AI Models](ai-models.md)
+- [Performance Optimization](optimization.md)
+
+## Support
+
+For additional support, please contact our team or check our FAQ section.

src/content/help/quick-start.md

@@ -0,0 +1,17 @@
+# Quick Start Guide
+
+This guide will help you get started with Rockchip processors.
+
+## What You'll Need
+
+- Rockchip development board
+- Power supply
+- USB cable
+- Computer with development tools installed
+
+## First Steps
+
+1. Connect your Rockchip board to your computer
+2. Install the necessary drivers
+3. Download the development tools
+4. Run your first example

src/content/rk1820.json

@@ -1,26 +1,22 @@
 {
   "cv": [
     "index.md",
-    "image-recognition.md",
-    "object-detection.md",
-    "scene-understanding.md"
+    "demo1.md",
+    "demo2.md"
   ],
   "llm": [
     "index.md",
-    "model-optimization.md",
-    "hardware-acceleration.md",
-    "edge-deployment.md"
+    "demo1.md",
+    "demo2.md"
   ],
   "vlm": [
     "index.md",
-    "multimodal-understanding.md",
-    "cross-modal-learning.md",
-    "efficient-architectures.md"
+    "demo1.md",
+    "demo2.md"
   ],
   "ui": [
     "index.md",
-    "ai-enhanced-interfaces.md",
-    "responsive-design.md",
-    "performance-optimization.md"
+    "demo1.md",
+    "demo2.md"
   ]
 }

src/content/rk1820/cv/demo1.md

@@ -0,0 +1,9 @@
+# Demo 1 for RK1820
+
+This is the first demo page for RK1820 processor.
+
+## Features
+
+- RK1820 specific features
+- Performance characteristics
+- Development tools

src/content/rk1820/cv/demo2.md

@@ -0,0 +1,9 @@
+# Demo 2 for RK1820
+
+This is the second demo page for RK1820 processor.
+
+## Specifications
+
+- Technical specifications
+- Usage scenarios
+- Performance benchmarks

src/content/rk1820/llm/demo1.md

@@ -0,0 +1,9 @@
+# Demo 1 for RK1820 LLM
+
+This is the first demo page for RK1820 LLM.
+
+## Features
+
+- RK1820 LLM specific features
+- Performance characteristics
+- Development tools