Skip to content

Remove plugin reference, fix build #111

Remove plugin reference, fix build

Remove plugin reference, fix build #111

Workflow file for this run

name: Deploy to GitHub Pages
on:
push:
branches:
- main
# Review gh actions docs if you want to further define triggers, paths, etc
# https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#on
jobs:
deploy:
name: Deploy to GitHub Pages
runs-on: ubuntu-latest
permissions:
contents: write
steps:
- uses: actions/checkout@v4
- uses: actions/setup-node@v4
with:
node-version: '18.x'
cache: 'npm'
- name: Install dependencies
run: npm ci
- name: Clear cache
run: npm run clear || true
- name: Verify PostCSS config
run: cat postcss.config.js
- name: Verify Tailwind config
run: cat tailwind.config.js | head -10
- name: Build website
run: npm run build
env:
NODE_ENV: production
CI: true
# Ensure PostCSS processes CSS
POSTCSS: true
- name: Verify CSS file exists and is complete
run: |
CSS_FILE=$(find build/assets/css -name "styles.*.css" | head -1)
if [ -z "$CSS_FILE" ]; then
echo "ERROR: CSS file not found!"
exit 1
fi
echo "CSS file found: $CSS_FILE"
CSS_SIZE=$(wc -c < "$CSS_FILE")
echo "CSS file size: $CSS_SIZE bytes"
# Check minimum size (should be substantial)
if [ "$CSS_SIZE" -lt 50000 ]; then
echo "ERROR: CSS file is too small ($CSS_SIZE bytes) - likely incomplete!"
exit 1
fi
# Check if Tailwind classes are present
if grep -q "bg-gradient\|flex\|grid\|hero-section-new" "$CSS_FILE"; then
echo "✓ Tailwind classes found in CSS"
echo "✓ Custom hero classes found in CSS"
else
echo "ERROR: Tailwind classes not found in CSS!"
exit 1
fi
# Check for specific hero styles
if grep -q "from-\[#050505\]\|hero-floating-card" "$CSS_FILE"; then
echo "✓ Hero section styles found"
else
echo "ERROR: Hero section styles missing!"
exit 1
fi
# Check for background colors
if grep -q "background.*#050505\|background.*#0a0a0a\|background.*#111625" "$CSS_FILE"; then
echo "✓ Background colors found"
else
echo "WARNING: Background colors may be missing"
fi
# Check for animations
if grep -q "@keyframes\|animation-name\|animate-float\|animate-blob" "$CSS_FILE"; then
echo "✓ Animations found"
else
echo "ERROR: Animations missing!"
exit 1
fi
# Check for CSS variables
if grep -q "--theme-bg\|--dark-bg\|--light-bg" "$CSS_FILE"; then
echo "✓ CSS variables found"
else
echo "WARNING: CSS variables may be missing"
fi
echo "✓ CSS verification passed!"
# Popular action to deploy to GitHub Pages:
# Docs: https://github.com/peaceiris/actions-gh-pages#%EF%B8%8F-docusaurus
- name: Deploy to GitHub Pages
uses: peaceiris/actions-gh-pages@v3
with:
github_token: ${{ secrets.GITHUB_TOKEN }}
# Build output to publish to the `gh-pages` branch:
publish_dir: ./build
user_name: github-actions[bot]
user_email: 41898282+github-actions[bot]@users.noreply.github.com
# Force fresh deployment
force_orphan: true
cname: kubesimplify.com