feat: Match Awair color scheme and thresholds, fix overflow

- Update sensor thresholds to match Awair app values
  - CO2: 0-600 good, scale to 5000
  - VOC: 0-300 good, scale to 25000
  - PM2.5: 0-12 good, scale to 150
  - Temperature: 20-25°C good (U-shaped gradient)
  - Humidity: 40-50% good (U-shaped gradient)
- Implement Awair color gradient (green→yellow→orange→red→purple)
- Add U-shaped gradients for temp/humidity (both extremes bad)
- Replace fill-bar with position marker showing current value
- Fix horizontal/vertical overflow by removing absolute positioning
- Add GitHub Actions workflow for automatic releases on push to main
- Add CUSTOM.md with manual installation instructions
- Add CLAUDE.md for Claude Code guidance
- Bump version to 1.1.0

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: arturo-ojeda

.github/workflow

@@ -0,0 +1,70 @@
+name: Build and Release
+
+on:
+  push:
+    branches:
+      - main
+
+permissions:
+  contents: write
+
+jobs:
+  build-and-release:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          cache: 'npm'
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Build
+        run: npm run build
+
+      - name: Get version from package.json
+        id: package_version
+        run: echo "version=$(node -p "require('./package.json').version")" >> $GITHUB_OUTPUT
+
+      - name: Generate release tag
+        id: tag
+        run: |
+          VERSION="v${{ steps.package_version.outputs.version }}"
+          TIMESTAMP=$(date +%Y%m%d%H%M%S)
+          # Check if version tag exists, if so append timestamp
+          if git rev-parse "$VERSION" >/dev/null 2>&1; then
+            TAG="${VERSION}-${TIMESTAMP}"
+          else
+            TAG="$VERSION"
+          fi
+          echo "tag=$TAG" >> $GITHUB_OUTPUT
+
+      - name: Create Release
+        uses: softprops/action-gh-release@v2
+        with:
+          tag_name: ${{ steps.tag.outputs.tag }}
+          name: Release ${{ steps.tag.outputs.tag }}
+          body: |
+            Automated release from push to main branch.
+
+            ## Installation
+
+            Download `air-quality-card.js` and copy it to your Home Assistant:
+            ```
+            /config/www/community/air-quality-card/air-quality-card.js
+            ```
+
+            See [CUSTOM.md](https://github.com/${{ github.repository }}/blob/main/CUSTOM.md) for detailed installation instructions.
+          files: |
+            dist/air-quality-card.js
+          draft: false
+          prerelease: false
+          generate_release_notes: true

.github/workflows/release.yml

@@ -0,0 +1,4 @@
+node_modules/
+.DS_Store
+temp/
+*.log

.gitignore

@@ -0,0 +1,37 @@
+# CLAUDE.md
+
+This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
+
+## Project Overview
+
+This is a Home Assistant custom Lovelace card for displaying air quality sensor data with visual health range indicators. It's designed for HACS (Home Assistant Community Store) installation.
+
+## Build Commands
+
+```bash
+npm install          # Install dependencies
+npm run build        # Build production bundle (outputs to dist/)
+```
+
+The build uses Webpack to bundle TypeScript source files into a single JavaScript file for Home Assistant.
+
+## Architecture
+
+**Main Components:**
+- `src/air-quality-card.ts` - Main card component using LitElement. Renders sensor bars with gradient visualization and rating badge
+- `src/air-quality-card-editor.ts` - Visual config editor for the card (uses `@customElement` decorator)
+
+**Key Patterns:**
+- Uses Lit 3 with decorators (`experimentalDecorators` enabled in tsconfig)
+- `custom-card-helpers` for Home Assistant integration (`HomeAssistant` type, `fireEvent`)
+- Sensor thresholds defined in `SENSOR_THRESHOLDS` constant with min/max/unit/icon per sensor type
+- Rating images mapped in `RATING_IMAGES` (excellent/good/moderate/poor/unhealthy)
+
+**Supported Sensors:**
+- CO2, VOC, PM2.5, Temperature, Humidity (with visual bars)
+- Rating (determines badge image)
+- Recommendation (optional text sensor)
+
+**Distribution:**
+- `hacs.json` configures HACS with filename pointing to versioned JS in dist/
+- Update `hacs.json` filename when releasing new versions

CLAUDE.md

@@ -0,0 +1,107 @@
+# Manual Installation Guide
+
+This guide explains how to manually install this custom Air Quality Card in your Home Assistant instance without using HACS.
+
+## Prerequisites
+
+- Access to your Home Assistant configuration directory (via SSH, Samba, File Editor add-on, etc.)
+- The built `air-quality-card.js` file from the `dist/` folder
+
+## Installation Steps
+
+### 1. Locate your Home Assistant config directory
+
+Your HA config directory is typically at:
+- **Home Assistant OS / Supervised**: `/config/`
+- **Docker**: Wherever you mounted the config volume
+- **Core**: `~/.homeassistant/`
+
+### 2. Create the www directory (if it doesn't exist)
+
+```bash
+mkdir -p /config/www/community/air-quality-card
+```
+
+### 3. Copy the card file
+
+Copy `dist/air-quality-card.js` to:
+```
+/config/www/community/air-quality-card/air-quality-card.js
+```
+
+**Via SCP (from your dev machine):**
+```bash
+scp dist/air-quality-card.js root@homeassistant.local:/config/www/community/air-quality-card/
+```
+
+**Via Samba share:**
+Copy the file to `\\homeassistant.local\config\www\community\air-quality-card\`
+
+### 4. Copy the rating images
+
+Copy the contents of the `img/` folder to your HA instance:
+```bash
+mkdir -p /config/www/airquality
+cp img/*.png /config/www/airquality/
+```
+
+### 5. Add the resource to Lovelace
+
+Go to **Settings > Dashboards > Resources** (enable Advanced Mode in your profile if you don't see it), then add:
+
+- **URL**: `/local/community/air-quality-card/air-quality-card.js`
+- **Type**: JavaScript Module
+
+Or add manually to your `configuration.yaml`:
+```yaml
+lovelace:
+  resources:
+    - url: /local/community/air-quality-card/air-quality-card.js
+      type: module
+```
+
+### 6. Restart Home Assistant
+
+Restart HA or reload resources for changes to take effect.
+
+### 7. Clear browser cache
+
+Hard refresh your browser (Ctrl+Shift+R or Cmd+Shift+R) to load the new card version.
+
+## Updating the Card
+
+To update, simply replace the `air-quality-card.js` file and clear your browser cache.
+
+```bash
+# Build new version
+npm run build
+
+# Copy to HA
+scp dist/air-quality-card.js root@homeassistant.local:/config/www/community/air-quality-card/
+```
+
+## Replacing an Existing HACS Installation
+
+If you previously installed via HACS and want to use your custom version:
+
+1. **Option A - Override HACS version:**
+   - Copy your built file to `/config/www/community/air-quality-card/air-quality-card.js`
+   - This overwrites the HACS-managed file (HACS updates will overwrite your changes)
+
+2. **Option B - Install alongside (recommended):**
+   - Uninstall the HACS version first
+   - Follow the installation steps above
+   - Update your dashboard resource URL to point to your custom location
+
+## Troubleshooting
+
+**Card not showing up:**
+- Check browser console for errors (F12)
+- Verify the file exists at the correct path
+- Ensure the resource URL matches the file location
+- Clear browser cache
+
+**"Custom element doesn't exist" error:**
+- Resource not loaded - check the URL path
+- Try restarting Home Assistant
+- Check that the file isn't corrupted (should be ~28KB)

CUSTOM.md

@@ -1,7 +1,7 @@
 {
   "name": "Air Quality Card",
   "description": "A custom Lovelace card to visualize air quality sensors with healthy range indicators",
-  "filename": "air-quality-card.v1.0.1.js",
+  "filename": "air-quality-card.js",
   "type": "module",
   "render_readme": true,
   "domains": ["lovelace"],

dist/air-quality-card.js

@@ -1,6 +1,6 @@
 {
   "name": "air-quality-card",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "main": "webpack.config.js",
   "scripts": {
     "build": "webpack --config webpack.config.js",