Initialize astro project (#1)

* Initialize Astro project with basic structure and assets

- Added package.json for project dependencies and scripts.
- Included favicon.svg for the site icon.
- Added astro.svg and background.svg assets for branding and background.
- Created Welcome component to serve as the main landing page.
- Implemented Layout component for consistent HTML structure.
- Set up index.astro as the entry point for the application.
- Configured TypeScript with tsconfig.json for strict type checking.

* Rename project from "absolute-ablation" to "chocomax" in package.json and package-lock.json

* Refactor project structure: remove Welcome and Layout components, add Main layout and ProductCard component; integrate product listing from JSON data in index page.

* Add Prettier for code formatting and update devcontainer settings

* Remove Prettier installation from postStartCommand in devcontainer configuration

* Update autoShowOutputPanel setting to show on error in Prettier configuration

* Refactor ProductCard component structure and update index page layout for better organization and styling

* Refactor ProductCard and Main layout styles for improved structure and consistency

* Add Header and Footer components, update Main layout for improved structure and styling

* Fix title formatting in Main layout and adjust product list styling for consistency

* Update package-lock.json to reflect dependency version upgrades

* Refactor permissions structure in workflow files for consistency and clarity

* Add global CSS styles for consistent layout and design

* Add global CSS import and refactor spacing variables for consistency across components

* Refactor Header and ProductCard components for improved styling consistency

* Refactor code structure for improved readability and maintainability

* Refactor Header and ProductCard components for improved layout and styling consistency; add Icon component for SVG icons

* Update astro.config.mjs to define output format as 'static'

* Update astro.config.mjs to include a trailing comma; update oniguruma-to-es package version to 4.3.1

* Update devcontainer-verification.yml to use the correct repository for docker-image-verification; remove obsolete docker-image-verification.yml file

* Refactor global.css to improve comments for spacing and border-radius variables

* Update super-linter.yml to refine FILTER_REGEX_EXCLUDE for better linting control

* Refactor devcontainer-verification.yml to adjust permissions for actions and security-events

* Add GitHub Actions workflow for deploying static content to GitHub Pages

* Update ProductCard.astro to enhance background color for better contrast

* Add Vite server configuration for file watching in astro.config.mjs

* Fix formatting in astro.config.mjs for better readability

Author: Vianpyro

.devcontainer/Dockerfile

@@ -1,7 +1,8 @@
 FROM alpine:latest
 
 # Install common tools
-RUN apk add --no-cache bash git
+RUN apk add --no-cache bash git \
+    nodejs npm
 
 # Setup default user
 ARG USERNAME=vscode

.devcontainer/devcontainer.json

@@ -1,10 +1,18 @@
 {
-    "name": "Template Development Container",
+    "name": "ChocoMax Prototype Development Container",
     "dockerFile": "Dockerfile",
     "customizations": {
         "settings": {
             "terminal.integrated.shell.linux": "/bin/bash"
+        },
+        "vscode": {
+            "extensions": [
+                "esbenp.prettier-vscode",
+                "astro-build.astro-vscode",
+                "emeraldwalk.RunOnSave"
+            ]
         }
     },
+    "postStartCommand": "npm update && npm install && npx prettier --write .",
     "remoteUser": "vscode"
 }

.gitattributes

@@ -0,0 +1 @@
+* text=auto

.github/workflows/deploy-to-pages.yml

@@ -0,0 +1,55 @@
+name: Deploy static content to Pages
+
+on:
+  release:
+    types: [published]
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
+# Cancel any in-progress runs.
+concurrency:
+  group: 'pages'
+  cancel-in-progress: true
+
+jobs:
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Install Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Build Astro site
+        run: npm run build
+
+      - name: Setup Pages
+        uses: actions/configure-pages@v5
+
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          # Upload the build output directory
+          path: './dist'
+
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

.github/workflows/devcontainer-verification.yml

@@ -1,5 +1,8 @@
 name: Scan Devcontainer Image
 
+permissions:
+  contents: read
+
 on:
   push:
     branches:
@@ -11,11 +14,7 @@ jobs:
   scan-devcontainer:
     name: Scan Devcontainer Image
 
-    permissions:
-      actions: read
-      security-events: write
-
-    uses: <your-username>/<your-repo>/.github/workflows/docker-image-verification.yml@main
+    uses: Vianpyro/Template/.github/workflows/docker-image-verification.yml@main
     with:
       image_name: devcontainer
       dockerfile_path: ./Dockerfile

.github/workflows/docker-image-verification.yml

@@ -1,25 +1,23 @@
 ---
 name: Lint
 
+permissions:
+  contents: read
+  packages: read
+  statuses: write
+
 on:
   push:
     branches:
       - main
       - master
   pull_request: null
 
-permissions: {}
-
 jobs:
   build:
     name: Lint
     runs-on: ubuntu-latest
 
-    permissions:
-      contents: read
-      packages: read
-      statuses: write
-
     steps:
       - name: Checkout code
         uses: actions/checkout@v4
@@ -31,3 +29,4 @@ jobs:
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
           VALIDATE_ALL_CODEBASE: false
+          FILTER_REGEX_EXCLUDE: '(.devcontainer/Dockerfile|.github/pull_request_template.md|.github/ISSUE_TEMPLATE/*.md)'

.github/workflows/super-linter.yml

@@ -1 +1,27 @@
+# Environment variables
 .env
+
+# build output
+dist/
+
+# generated types
+.astro/
+
+# dependencies
+node_modules/
+
+# logs
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# environment variables
+.env
+.env.production
+
+# macOS-specific files
+.DS_Store
+
+# jetbrains setting folder
+.idea/

.gitignore

@@ -0,0 +1,4 @@
+{
+    "recommendations": ["astro-build.astro-vscode"],
+    "unwantedRecommendations": []
+}

.vscode/extensions.json

@@ -0,0 +1,11 @@
+{
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "command": "./node_modules/.bin/astro dev",
+            "name": "Development server",
+            "request": "launch",
+            "type": "node-terminal"
+        }
+    ]
+}