init

Author: LJ-Hao

.github/workflows/deploy.yml

@@ -0,0 +1,35 @@
+name: Build and Deploy to GitHub Pages
+
+on:
+  push:
+    branches: [ "main" ]
+  pull_request:
+    branches: [ "main" ]
+
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+
+    steps:
+    - name: Checkout repository
+      uses: actions/checkout@v4
+
+    - name: Setup Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: '18'
+        cache: 'npm'
+
+    - name: Install dependencies
+      run: npm ci
+
+    - name: Build website
+      run: npm run build
+
+    - name: Deploy to GitHub Pages
+      if: github.event_name == 'push' && github.ref == 'refs/heads/main'
+      uses: peaceiris/actions-gh-pages@v3
+      with:
+        github_token: ${{ secrets.GITHUB_TOKEN }}
+        publish_dir: ./public
+        publish_branch: gh-pages

.gitignore

@@ -0,0 +1,69 @@
+# Dependencies
+node_modules/
+
+# Build outputs
+dist/
+build/
+.nyc_output/
+coverage/
+
+# Environment variables
+.env
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# IDE files
+.vscode/
+.idea/
+*.swp
+*.swo
+*~
+
+# OS generated files
+.DS_Store
+.DS_Store?
+._*
+.Spotlight-V100
+.Trashes
+ehthumbs.db
+Thumbs.db
+
+# Logs
+logs/
+*.log
+
+# Runtime data
+pids/
+*.pid
+*.seed
+*.pid.lock
+
+# Coverage directory used by tools like istanbul
+coverage/
+
+# Temporary folders
+tmp/
+temp/
+
+# npm debug log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Local development server
+.sass-cache/
+connect.lock
+.nodemon
+.hypermodules/
+
+# Editor temporary files
+*.tmp
+*.bak
+*.orig
+
+# GitHub
+# Ignore everything in .github except workflows
+.github/*
+!.github/workflows/

README.md

@@ -1 +1,52 @@
-# Rockchip-AI-Lab
+# Rockchip AI Lab Website
+
+This repository contains the source code for the Rockchip AI Lab website, built with HTML, CSS, and JavaScript.
+
+## Project Structure
+
+```
+Rockchip-AI-Lab/
+├── public/                 # Built website files (deployed to GitHub Pages)
+├── src/                    # Source files
+│   ├── pages/              # HTML pages (Home, CV, LLM, VLM, UI)
+│   ├── components/         # Reusable components (navigation, RK chips header)
+│   └── styles.css          # Main stylesheet
+├── .github/workflows/      # GitHub Actions workflows
+├── build.js                # Build script
+├── package.json            # Project configuration
+└── README.md               # This file
+```
+
+## Pages
+
+The website includes the following pages:
+- Home
+- Computer Vision (CV)
+- Large Language Models (LLM)
+- Visual Language Models (VLM)
+- User Interface (UI)
+
+Each page features information about Rockchip processors RK3588 and RK1820 at the top.
+
+## Development
+
+To run the project locally:
+
+1. Install dependencies:
+   ```bash
+   npm install
+   ```
+
+2. Build the website:
+   ```bash
+   npm run build
+   ```
+
+3. Start a local server:
+   ```bash
+   npm start
+   ```
+
+## Deployment
+
+The website is automatically deployed to GitHub Pages using GitHub Actions when changes are pushed to the `main` branch.

build.js

@@ -0,0 +1,180 @@
+const fs = require('fs');
+const path = require('path');
+
+// Define source and destination directories
+const srcDir = './src';
+const publicDir = './public';
+
+// Create public directory if it doesn't exist
+if (!fs.existsSync(publicDir)) {
+    fs.mkdirSync(publicDir, { recursive: true });
+}
+
+// Copy HTML files from src/pages to public
+const pagesDir = path.join(srcDir, 'pages');
+const files = fs.readdirSync(pagesDir);
+
+files.forEach(file => {
+    if (path.extname(file) === '.html') {
+        const srcPath = path.join(pagesDir, file);
+        const destPath = path.join(publicDir, file);
+        
+        let content = fs.readFileSync(srcPath, 'utf8');
+        
+        // Update relative paths to work from public directory
+        content = content.replace(/\.\.\/styles\.css/g, 'styles.css');
+        content = content.replace(/\.\.\/components/g, 'components');
+        
+        fs.writeFileSync(destPath, content);
+        console.log(`Copied ${file} to public directory`);
+    }
+});
+
+// Copy CSS file
+const cssSrc = path.join(srcDir, 'styles.css');
+const cssDest = path.join(publicDir, 'styles.css');
+if (fs.existsSync(cssSrc)) {
+    fs.copyFileSync(cssSrc, cssDest);
+    console.log('Copied styles.css to public directory');
+} else {
+    // Create a default styles.css if it doesn't exist
+    const defaultCSS = `
+/* Global Styles */
+body {
+    font-family: 'Arial', sans-serif;
+    margin: 0;
+    padding: 0;
+    background-color: #f5f5f5;
+    color: #333;
+}
+
+/* Navigation Styles */
+.navbar {
+    background-color: #2c3e50;
+    padding: 1rem 0;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+}
+
+.nav-container {
+    max-width: 1200px;
+    margin: 0 auto;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 2rem;
+}
+
+.nav-logo {
+    color: white;
+    font-size: 1.5rem;
+    text-decoration: none;
+    font-weight: bold;
+}
+
+.nav-menu {
+    display: flex;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+
+.nav-item {
+    margin-left: 2rem;
+}
+
+.nav-link {
+    color: white;
+    text-decoration: none;
+    transition: color 0.3s;
+}
+
+.nav-link:hover {
+    color: #3498db;
+}
+
+/* RK Chips Header */
+.rk-chips-header {
+    background-color: #ecf0f1;
+    padding: 1rem 2rem;
+    display: flex;
+    justify-content: space-around;
+    border-bottom: 1px solid #bdc3c7;
+}
+
+.rk-chip {
+    text-align: center;
+    padding: 1rem;
+    background-color: white;
+    border-radius: 8px;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+    width: 45%;
+}
+
+.rk-chip h3 {
+    margin: 0 0 0.5rem 0;
+    color: #2c3e50;
+}
+
+/* Container for page content */
+.container {
+    max-width: 1200px;
+    margin: 2rem auto;
+    padding: 0 2rem;
+    background-color: white;
+    border-radius: 8px;
+    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
+    padding: 2rem;
+}
+
+h1 {
+    color: #2c3e50;
+    border-bottom: 2px solid #3498db;
+    padding-bottom: 0.5rem;
+}
+
+/* Responsive adjustments */
+@media (max-width: 768px) {
+    .nav-container {
+        flex-direction: column;
+        padding: 1rem;
+    }
+    
+    .nav-menu {
+        margin-top: 1rem;
+    }
+    
+    .nav-item {
+        margin: 0 1rem;
+    }
+    
+    .rk-chips-header {
+        flex-direction: column;
+    }
+    
+    .rk-chip {
+        width: 100%;
+        margin-bottom: 1rem;
+    }
+}
+    `;
+    fs.writeFileSync(cssDest, defaultCSS);
+    console.log('Created default styles.css in public directory');
+}
+
+// Copy components directory
+const componentsSrc = path.join(srcDir, 'components');
+const componentsDest = path.join(publicDir, 'components');
+
+if (!fs.existsSync(componentsDest)) {
+    fs.mkdirSync(componentsDest, { recursive: true });
+}
+
+const componentFiles = fs.readdirSync(componentsSrc);
+componentFiles.forEach(file => {
+    const srcPath = path.join(componentsSrc, file);
+    const destPath = path.join(componentsDest, file);
+    fs.copyFileSync(srcPath, destPath);
+    console.log(`Copied ${file} to public/components directory`);
+});
+
+console.log('Build completed successfully!');