🚀 Live Site: https://cywf.github.io
This is my personal portfolio site - an interactive analytics and visualization hub that tracks repository health, workflow status, and contribution activity across the PR-CYBR organization and my personal projects.
- Repository Health Dashboard - Live CI/CD status, active repositories, and workflow success rates
- AI-Agent Monitoring - Build status for PR-CYBR agent repositories with category badges
- Contribution Analytics - GitHub stats, top languages, and contribution streaks
- Deployment Insights - GitHub Pages deployment status and history
- Astro - Modern static site generator for optimal performance
- React - Interactive UI components
- TailwindCSS + daisyUI - Beautiful, customizable dark themes
- Chart.js - Interactive data visualizations (doughnut, bar, line charts)
- GitHub REST API - Real-time data fetching with local caching
- Mermaid - Architecture and workflow diagrams
7 customizable dark themes with localStorage persistence:
- Nightfall (default) - Cool blue tones with excellent contrast
- Dracula - Classic dark theme with purple accents
- Cyberpunk - Bright neon colors on dark background
- Dark Neon - Magenta and cyan highlights
- Hackerman - Matrix-inspired green terminal aesthetic
- Gamecore - Warm orange and red gaming vibes
- Neon Accent - Purple and pink gradient accents
- Automatic data caching (1-hour duration) via localStorage
- CI-generated snapshots for statistics, discussions, and project data
- Real-time GitHub API integration for:
- Workflow runs and CI/CD status
- Repository commits and activity
- Issues and pull requests
- Agent build statuses
- Client-side privacy: no external tracking or analytics
.
├── site/ # Astro application
│ ├── src/
│ │ ├── components/ # React components
│ │ │ ├── ThemeSwitcher.tsx
│ │ │ ├── Charts.tsx
│ │ │ └── MermaidViewer.tsx
│ │ ├── layouts/
│ │ │ └── Layout.astro # Main layout with nav & footer
│ │ ├── pages/ # All site routes
│ │ │ ├── index.astro # Home page
│ │ │ ├── dashboard.astro
│ │ │ ├── statistics.astro
│ │ │ ├── discussions.astro
│ │ │ ├── development-board.astro
│ │ │ ├── create-issue.astro
│ │ │ ├── docs.astro
│ │ │ ├── visualizer.astro
│ │ │ └── 404.astro
│ │ ├── scripts/ # Data fetching scripts
│ │ │ ├── fetch_repo_data.ts
│ │ │ ├── fetch_discussions.ts
│ │ │ └── fetch_projects.ts
│ │ └── styles/
│ │ └── global.css
│ ├── public/
│ │ ├── legacy/ # Original Jekyll dashboard
│ │ │ ├── assets/ # CSS & JS from original
│ │ │ └── index.html # Original dashboard
│ │ ├── data/ # CI-generated JSON snapshots
│ │ └── diagrams/ # Mermaid diagram files
│ ├── astro.config.mjs
│ ├── tailwind.config.mjs
│ └── package.json
├── .github/
│ ├── workflows/
│ │ └── pages.yml # Build & deploy workflow
│ └── ISSUE_TEMPLATE/ # Issue templates
├── assets/ # Original Jekyll assets (legacy)
├── index.html # Original Jekyll dashboard (legacy)
├── _config.yml # Jekyll config (legacy)
└── README.md
/- Home page with project info and quick links/dashboard- Original portfolio dashboard (embedded legacy version)/statistics- Repository statistics with Chart.js visualizations/discussions- Latest GitHub discussions/development-board- Kanban board (Projects v2 or issues-based)/create-issue- Quick shortcuts to create issues with templates/docs- Documentation renderer with README and migration notes/visualizer- Mermaid diagram viewer for architecture visualization
This site is built with Astro and automatically deployed via GitHub Actions.
- Node.js 20 LTS
- npm
cd site
npm install
npm run devVisit http://localhost:4321 to view the site.
cd site
npm run buildThe static site will be generated in site/dist/.
cd site
npm run previewThe original Jekyll dashboard is preserved and accessible at /dashboard. It includes:
- Original assets (CSS, JS) copied to
site/public/legacy/assets/ - Original
index.htmlatsite/public/legacy/index.html - Full GitHub API integration with 1-hour localStorage caching
- All original visualizations and metrics
The dashboard is embedded via iframe to maintain its original functionality while being part of the new Astro site.
The .github/workflows/pages.yml workflow:
- Copies legacy dashboard assets to the Astro public directory
- Runs data snapshot scripts to generate JSON files:
stats.json- Repository statistics (stars, forks, languages, commits)discussions.json- Latest 25 discussionsprojects.json- Project board items (Projects v2 or issues fallback)
- Builds the Astro site
- Deploys to GitHub Pages
Data snapshots are server-side only - the GITHUB_TOKEN is never exposed to clients.
- WCAG AA compliant color contrast across all themes
- Keyboard-accessible navigation and theme switcher
- Skip-to-content link for screen readers
- Breadcrumb navigation on all pages
- Semantic HTML and ARIA labels
- Respects
prefers-reduced-motion
- Lighthouse scores ≥ 90 (Performance, Best Practices, SEO, Accessibility)
- Astro's optimized static site generation
- Component-level hydration with React
- Efficient caching strategies
- Minimal JavaScript for core pages
I'm Kylo Parisher (KP), a security engineer, AI/ML researcher, instructor, and founder of PR‑CYBR. My mission is to build resilient systems that protect and empower communities.
I balance roles as an AI & ML research engineer, security instructor, and lifelong student. My work spans cybersecurity, executive protection, psionics, space systems, and quantum exploration. Guided by the Seven Hermetic Principles, I focus on ethical innovation and intergenerational stewardship through initiatives like the G8 System.
PR‑CYBR is a Puerto Rico initiative I founded to promote digital resilience and education. It aims to build community protection and drive innovation in cybersecurity, AI/ML, and technology.
MIT License - See the footer of the site for copyright information.