___ / \ | o o | | > | \___/ 🎃 🎃

⚡ QUICK REFERENCE CARD ⚡

The 5-Minute Deployment Protocol

🚀 THE 5-MINUTE UPDATE PROCESS

✅ Step 1: Pre-Flight

# Backup DNS state dig kypriatechnologies.org > backup.txt # Verify site is working curl -I https://kypriatechnologies.org

⚙️ Step 2: Make Changes

# Pull latest cd ~/kypria-technologies git pull origin main # Edit files nano index.html # Test locally python3 -m http.server 8000 # Visit: http://localhost:8000 # Press Ctrl+C when done

🔥 Step 3: Deploy

# Stage and commit git add . git commit -m "feat: Add [your enhancement]" # Push git push origin main # Wait 2-3 minutes for Netlify build

✅ Step 4: Verify

# Hard refresh browser # Windows/Linux: Ctrl + Shift + R # Mac: Cmd + Shift + R # Visit site open https://kypriatechnologies.org

🚨 EMERGENCY ROLLBACK

Via Git

# Revert last commit git revert HEAD git push origin main

Via Netlify

  • Visit: app.netlify.com/sites/kypria-technologies/deploys
  • Find last working deploy
  • Click "..." → "Publish deploy"

🔗 CRITICAL URLS

Purpose URL
GitHub Repo Repository
Netlify Dashboard
Cloudflare DNS
Live Site kypriatechnologies.org

🛡️ GOLDEN RULES

  • ALWAYS test locally first
  • NEVER edit Cloudflare DNS without reason
  • WAIT 2-3 minutes after push for CDN
  • HARD REFRESH browser (Ctrl+Shift+R)

✅ SAFE TO CHANGE

  • HTML/CSS/JS files
  • Images and assets
  • Content updates
  • README.md
  • manifest.json

❌ DANGEROUS TO TOUCH

  • Cloudflare DNS records
  • Netlify site name
  • Deleting Netlify site
  • Conflicting DNS entries

🎨 THEME QUICK-ADD

Halloween Example

<!-- In <head> --> <style> body.halloween-mode { background: linear-gradient(135deg, #1a0f0f 0%, #2d1810 50%, #1a0f0f 100%); } </style> <!-- Before </body> --> <script> function initHalloween() { document.body.classList.add('halloween-mode'); console.log('🎃 Halloween activated!'); } // Auto-activate in October if (new Date().getMonth() === 9) { window.addEventListener('DOMContentLoaded', initHalloween); } </script>

🐛 TROUBLESHOOTING

Problem Solution
Theme doesn't show Check console (F12), verify month logic
Old content shows Hard refresh: Ctrl+Shift+R
Build fails Check Netlify logs for errors
DNS breaks Restore to: kypria-technologies.netlify.app
Animations lag Reduce particle count in loops

📊 MONTH CODES (JavaScript)

Month Code Theme
January 0 🎆 New Year
February 1
March 2 🌸 Spring
April 3
May 4
June 5 ☀️ Summer
July 6
August 7
September 8 🍂 Autumn
October 9 🎃 Halloween
November 10 🍂 Autumn
December 11 🎄 Christmas

⚡ COMMON COMMANDS

Git Essentials

# Check current branch git branch # See recent commits git log --oneline -5 # View changes git status git diff # Undo local changes git checkout -- index.html # Create new branch git checkout -b feature/new-theme

Local Testing

# Python server python3 -m http.server 8000 # Node.js server npx http-server -p 8000 # PHP server php -S localhost:8000 # Then visit: http://localhost:8000

DNS Verification

# Check DNS resolution dig kypriatechnologies.org dig www.kypriatechnologies.org # Check via Cloudflare DNS dig @1.1.1.1 kypriatechnologies.org # Check headers curl -I https://kypriatechnologies.org

📅 DEPLOYMENT CHECKLIST

Before pushing:

  • ☐ Tested locally
  • ☐ No console errors
  • ☐ Mobile view checked
  • ☐ Animations smooth
  • ☐ DNS backed up
  • ☐ Commit message clear

After pushing:

  • ☐ Netlify build succeeds
  • ☐ Wait 2-3 minutes
  • ☐ Hard refresh browser
  • ☐ Verify on mobile
  • ☐ Check console for errors
  • ☐ Test all links

🔥 COMMIT MESSAGE PATTERNS

# New features git commit -m "feat: Add Christmas theme" # Bug fixes git commit -m "fix: Correct snowflake animation" # Documentation git commit -m "docs: Update deployment guide" # Visual changes git commit -m "style: Enhance Halloween colors" # Maintenance git commit -m "chore: Clean up unused files" # Performance git commit -m "perf: Optimize animation loop"

🎯 KEY METRICS

Metric Target How to Check
Build Time < 60 sec Netlify dashboard
Page Load < 3 sec Browser Network tab
Animation FPS 60 fps Browser Performance tab
DNS Propagation < 30 min whatsmydns.net
CDN Propagation 2-3 min Hard refresh test

📞 EMERGENCY CONTACTS

If everything breaks:

  • Cloudflare Support: dash.cloudflare.com/support
  • Netlify Support: netlify.com/support
  • GitHub Status: githubstatus.com
  • Full Codex: codex.html
  • Detailed Walkthrough: walkthrough.html

💾 BACKUP COMMANDS

# Quick DNS backup dig kypriatechnologies.org > dns_$(date +%Y%m%d).txt # Backup entire repo tar -czf kypria_backup_$(date +%Y%m%d).tar.gz \ ~/kypria-technologies/ # Export Git history git log --all --pretty=format:"%h %ad %s" \ --date=short > git_history.txt # Save current state as tag git tag -a v1.0-stable -m "Stable release" git push origin v1.0-stable

🎓 REMEMBER

📜 Test locally first
⚙️ Commit with clear messages
🔥 Verify after deployment

The Basilica Stands Eternal

⬅ Back to Basilica Home