feat: replace mock data with real execution metrics - #59
Merged
PelleNybe merged 1 commit intoAug 30, 2026
Merged
Conversation
Contributor
|
👋 Jules, reporting for duty! I'm here to lend a hand with this pull request. When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down. I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job! For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with New to Jules? Learn more at jules.google/docs. For security, I will only act on instructions from the user who triggered this task. |
![github-advanced-security[bot]](https://avatars.githubusercontent.com/in/57789?s=60&v=4){kind=small}
| "areaServed": "Global", | ||
| "knowsAbout": ["AI", "Robotics", "Edge AI", "Web3", "Blockchain", "Automation", "GreenTech", "Compliance"] | ||
| }</script><script defer="defer" data-domain="PelleNybe.github.io" src="https://plausible.io/js/script.js"></script><link rel="stylesheet" href="styles.css"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet"><link rel="preload" href="styles.css" as="style"><link rel="preload" href="app.js" as="script"><script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script></head><body><a href="#main-content" class="skip-link" tabindex="0">Skip to main content</a><div id="corax-os-boot" style="position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:999999;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--primary-color);font-family:monospace;transition:opacity 1s ease-out"><div style="font-size:2rem;font-weight:700;margin-bottom:2rem;text-shadow:0 0 20px var(--primary-color)">CORAX_OS v2.0</div><div id="boot-progress-bar" style="width:300px;height:4px;background:rgba(0,255,194,.2);position:relative;border-radius:2px;overflow:hidden;margin-bottom:1rem"><div id="boot-progress-fill" style="width:0%;height:100%;background:var(--primary-color);box-shadow:0 0 10px var(--primary-color);transition:width .1s"></div></div><div id="boot-status-text" style="font-size:.8rem;color:var(--text-muted);min-height:1.2rem">Initializing boot sequence...</div></div><div class="background-animation"></div><canvas id="neural-canvas"></canvas><div class="custom-cursor"></div><div class="custom-cursor-follower"></div><nav id="navbar"><div class="nav-container"><button class="logo" onclick="scrollToTop()" aria-label="Go to top of page"><img src="images/logo.png" alt="Corax CoLAB Logo" style="height:40px;margin-right:10px" loading="eager"> <span class="logo-text">Pelle Nyberg</span></button><ul class="nav-links" id="nav-links"><li><a href="#architectures">Architectures</a></li><li><a href="#tech-stack">Tech Stack</a></li><li><a href="#open-source">Open Source</a></li><li><a href="#domain-expertise">Domain Expertise</a></li><li><a href="#contact">Contact</a></li><li><button id="theme-toggle" class="theme-toggle" title="Toggle theme" aria-label="Toggle dark/light theme">🌙</button></li></ul><button class="mobile-menu-btn" id="mobile-menu-btn" aria-label="Open navigation menu" aria-expanded="false"><span></span> <span></span> <span></span></button></div><div class="mobile-nav-overlay" id="mobile-nav-overlay"><div class="mobile-nav-content"><a href="#architectures" onclick="closeMobileMenu()">Architectures</a> <a href="#tech-stack" onclick="closeMobileMenu()">Tech Stack</a> <a href="#open-source" onclick="closeMobileMenu()">Open Source</a> <a href="#domain-expertise" onclick="closeMobileMenu()">Domain Expertise</a> <a href="#contact" onclick="closeMobileMenu()">Contact</a></div></div></nav><section class="hero"><div class="hero-bg-fallback" style="background-image:url('images/hero-bg.svg');background-size:cover;background-position:center;opacity:.5"></div><div class="hero-bg-overlay"></div><div class="hero-content"><div class="terminal-boot-container"><div class="terminal-header"><div class="terminal-buttons"><span class="terminal-btn close"></span> <span class="terminal-btn min"></span> <span class="terminal-btn max"></span></div><div class="terminal-title">corax_os_v2.0 -- bash</div></div><div class="terminal-body" id="terminal-body"></div></div><h1 class="glitch" data-text="Pelle Nyberg">Pelle Nyberg</h1><p class="hero-subtitle">Deep Tech Developer & AI/Robotics Innovator</p><p class="hero-description">"I combine strategic vision with hands-on engineering at the hardware level. With a background as a Master Gardener and an expert in industrial forestry flows, I build cyber-physical systems that truly understand the biological environments they operate within. I can solder a circuit, train a neural network, and design the ecological context."</p><div class="hero-ctas"><a href="https://github.com/PelleNybe" target="_blank" rel="noopener noreferrer" class="cta-button primary-cta">Explore My GitHub </a><a href="https://coraxcolab.com" target="_blank" rel="noopener noreferrer" class="cta-button secondary-cta">Visit Corax CoLAB</a></div></div></section><section id="featured-project" style="padding-top:4rem;padding-bottom:2rem"><div class="featured-project-container"><div class="header-section"><div class="icon-container"><i class="fa-solid fa-robot"></i></div><div><h2 class="project-title">Agent-Commit Tracker</h2><p class="project-subtitle">Automated Transparency for AI-Generated Code</p></div></div><div class="tech-badges"><span class="badge"><i class="fa-brands fa-python"></i> Python / FastAPI</span> <span class="badge"><i class="fa-brands fa-google"></i> Google Cloud Run</span> <span class="badge"><i class="fa-brands fa-github"></i> GitHub Webhooks</span> <span class="badge"><i class="fa-solid fa-server"></i> Serverless</span></div><div class="project-description"><p>As AI agents increasingly write our code, human reviewers lose the critical context behind the commits. I built the Agent-Commit Tracker to solve this blind spot. It is a production-grade, serverless microservice that intercepts GitHub webhooks in real-time, parsing hidden AI metadata to inject perfectly formatted context reports directly into Pull Requests.</p></div><ul class="features-list"><li><i class="fa-solid fa-bolt"></i> <strong>Zero Latency Parsing</strong> <span>Built with Python and robust Regex, it instantly extracts embedded context markers from PR descriptions without delaying the CI/CD pipeline.</span></li><li><i class="fa-solid fa-cloud"></i> <strong>100% Serverless</strong> <span>Containerized and deployed on Google Cloud Run. It scales from zero to handle webhook spikes securely and cost-effectively.</span></li><li><i class="fa-solid fa-shield-halved"></i> <strong>Enterprise Security</strong> <span>Enforces strict validation of <code>X-Hub-Signature-256</code> headers to guarantee payload authenticity before any processing begins.</span></li></ul><div class="action-buttons"><a href="https://github.com/PelleNybe/agent-commit-tracker" target="_blank" rel="noopener noreferrer" class="btn btn-primary"><i class="fa-brands fa-github"></i> Install GitHub App</a> <a href="agent-commit-tracker/index.html" class="btn btn-secondary"><i class="fa-solid fa-link"></i> Project Page</a> <a href="https://github.com/PelleNybe/agent-commit-tracker" target="_blank" rel="noopener noreferrer" class="btn btn-secondary"><i class="fa-solid fa-code"></i> View Source Architecture</a></div></div></section><section id="architectures"><h2 class="section-title">🤖 Architectures & Innovation</h2><p class="section-subtitle">As the Founder and CEO of Corax CoLAB, I drive intelligent automation in Deep Tech and AgTech. I am the architect behind the GAP (Green Automated Process) Platform and GAPbot, a Python-based hexapod robot. These platforms integrate IoT sensors, AI models like EcoMind, and autonomous navigation to conquer challenging terrains.</p><div class="configurator-wrapper" style="display:flex;flex-direction:column;gap:2rem;margin-top:2rem;background:var(--card-bg);border-radius:var(--border-radius);padding:1.5rem;border:1px solid rgba(0,255,194,.2)"><div id="gapbot-3d-container" style="width:100%;height:400px;position:relative;border-radius:var(--border-radius-small);overflow:hidden;background:radial-gradient(circle at center,rgba(0,255,194,.05),transparent 70%);flex:2;cursor:grab"><div style="position:absolute;top:10px;left:10px;z-index:10;font-family:monospace;color:var(--primary-color);font-size:.8rem;pointer-events:none">DRAG TO ROTATE<br>SCROLL TO ZOOM</div></div><div class="configurator-controls" style="flex:1;display:flex;flex-direction:column;gap:1rem"><h3 style="color:var(--primary-color);border-bottom:1px solid rgba(0,255,194,.2);padding-bottom:.5rem">GAPbot Configurator</h3><div class="config-group"><label style="display:block;color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem">Vision System (Edge AI)</label><div style="display:flex;gap:.5rem"><button aria-label="Configure module" class="config-btn active" data-module="vision" data-type="standard">Standard RGB</button> <button aria-label="Configure module" class="config-btn" data-module="vision" data-type="multispectral">Multispectral</button> <button aria-label="Configure module" class="config-btn" data-module="vision" data-type="lidar">LiDAR Array</button></div></div><div class="config-group"><label style="display:block;color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem">Power System</label><div style="display:flex;gap:.5rem"><button aria-label="Configure module" class="config-btn active" data-module="power" data-type="battery">Li-ion Core</button> <button aria-label="Configure module" class="config-btn" data-module="power" data-type="solar">Solar MPPT Wings</button></div></div><div class="config-group"><label style="display:block;color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem">Chassis Armor</label><div style="display:flex;gap:.5rem"><button aria-label="Configure module" class="config-btn active" data-module="armor" data-type="light">Light (Agile)</button> <button aria-label="Configure module" class="config-btn" data-module="armor" data-type="heavy">Heavy (Industrial)</button></div></div><div class="config-stats" style="margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)"><div style="display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem"><span style="color:var(--text-muted)">Processing Power:</span> <span id="stat-proc" style="color:var(--primary-color);font-family:monospace">85%</span></div><div style="display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem"><span style="color:var(--text-muted)">Energy Efficiency:</span> <span id="stat-energy" style="color:var(--success-color);font-family:monospace">90%</span></div><div style="display:flex;justify-content:space-between;font-size:.9rem"><span style="color:var(--text-muted)">Weight / Mobility:</span> <span id="stat-weight" style="color:var(--warning-color);font-family:monospace">75%</span></div></div></div></div><style>.config-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);padding:.4rem .8rem;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s;flex:1}.config-btn:hover{background:rgba(0,255,194,.1)}.config-btn.active{background:rgba(0,255,194,.15);border-color:var(--primary-color);color:var(--primary-color);font-weight:700}</style><div class="grid-2" style="margin-top:3rem"><div class="feature-card product-card tilt-card"><h3>GAP Platform (The Brain)</h3><p>The industrial analysis and control center, developed to handle the most complex business logic and real-time data streams. A hybrid cloud/edge platform orchestrating fleets of robots.</p><ul style="text-align:left;margin-top:1.5rem;color:var(--text-secondary);padding-left:1.5rem;line-height:1.8"><li><strong>Hybrid Architecture:</strong> Balances reliable execution with ultra-low latency for Edge data.</li><li><strong>Protocol Integration:</strong> Seamless integration with OPC-UA, Modbus, BACnet, and PQC-secured MQTT.</li><li><strong>Explainable AI (XAI):</strong> Human-understandable explanations for predictive decisions (EU AI Act compliant).</li><li><strong>Digital Twin & 4D:</strong> Virtual copies for remote monitoring and Digital Risk Mitigation.</li></ul></div><div class="feature-card product-card tilt-card"><h3>GAPbot (The Body)</h3><p>Autonomous hexapod robotics for optimization, security, and analysis. Equipped with 'Sun Bathing Mode' for extreme endurance and superior accessibility in complex environments.</p><ul style="text-align:left;margin-top:1.5rem;color:var(--text-secondary);padding-left:1.5rem;line-height:1.8"><li><strong>Neuro-Symbolic Hybrid AI:</strong> Edge AI (YOLOv8-Seg on Hailo-8L) + Generative AI (Phi-3 Medium).</li><li><strong>Hexapod Kinematics:</strong> Superior mobility with 'Split-Belly Kinematics' for a low center of gravity.</li><li><strong>Energy Optimization:</strong> MPPT 'Sun Bathing Mode' maximizes autonomous runtime via solar panels.</li><li><strong>Self-Healing Code:</strong> Dynamically identifies errors, generates fixes, and applies them for maximum uptime.</li></ul></div></div></section><section id="tech-stack"><h2 class="section-title">Tech Stack & Hardware</h2><p class="section-subtitle">The "Full-Stack" of Matter: My technical environment bridges high-level code with physical execution.</p><div class="features-grid"><div class="feature-card tilt-card"><div class="feature-illustration"><img src="images/ai-illustration.svg" alt="Edge AI & Robotics" style="width:100%;height:auto" loading="eager"></div><h3>Edge AI & Robotics</h3><p>Developing with Python and ROS on Linux environments to bring intelligent perception to edge devices.</p></div><div class="feature-card tilt-card"><div class="feature-illustration"><img src="images/automation-illustration.svg" alt="Hardware Specialization" style="width:100%;height:auto" loading="eager"></div><h3>Hardware Specialization</h3><p>Optimizing compute on Raspberry Pi 5 (16 GiB RAM), utilizing Hailo 8L AI accelerators (PCIe), and fast NVMe SSDs.</p></div><div class="feature-card tilt-card"><div class="feature-illustration"><img src="images/blockchain-illustration.svg" alt="Workflow" style="width:100%;height:auto" loading="eager"></div><h3>Workflow & Integration</h3><p>Operating headless environments via SSH/VNC, with heavy VScode and GitHub integrations powered by AI-driven development.</p></div></div></section><section id="hologram"><h2 class="section-title">Code as Architecture</h2><p class="section-subtitle">Interact with the holographic representation of a GAP-managed facility. Discover how our code translates to physical automation.</p><div class="hologram-container" style="position:relative;height:600px;max-width:1000px;margin:2rem auto;background:var(--card-bg);border-radius:var(--border-radius);border:1px solid rgba(0,255,194,.2);overflow:hidden;perspective:1200px"><div style="position:absolute;width:200%;height:200%;top:-50%;left:-50%;background-image:linear-gradient(rgba(0,255,194,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,194,.1) 1px,transparent 1px);background-size:50px 50px;transform:rotateX(60deg) translateZ(-200px);transform-origin:top;z-index:0;pointer-events:none"></div><div class="holo-scene" style="position:absolute;width:100%;height:100%;top:0;left:0;transform-style:preserve-3d;transition:transform .5s ease-out;z-index:1"><div class="holo-node" data-code="python" data-target="pump" style="top:60%;left:30%"><div class="node-marker"></div><span class="node-label">Irrigation Pump</span></div><div class="holo-node" data-code="cpp" data-target="sensor" style="top:40%;left:60%"><div class="node-marker"></div><span class="node-label">Edge Sensor Hub</span></div><div class="holo-node" data-code="rust" data-target="solar" style="top:20%;left:40%"><div class="node-marker"></div><span class="node-label">Solar MPPT Array</span></div></div><div id="holo-code-overlay" style="position:absolute;top:20px;right:20px;width:350px;background:rgba(5,5,5,.9);border:1px solid var(--primary-color);border-radius:var(--border-radius-small);padding:1rem;color:#fff;font-family:monospace;z-index:10;opacity:0;pointer-events:none;transition:opacity .3s;box-shadow:0 0 20px rgba(0,255,194,.2)"><div style="color:var(--text-muted);border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem;margin-bottom:.5rem;display:flex;justify-content:space-between"><span id="holo-filename">pump_control.py</span> <span style="color:var(--primary-color)">● LIVE</span></div><pre><code id="holo-code-content" style="color:#0fc;white-space:pre-wrap;font-size:.85rem"></code></pre></div></div><style>.holo-node{position:absolute;transform:translate(-50%,-50%) translateZ(50px);cursor:pointer;display:flex;flex-direction:column;align-items:center;transition:transform .3s}.holo-node:hover{transform:translate(-50%,-50%) translateZ(80px) scale(1.1)}.node-marker{width:20px;height:20px;background:rgba(0,255,194,.2);border:2px solid var(--primary-color);border-radius:50%;box-shadow:0 0 15px var(--primary-color);animation:pulse-node 2s infinite}.node-label{margin-top:10px;color:#fff;background:rgba(0,0,0,.6);padding:4px 8px;border-radius:4px;font-size:.8rem;border:1px solid rgba(0,255,194,.3)}@keyframes pulse-node{0%{box-shadow:0 0 0 0 rgba(0,255,194,.7)}70%{box-shadow:0 0 0 15px rgba(0,255,194,0)}100%{box-shadow:0 0 0 0 rgba(0,255,194,0)}}</style></section><section id="ai-simulator"><h2 class="section-title">Neuro-Symbolic AI Simulator</h2><p class="section-subtitle">Watch our hybrid AI process raw Edge data, identify anomalies, and output logical, explainable decisions in real-time.</p><div class="ai-dashboard" style="display:flex;flex-direction:column;md:flex-row;gap:1rem;max-width:1000px;margin:2rem auto;background:var(--dark-bg);border:1px solid rgba(0,255,194,.3);border-radius:var(--border-radius);padding:1rem;box-shadow:0 0 30px rgba(0,0,0,.8)"><div class="ai-controls" style="display:flex;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)"><button aria-label="Run scenario" class="cta-button secondary-cta sim-btn" data-scenario="nominal" style="padding:.5rem 1rem;font-size:.8rem">Scenario: Nominal</button> <button aria-label="Run scenario" class="cta-button secondary-cta sim-btn" data-scenario="pest" style="padding:.5rem 1rem;font-size:.8rem;border-color:var(--warning-color);color:var(--warning-color)">Inject Pest Anomaly</button> <button aria-label="Run scenario" class="cta-button secondary-cta sim-btn" data-scenario="drought" style="padding:.5rem 1rem;font-size:.8rem;border-color:var(--error-color);color:var(--error-color)">Inject Drought Risk</button></div><div style="display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap"><div class="ai-vision" style="flex:1;min-width:300px;position:relative;background:#000;border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-small);overflow:hidden;height:300px"><div style="position:absolute;top:10px;left:10px;color:var(--primary-color);font-family:monospace;z-index:10;font-size:.8rem;background:rgba(0,0,0,.5);padding:4px">YOLOv8-Seg (Edge) <span id="fps-counter" style="color:var(--warning-color)">60 FPS</span></div><canvas id="vision-canvas" style="width:100%;height:100%;filter:contrast(1.5) sepia(1) hue-rotate(100deg) saturate(2);opacity:.8"></canvas><div id="bbox-overlay" style="position:absolute;border:2px solid var(--primary-color);background:rgba(0,255,194,.1);display:none;transition:all .2s"><span id="bbox-label" style="position:absolute;top:-20px;left:-2px;background:var(--primary-color);color:#000;font-size:.7rem;font-family:monospace;padding:2px 4px;white-space:nowrap">Target 99%</span></div></div><div class="ai-reasoning" style="flex:1;min-width:300px;display:flex;flex-direction:column;gap:.5rem"><div style="flex:1;background:rgba(10,10,10,.9);border:1px solid rgba(0,255,194,.2);padding:1rem;font-family:monospace;border-radius:var(--border-radius-small);overflow-y:auto"><div style="color:var(--text-muted);font-size:.8rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem;margin-bottom:.5rem">Symbolic Logic Engine (XAI)</div><div id="reasoning-log" style="font-size:.85rem;line-height:1.4"><span style="color:var(--primary-color)">> SYSTEM INITIALIZED. Awaiting data...</span></div></div><div style="background:rgba(10,10,10,.9);border:1px solid rgba(0,255,194,.2);padding:1rem;font-family:monospace;border-radius:var(--border-radius-small);font-size:.9rem"><div style="color:var(--text-muted);font-size:.8rem;margin-bottom:.5rem">Current Action State</div><div id="action-state" style="color:var(--success-color);font-weight:700;font-size:1.1rem;text-shadow:0 0 10px rgba(0,255,194,.5)">MONITORING</div></div></div></div></div></section><section id="open-source"><h2 class="section-title">Open Source & Developer Tools</h2><p class="section-subtitle">Showcasing specific coding projects, from serverless webhooks to Web3 data integrity and decentralized IoT networks.</p><div class="projects-grid"><project-card name="Crypto MCP Server" url="https://github.com/PelleNybe/Crypto-MCP-Server---by-Corax-CoLAB" description="Exploring Web3 data integrity and decentralized IoT networks. Built to bridge AI models with real-time blockchain analytics and trading data." language="TypeScript" color="#3178c6" topics='["MCP", "Web3", "Blockchain"]' tag="Web3 Integration"></project-card><project-card name="Founder's Core Insights" url="https://github.com/PelleNybe/PelleNybe" description="Architectural overviews, vision documents, and foundational code structures driving the Corax CoLAB engineering ethos." language="Markdown" color="#083fa1" topics='["Architecture", "Vision"]' tag="Architecture"></project-card></div><div id="loading" style="display:none;text-align:center;padding:2rem;color:var(--primary-color)">Loading projects...</div><div id="projects-grid" class="projects-grid" style="display:none"></div><div id="error-message" class="error-message" style="display:none"></div></section><section id="gallery" style="margin-top:4rem;text-align:center"><h3 style="color:var(--text-secondary);margin-bottom:2rem">Platform Dashboard Previews</h3><div class="projects-grid" style="grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem"><div class="project-card"><img src="images/1773184753736.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773184772226.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773184783812.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773184794241.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773185420660.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773185446305.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773242699963.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div></div></section><section id="domain-expertise"><h2 class="section-title">Domain Expertise: Biology Meets Tech</h2><div class="grid-2" style="margin-top:3rem;margin-bottom:3rem"><div><img src="images/gap_digital_bridge_between_old_industry_and_future_iot.png" alt="Digital Bridge" style="width:100%;border-radius:var(--border-radius);box-shadow:var(--shadow-soft)" loading="lazy"></div><div><img src="images/GAPenterprise_grade_sec.png" alt="Enterprise Grade Security" style="width:100%;border-radius:var(--border-radius);box-shadow:var(--shadow-soft)" loading="lazy"></div></div><p class="section-subtitle">With formal graduation as a Master Gardener and a decade of experience as a Quality Leader in industrial forestry, I bring a unique dual expertise. This ensures that my technological solutions are not just "smart," but ecologically sound and grounded in physical reality.</p><div class="stats-grid"><div class="stat-card"><span class="stat-number">30-50%</span><div class="stat-label">Energy Savings</div></div><div class="stat-card"><span class="stat-number">100%</span><div class="stat-label">Regulatory Traceability</div></div><div class="stat-card"><span class="stat-number">Zero</span><div class="stat-label">Trust Architecture</div></div><div class="stat-card"><span class="stat-number">Edge</span><div class="stat-label">Local Data Processing</div></div></div></section><section id="insights"><h2 class="section-title">Insights & Updates</h2><p class="section-subtitle">Deep dives into our neuro-symbolic AI models, hardware iterations, and Web3 infrastructure developments.</p><div style="max-width:600px;margin:0 auto;margin-bottom:2rem;position:relative"><label for="blog-search" class="sr-only" style="position:absolute;left:-9999px">Search insights</label> <input type="text" id="blog-search" aria-label="Search insights" placeholder="Discover insights via tags (e.g. YOLOv8, MQTT, GAP)" style="width:100%;padding:12px 20px;font-size:1rem;border-radius:30px;border:1px solid rgba(0,255,194,.3);background:rgba(0,0,0,.4);color:#fff;outline:0;transition:all .3s ease"> <span aria-hidden="true" style="position:absolute;right:20px;top:12px;opacity:.5">🔍</span></div><div id="blog-grid" class="projects-grid" style="margin-top:2rem"></div></section><section id="web3-demo"><h2 class="section-title">Web3 & Blockchain Integration</h2><p class="section-subtitle">Experience our trustless architecture. Connect your wallet to sign a secure payload, demonstrating our decentralized approach and seamless interactions with blockchain tech.</p><div style="display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:2rem"><div style="flex:1;min-width:300px;max-width:500px;text-align:left"><h3 style="color:var(--primary-color);margin-bottom:1rem">Decentralized AI Ecosystem</h3><p style="color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem">Corax CoLAB merges cutting-edge AI and automation with Web3 infrastructure to ensure high-security, transparent, and auditable processes. Our integrations empower edge devices to securely authenticate, share data, and process commands leveraging decentralized smart contracts.</p><ul style="color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;padding-left:1.2rem"><li>Secure cryptographic authorization for GAPbot endpoints.</li><li>Smart contract-based device state management.</li><li>Incentivized decentralized data exchange.</li></ul><a href="https://cryptop.coraxcolab.com" target="_blank" rel="noopener noreferrer" class="cta-button secondary-cta">Explore Crypto P's Crypto Circus →</a></div><div style="flex:1;min-width:300px;max-width:500px;padding:2rem;background:var(--card-bg);border-radius:var(--border-radius);border:1px solid rgba(0,255,194,.2);text-align:center;box-shadow:var(--shadow-soft)"><h3 style="margin-bottom:1rem;color:var(--text-primary)">Interactive Signature Demo</h3><div id="wallet-status" style="margin-bottom:1.5rem;font-family:monospace;color:var(--text-muted);background:rgba(0,0,0,.3);padding:.5rem;border-radius:4px">Status: Disconnected</div><button aria-label="Action button" id="connect-wallet-btn" class="cta-button primary-cta" style="margin-bottom:1rem;width:100%;justify-content:center">Connect Wallet (MetaMask)</button><div id="web3-actions" style="display:none;flex-direction:column;gap:1rem;margin-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem"><p style="font-size:.9rem;color:var(--text-secondary)">Sign a test message to verify your identity on the Edge node securely using personal_sign.</p><button aria-label="Action button" id="sign-message-btn" class="cta-button secondary-cta" style="width:100%;justify-content:center">Sign GAPbot Auth Payload</button><div id="signature-result" style="margin-top:1rem;font-family:monospace;font-size:.8rem;color:var(--success-color);word-break:break-all;background:rgba(0,255,194,.1);padding:1rem;border-radius:4px;display:none"></div></div></div></div></section><div id="theme-customizer" style="position:fixed;bottom:20px;left:20px;z-index:1000;display:flex;gap:10px"><button id="theme-btn-default" class="theme-btn" aria-label="Set default color theme" style="background:linear-gradient(135deg,#00ffc2,#1a73e8)" data-primary="#00FFC2" data-secondary="#1A73E8"></button> <button id="theme-btn-cyber" class="theme-btn" aria-label="Set cyber color theme" style="background:linear-gradient(135deg,#f0f,#0ff)" data-primary="#FF00FF" data-secondary="#00FFFF"></button> <button id="theme-btn-neon" class="theme-btn" aria-label="Set neon color theme" style="background:linear-gradient(135deg,gold,#ff4500)" data-primary="#FFD700" data-secondary="#FF4500"></button></div><section id="activity" style="margin-top:4rem"><h3 style="text-align:center;color:var(--text-secondary);margin-bottom:2rem">Recent GitHub Activity</h3><div id="github-activity" style="display:flex;flex-direction:column;gap:10px;max-width:800px;margin:0 auto"></div></section><section id="network" style="margin-top:6rem;position:relative"><h2 class="section-title">Global Decentralized Network</h2><p class="section-subtitle">Real-time visualization of active edge nodes, validators, and data relays across the globe.</p><div id="globe-container" style="width:100%;height:500px;margin-top:2rem;position:relative;border-radius:var(--border-radius);overflow:hidden;background:radial-gradient(circle at center,rgba(0,255,194,.05) 0,transparent 70%);border:1px solid rgba(255,255,255,.05)"><div id="globe-tooltip" style="position:absolute;display:none;background:rgba(0,0,0,.8);border:1px solid var(--primary-color);padding:10px;border-radius:4px;color:#fff;font-family:monospace;font-size:.8rem;pointer-events:none;z-index:10"></div></div><div style="display:flex;justify-content:center;gap:20px;margin-top:1rem;font-family:monospace;font-size:.9rem"><span style="color:var(--primary-color)">● Active Node</span> <span style="color:var(--warning-color)">● Validator</span> <span style="color:var(--secondary-color)">● Data Relay</span></div></section><section id="telemetry-dash" style="margin-top:6rem;max-width:800px;margin-left:auto;margin-right:auto"><h3 style="text-align:center;color:var(--text-secondary);margin-bottom:2rem">Live Swarm Telemetry</h3><div style="background:var(--card-bg);padding:2rem;border-radius:var(--border-radius);border:1px solid rgba(0,255,194,.2);box-shadow:var(--shadow-soft)"><canvas id="telemetryChart" height="100"></canvas></div></section><section id="architecture" style="margin-top:4rem"><h3 style="text-align:center;color:var(--text-secondary);margin-bottom:2rem">Interactive Architecture Diagram</h3><div style="position:relative;max-width:800px;height:400px;margin:0 auto;padding:2rem;background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow-soft)"><div class="arch-node" style="top:20%;left:50%" data-info="Neuro-Symbolic Hybrid AI for Edge reasoning.">Edge AI</div><div class="arch-node" style="top:50%;left:20%" data-info="Advanced Swarm Intelligence via Consensus-Based Bundle Algorithm.">Swarm logic</div><div class="arch-node" style="top:50%;left:80%" data-info="Blockchain and Web3 Integration for decentralized trust.">Web3</div><div class="arch-node" style="top:80%;left:50%" data-info="Hardware integrations: Controllers, sensors, GAPbot.">Hardware</div><svg style="position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1"><line x1="50%" y1="20%" x2="20%" y2="50%" stroke="var(--primary-color)" stroke-width="3" style="filter:drop-shadow(0 0 5px var(--primary-color));animation:dash 5s linear infinite;stroke-dasharray:10,5"/><style>@keyframes dash{to{stroke-dashoffset:-50}}</style><line x1="50%" y1="20%" x2="80%" y2="50%" stroke="var(--primary-color)" stroke-width="2"/><line x1="20%" y1="50%" x2="50%" y2="80%" stroke="var(--primary-color)" stroke-width="2"/><line x1="80%" y1="50%" x2="50%" y2="80%" stroke="var(--primary-color)" stroke-width="2"/><line x1="50%" y1="20%" x2="50%" y2="80%" stroke="var(--primary-color)" stroke-width="2" stroke-dasharray="5,5"/></svg></div><div id="arch-info" style="margin-top:2rem;padding:1rem;background:rgba(0,255,194,.1);border-left:4px solid var(--primary-color);color:var(--text-primary);border-radius:var(--border-radius-small);min-height:50px;text-align:center">Hover over a component to see details.</div></section><section id="contact"><h2 class="section-title">Let's Connect</h2><p class="section-subtitle">Ready to build the future with autonomous robotics, Edge AI, and sustainable ecosystems? Let's talk.</p><div class="features-grid" style="max-width:800px;margin:0 auto"><div class="feature-card" style="padding:2rem"><span class="feature-icon">🌐</span><h3>Main Website</h3><p>Visit our primary domain for deep dives into our services, enterprise solutions, and booking a demo.</p><a href="https://coraxcolab.com" target="_blank" rel="noopener noreferrer" class="cta-button" style="margin-top:1rem;width:100%;justify-content:center">coraxcolab.com</a></div><div class="feature-card" style="padding:2rem"><span class="feature-icon">✉️</span><h3>Contact Us</h3><p>Reach out directly for consultation regarding AI, Web3, Blockchain, and advanced robotics integrations.</p><a href="mailto:info@coraxcolab.com" class="cta-button secondary-cta" style="margin-top:1rem;width:100%;justify-content:center">info@coraxcolab.com</a></div></div></section><footer><div class="footer-content"><img src="images/coraxcolabloggarund.png" alt="Corax CoLAB Footer Logo" style="height:60px;margin-bottom:1rem" loading="lazy"><br><div class="footer-links"><a href="https://coraxcolab.com" target="_blank" rel="noopener noreferrer">Corax CoLAB Website</a> <a href="https://cryptop.coraxcolab.com" target="_blank" rel="noopener noreferrer">Crypto P's Crypto Circus</a> <a href="https://github.com/PelleNybe" target="_blank" rel="noopener noreferrer">GitHub (PelleNybe)</a> <a href="#architectures">Architectures & Innovation</a></div><p style="color:var(--text-muted);margin-top:1.5rem;font-size:.9rem">© <span id="year"></span> Pelle Nyberg. All rights reserved.<br>Building the future with intelligent technology that combines efficiency with responsibility.</p></div></footer><div id="telemetry-panel" style="position:fixed;top:100px;right:20px;z-index:999;background:rgba(10,10,10,.85);border:1px solid var(--primary-color);border-radius:8px;padding:15px;width:250px;font-family:monospace;color:var(--text-secondary);backdrop-filter:blur(10px);display:none;box-shadow:0 0 15px rgba(0,255,194,.1)"><div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;border-bottom:1px solid rgba(0,255,194,.2);padding-bottom:5px"><span style="color:var(--primary-color);font-weight:700">SYS_TELEMETRY</span> <button id="close-telemetry" aria-label="Close telemetry panel" style="background:0 0;border:none;color:var(--text-muted);cursor:pointer">✕</button></div><div id="vitals-lcp" style="margin-bottom:5px">LCP: <span style="color:var(--warning-color)">Measuring...</span></div><div id="vitals-fid" style="margin-bottom:5px">FID: <span style="color:var(--warning-color)">Measuring...</span></div><div id="vitals-cls" style="margin-bottom:5px">CLS: <span style="color:var(--warning-color)">Measuring...</span></div><div id="vitals-inp" style="margin-bottom:5px">INP: <span style="color:var(--warning-color)">Measuring...</span></div><div style="font-size:.8rem;margin-top:10px;opacity:.5">Core Web Vitals active</div></div><script src="https://cdnjs.cloudflare.com/ajax/libs/lunr.js/2.3.9/lunr.min.js"></script><script src="https://unpkg.com/web-vitals@3/dist/web-vitals.iife.js"></script><script src="https://cdn.jsdelivr.net/npm/chart.js"></script><script src="app.js" defer="defer"></script></body></html> | ||
| }</script><script defer="defer" data-domain="PelleNybe.github.io" src="https://plausible.io/js/script.js"></script><link rel="stylesheet" href="styles.css"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet"><link rel="preload" href="styles.css" as="style"><link rel="preload" href="app.js" as="script"><script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script></head><body><a href="#main-content" class="skip-link" tabindex="0">Skip to main content</a><div id="corax-os-boot" style="position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:999999;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--primary-color);font-family:monospace;transition:opacity 1s ease-out"><div style="font-size:2rem;font-weight:700;margin-bottom:2rem;text-shadow:0 0 20px var(--primary-color)">CORAX_OS v2.0</div><div id="boot-progress-bar" style="width:300px;height:4px;background:rgba(0,255,194,.2);position:relative;border-radius:2px;overflow:hidden;margin-bottom:1rem"><div id="boot-progress-fill" style="width:0%;height:100%;background:var(--primary-color);box-shadow:0 0 10px var(--primary-color);transition:width .1s"></div></div><div id="boot-status-text" style="font-size:.8rem;color:var(--text-muted);min-height:1.2rem">Initializing boot sequence...</div></div><div class="background-animation"></div><canvas id="neural-canvas"></canvas><div class="custom-cursor"></div><div class="custom-cursor-follower"></div><nav id="navbar"><div class="nav-container"><button class="logo" onclick="scrollToTop()" aria-label="Go to top of page"><img src="images/logo.png" alt="Corax CoLAB Logo" style="height:40px;margin-right:10px" loading="eager"> <span class="logo-text">Pelle Nyberg</span></button><ul class="nav-links" id="nav-links"><li><a href="#architectures">Architectures</a></li><li><a href="#tech-stack">Tech Stack</a></li><li><a href="#open-source">Open Source</a></li><li><a href="#domain-expertise">Domain Expertise</a></li><li><a href="#contact">Contact</a></li><li><button id="theme-toggle" class="theme-toggle" title="Toggle theme" aria-label="Toggle dark/light theme">🌙</button></li></ul><button class="mobile-menu-btn" id="mobile-menu-btn" aria-label="Open navigation menu" aria-expanded="false"><span></span> <span></span> <span></span></button></div><div class="mobile-nav-overlay" id="mobile-nav-overlay"><div class="mobile-nav-content"><a href="#architectures" onclick="closeMobileMenu()">Architectures</a> <a href="#tech-stack" onclick="closeMobileMenu()">Tech Stack</a> <a href="#open-source" onclick="closeMobileMenu()">Open Source</a> <a href="#domain-expertise" onclick="closeMobileMenu()">Domain Expertise</a> <a href="#contact" onclick="closeMobileMenu()">Contact</a></div></div></nav><section class="hero"><div class="hero-bg-fallback" style="background-image:url('images/hero-bg.svg');background-size:cover;background-position:center;opacity:.5"></div><div class="hero-bg-overlay"></div><div class="hero-content"><div class="terminal-boot-container"><div class="terminal-header"><div class="terminal-buttons"><span class="terminal-btn close"></span> <span class="terminal-btn min"></span> <span class="terminal-btn max"></span></div><div class="terminal-title">corax_os_v2.0 -- bash</div></div><div class="terminal-body" id="terminal-body"></div></div><h1 class="glitch" data-text="Pelle Nyberg">Pelle Nyberg</h1><p class="hero-subtitle">Deep Tech Developer & AI/Robotics Innovator</p><p class="hero-description">"I combine strategic vision with hands-on engineering at the hardware level. With a background as a Master Gardener and an expert in industrial forestry flows, I build cyber-physical systems that truly understand the biological environments they operate within. I can solder a circuit, train a neural network, and design the ecological context."</p><div class="hero-ctas"><a href="https://github.com/PelleNybe" target="_blank" rel="noopener noreferrer" class="cta-button primary-cta">Explore My GitHub </a><a href="https://coraxcolab.com" target="_blank" rel="noopener noreferrer" class="cta-button secondary-cta">Visit Corax CoLAB</a></div></div></section><section id="featured-project" style="padding-top:4rem;padding-bottom:2rem"><div class="featured-project-container"><div class="header-section"><div class="icon-container"><i class="fa-solid fa-robot"></i></div><div><h2 class="project-title">Agent-Commit Tracker</h2><p class="project-subtitle">Automated Transparency for AI-Generated Code</p></div></div><div class="tech-badges"><span class="badge"><i class="fa-brands fa-python"></i> Python / FastAPI</span> <span class="badge"><i class="fa-brands fa-google"></i> Google Cloud Run</span> <span class="badge"><i class="fa-brands fa-github"></i> GitHub Webhooks</span> <span class="badge"><i class="fa-solid fa-server"></i> Serverless</span></div><div class="project-description"><p>As AI agents increasingly write our code, human reviewers lose the critical context behind the commits. I built the Agent-Commit Tracker to solve this blind spot. It is a production-grade, serverless microservice that intercepts GitHub webhooks in real-time, parsing hidden AI metadata to inject perfectly formatted context reports directly into Pull Requests.</p></div><ul class="features-list"><li><i class="fa-solid fa-bolt"></i> <strong>Zero Latency Parsing</strong> <span>Built with Python and robust Regex, it instantly extracts embedded context markers from PR descriptions without delaying the CI/CD pipeline.</span></li><li><i class="fa-solid fa-cloud"></i> <strong>100% Serverless</strong> <span>Containerized and deployed on Google Cloud Run. It scales from zero to handle webhook spikes securely and cost-effectively.</span></li><li><i class="fa-solid fa-shield-halved"></i> <strong>Enterprise Security</strong> <span>Enforces strict validation of <code>X-Hub-Signature-256</code> headers to guarantee payload authenticity before any processing begins.</span></li></ul><div class="action-buttons"><a href="https://github.com/PelleNybe/agent-commit-tracker" target="_blank" rel="noopener noreferrer" class="btn btn-primary"><i class="fa-brands fa-github"></i> Install GitHub App</a> <a href="agent-commit-tracker/index.html" class="btn btn-secondary"><i class="fa-solid fa-link"></i> Project Page</a> <a href="https://github.com/PelleNybe/agent-commit-tracker" target="_blank" rel="noopener noreferrer" class="btn btn-secondary"><i class="fa-solid fa-code"></i> View Source Architecture</a></div></div></section><section id="architectures"><h2 class="section-title">🤖 Architectures & Innovation</h2><p class="section-subtitle">As the Founder and CEO of Corax CoLAB, I drive intelligent automation in Deep Tech and AgTech. I am the architect behind the GAP (Green Automated Process) Platform and GAPbot, a Python-based hexapod robot. These platforms integrate IoT sensors, AI models like EcoMind, and autonomous navigation to conquer challenging terrains.</p><div class="configurator-wrapper" style="display:flex;flex-direction:column;gap:2rem;margin-top:2rem;background:var(--card-bg);border-radius:var(--border-radius);padding:1.5rem;border:1px solid rgba(0,255,194,.2)"><div id="gapbot-3d-container" style="width:100%;height:400px;position:relative;border-radius:var(--border-radius-small);overflow:hidden;background:radial-gradient(circle at center,rgba(0,255,194,.05),transparent 70%);flex:2;cursor:grab"><div style="position:absolute;top:10px;left:10px;z-index:10;font-family:monospace;color:var(--primary-color);font-size:.8rem;pointer-events:none">DRAG TO ROTATE<br>SCROLL TO ZOOM</div></div><div class="configurator-controls" style="flex:1;display:flex;flex-direction:column;gap:1rem"><h3 style="color:var(--primary-color);border-bottom:1px solid rgba(0,255,194,.2);padding-bottom:.5rem">GAPbot Configurator</h3><div class="config-group"><label style="display:block;color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem">Vision System (Edge AI)</label><div style="display:flex;gap:.5rem"><button aria-label="Configure module" class="config-btn active" data-module="vision" data-type="standard">Standard RGB</button> <button aria-label="Configure module" class="config-btn" data-module="vision" data-type="multispectral">Multispectral</button> <button aria-label="Configure module" class="config-btn" data-module="vision" data-type="lidar">LiDAR Array</button></div></div><div class="config-group"><label style="display:block;color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem">Power System</label><div style="display:flex;gap:.5rem"><button aria-label="Configure module" class="config-btn active" data-module="power" data-type="battery">Li-ion Core</button> <button aria-label="Configure module" class="config-btn" data-module="power" data-type="solar">Solar MPPT Wings</button></div></div><div class="config-group"><label style="display:block;color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem">Chassis Armor</label><div style="display:flex;gap:.5rem"><button aria-label="Configure module" class="config-btn active" data-module="armor" data-type="light">Light (Agile)</button> <button aria-label="Configure module" class="config-btn" data-module="armor" data-type="heavy">Heavy (Industrial)</button></div></div><div class="config-stats" style="margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)"><div style="display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem"><span style="color:var(--text-muted)">Processing Power:</span> <span id="stat-proc" style="color:var(--primary-color);font-family:monospace">85%</span></div><div style="display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem"><span style="color:var(--text-muted)">Energy Efficiency:</span> <span id="stat-energy" style="color:var(--success-color);font-family:monospace">90%</span></div><div style="display:flex;justify-content:space-between;font-size:.9rem"><span style="color:var(--text-muted)">Weight / Mobility:</span> <span id="stat-weight" style="color:var(--warning-color);font-family:monospace">75%</span></div></div></div></div><style>.config-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);padding:.4rem .8rem;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s;flex:1}.config-btn:hover{background:rgba(0,255,194,.1)}.config-btn.active{background:rgba(0,255,194,.15);border-color:var(--primary-color);color:var(--primary-color);font-weight:700}</style><div class="grid-2" style="margin-top:3rem"><div class="feature-card product-card tilt-card"><h3>GAP Platform (The Brain)</h3><p>The industrial analysis and control center, developed to handle the most complex business logic and real-time data streams. A hybrid cloud/edge platform orchestrating fleets of robots.</p><ul style="text-align:left;margin-top:1.5rem;color:var(--text-secondary);padding-left:1.5rem;line-height:1.8"><li><strong>Hybrid Architecture:</strong> Balances reliable execution with ultra-low latency for Edge data.</li><li><strong>Protocol Integration:</strong> Seamless integration with OPC-UA, Modbus, BACnet, and PQC-secured MQTT.</li><li><strong>Explainable AI (XAI):</strong> Human-understandable explanations for predictive decisions (EU AI Act compliant).</li><li><strong>Digital Twin & 4D:</strong> Virtual copies for remote monitoring and Digital Risk Mitigation.</li></ul></div><div class="feature-card product-card tilt-card"><h3>GAPbot (The Body)</h3><p>Autonomous hexapod robotics for optimization, security, and analysis. Equipped with 'Sun Bathing Mode' for extreme endurance and superior accessibility in complex environments.</p><ul style="text-align:left;margin-top:1.5rem;color:var(--text-secondary);padding-left:1.5rem;line-height:1.8"><li><strong>Neuro-Symbolic Hybrid AI:</strong> Edge AI (YOLOv8-Seg on Hailo-8L) + Generative AI (Phi-3 Medium).</li><li><strong>Hexapod Kinematics:</strong> Superior mobility with 'Split-Belly Kinematics' for a low center of gravity.</li><li><strong>Energy Optimization:</strong> MPPT 'Sun Bathing Mode' maximizes autonomous runtime via solar panels.</li><li><strong>Self-Healing Code:</strong> Dynamically identifies errors, generates fixes, and applies them for maximum uptime.</li></ul></div></div></section><section id="tech-stack"><h2 class="section-title">Tech Stack & Hardware</h2><p class="section-subtitle">The "Full-Stack" of Matter: My technical environment bridges high-level code with physical execution.</p><div class="features-grid"><div class="feature-card tilt-card"><div class="feature-illustration"><img src="images/ai-illustration.svg" alt="Edge AI & Robotics" style="width:100%;height:auto" loading="eager"></div><h3>Edge AI & Robotics</h3><p>Developing with Python and ROS on Linux environments to bring intelligent perception to edge devices.</p></div><div class="feature-card tilt-card"><div class="feature-illustration"><img src="images/automation-illustration.svg" alt="Hardware Specialization" style="width:100%;height:auto" loading="eager"></div><h3>Hardware Specialization</h3><p>Optimizing compute on Raspberry Pi 5 (16 GiB RAM), utilizing Hailo 8L AI accelerators (PCIe), and fast NVMe SSDs.</p></div><div class="feature-card tilt-card"><div class="feature-illustration"><img src="images/blockchain-illustration.svg" alt="Workflow" style="width:100%;height:auto" loading="eager"></div><h3>Workflow & Integration</h3><p>Operating headless environments via SSH/VNC, with heavy VScode and GitHub integrations powered by AI-driven development.</p></div></div></section><section id="hologram"><h2 class="section-title">Code as Architecture</h2><p class="section-subtitle">Interact with the holographic representation of a GAP-managed facility. Discover how our code translates to physical automation.</p><div class="hologram-container" style="position:relative;height:600px;max-width:1000px;margin:2rem auto;background:var(--card-bg);border-radius:var(--border-radius);border:1px solid rgba(0,255,194,.2);overflow:hidden;perspective:1200px"><div style="position:absolute;width:200%;height:200%;top:-50%;left:-50%;background-image:linear-gradient(rgba(0,255,194,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,194,.1) 1px,transparent 1px);background-size:50px 50px;transform:rotateX(60deg) translateZ(-200px);transform-origin:top;z-index:0;pointer-events:none"></div><div class="holo-scene" style="position:absolute;width:100%;height:100%;top:0;left:0;transform-style:preserve-3d;transition:transform .5s ease-out;z-index:1"><div class="holo-node" data-code="python" data-target="pump" style="top:60%;left:30%"><div class="node-marker"></div><span class="node-label">Irrigation Pump</span></div><div class="holo-node" data-code="cpp" data-target="sensor" style="top:40%;left:60%"><div class="node-marker"></div><span class="node-label">Edge Sensor Hub</span></div><div class="holo-node" data-code="rust" data-target="solar" style="top:20%;left:40%"><div class="node-marker"></div><span class="node-label">Solar MPPT Array</span></div></div><div id="holo-code-overlay" style="position:absolute;top:20px;right:20px;width:350px;background:rgba(5,5,5,.9);border:1px solid var(--primary-color);border-radius:var(--border-radius-small);padding:1rem;color:#fff;font-family:monospace;z-index:10;opacity:0;pointer-events:none;transition:opacity .3s;box-shadow:0 0 20px rgba(0,255,194,.2)"><div style="color:var(--text-muted);border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem;margin-bottom:.5rem;display:flex;justify-content:space-between"><span id="holo-filename">pump_control.py</span> <span style="color:var(--primary-color)">● LIVE</span></div><pre><code id="holo-code-content" style="color:#0fc;white-space:pre-wrap;font-size:.85rem"></code></pre></div></div><style>.holo-node{position:absolute;transform:translate(-50%,-50%) translateZ(50px);cursor:pointer;display:flex;flex-direction:column;align-items:center;transition:transform .3s}.holo-node:hover{transform:translate(-50%,-50%) translateZ(80px) scale(1.1)}.node-marker{width:20px;height:20px;background:rgba(0,255,194,.2);border:2px solid var(--primary-color);border-radius:50%;box-shadow:0 0 15px var(--primary-color);animation:pulse-node 2s infinite}.node-label{margin-top:10px;color:#fff;background:rgba(0,0,0,.6);padding:4px 8px;border-radius:4px;font-size:.8rem;border:1px solid rgba(0,255,194,.3)}@keyframes pulse-node{0%{box-shadow:0 0 0 0 rgba(0,255,194,.7)}70%{box-shadow:0 0 0 15px rgba(0,255,194,0)}100%{box-shadow:0 0 0 0 rgba(0,255,194,0)}}</style></section><section id="ai-simulator"><h2 class="section-title">Neuro-Symbolic AI Simulator</h2><p class="section-subtitle">Watch our hybrid AI process raw Edge data, identify anomalies, and output logical, explainable decisions in real-time.</p><div class="ai-dashboard" style="display:flex;flex-direction:column;md:flex-row;gap:1rem;max-width:1000px;margin:2rem auto;background:var(--dark-bg);border:1px solid rgba(0,255,194,.3);border-radius:var(--border-radius);padding:1rem;box-shadow:0 0 30px rgba(0,0,0,.8)"><div class="ai-controls" style="display:flex;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)"><button aria-label="Run scenario" class="cta-button secondary-cta sim-btn" data-scenario="nominal" style="padding:.5rem 1rem;font-size:.8rem">Scenario: Nominal</button> <button aria-label="Run scenario" class="cta-button secondary-cta sim-btn" data-scenario="pest" style="padding:.5rem 1rem;font-size:.8rem;border-color:var(--warning-color);color:var(--warning-color)">Inject Pest Anomaly</button> <button aria-label="Run scenario" class="cta-button secondary-cta sim-btn" data-scenario="drought" style="padding:.5rem 1rem;font-size:.8rem;border-color:var(--error-color);color:var(--error-color)">Inject Drought Risk</button></div><div style="display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap"><div class="ai-vision" style="flex:1;min-width:300px;position:relative;background:#000;border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-small);overflow:hidden;height:300px"><div style="position:absolute;top:10px;left:10px;color:var(--primary-color);font-family:monospace;z-index:10;font-size:.8rem;background:rgba(0,0,0,.5);padding:4px">YOLOv8-Seg (Edge) <span id="fps-counter" style="color:var(--warning-color)">60 FPS</span></div><canvas id="vision-canvas" style="width:100%;height:100%;filter:contrast(1.5) sepia(1) hue-rotate(100deg) saturate(2);opacity:.8"></canvas><div id="bbox-overlay" style="position:absolute;border:2px solid var(--primary-color);background:rgba(0,255,194,.1);display:none;transition:all .2s"><span id="bbox-label" style="position:absolute;top:-20px;left:-2px;background:var(--primary-color);color:#000;font-size:.7rem;font-family:monospace;padding:2px 4px;white-space:nowrap">Target 99%</span></div></div><div class="ai-reasoning" style="flex:1;min-width:300px;display:flex;flex-direction:column;gap:.5rem"><div style="flex:1;background:rgba(10,10,10,.9);border:1px solid rgba(0,255,194,.2);padding:1rem;font-family:monospace;border-radius:var(--border-radius-small);overflow-y:auto"><div style="color:var(--text-muted);font-size:.8rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem;margin-bottom:.5rem">Symbolic Logic Engine (XAI)</div><div id="reasoning-log" style="font-size:.85rem;line-height:1.4"><span style="color:var(--primary-color)">> SYSTEM INITIALIZED. Awaiting data...</span></div></div><div style="background:rgba(10,10,10,.9);border:1px solid rgba(0,255,194,.2);padding:1rem;font-family:monospace;border-radius:var(--border-radius-small);font-size:.9rem"><div style="color:var(--text-muted);font-size:.8rem;margin-bottom:.5rem">Current Action State</div><div id="action-state" style="color:var(--success-color);font-weight:700;font-size:1.1rem;text-shadow:0 0 10px rgba(0,255,194,.5)">MONITORING</div></div></div></div></div></section><section id="open-source"><h2 class="section-title">Open Source & Developer Tools</h2><p class="section-subtitle">Showcasing specific coding projects, from serverless webhooks to Web3 data integrity and decentralized IoT networks.</p><div class="projects-grid"><project-card name="Crypto MCP Server" url="https://github.com/PelleNybe/Crypto-MCP-Server---by-Corax-CoLAB" description="Exploring Web3 data integrity and decentralized IoT networks. Built to bridge AI models with real-time blockchain analytics and trading data." language="TypeScript" color="#3178c6" topics='["MCP", "Web3", "Blockchain"]' tag="Web3 Integration"></project-card><project-card name="Founder's Core Insights" url="https://github.com/PelleNybe/PelleNybe" description="Architectural overviews, vision documents, and foundational code structures driving the Corax CoLAB engineering ethos." language="Markdown" color="#083fa1" topics='["Architecture", "Vision"]' tag="Architecture"></project-card></div><div id="loading" style="display:none;text-align:center;padding:2rem;color:var(--primary-color)">Loading projects...</div><div id="projects-grid" class="projects-grid" style="display:none"></div><div id="error-message" class="error-message" style="display:none"></div></section><section id="gallery" style="margin-top:4rem;text-align:center"><h3 style="color:var(--text-secondary);margin-bottom:2rem">Platform Dashboard Previews</h3><div class="projects-grid" style="grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem"><div class="project-card"><img src="images/1773184753736.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773184772226.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773184783812.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773184794241.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773185420660.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773185446305.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773242699963.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div></div></section><section id="domain-expertise"><h2 class="section-title">Domain Expertise: Biology Meets Tech</h2><div class="grid-2" style="margin-top:3rem;margin-bottom:3rem"><div><img src="images/gap_digital_bridge_between_old_industry_and_future_iot.png" alt="Digital Bridge" style="width:100%;border-radius:var(--border-radius);box-shadow:var(--shadow-soft)" loading="lazy"></div><div><img src="images/GAPenterprise_grade_sec.png" alt="Enterprise Grade Security" style="width:100%;border-radius:var(--border-radius);box-shadow:var(--shadow-soft)" loading="lazy"></div></div><p class="section-subtitle">With formal graduation as a Master Gardener and a decade of experience as a Quality Leader in industrial forestry, I bring a unique dual expertise. This ensures that my technological solutions are not just "smart," but ecologically sound and grounded in physical reality.</p><div class="stats-grid"><div class="stat-card"><span class="stat-number">30-50%</span><div class="stat-label">Energy Savings</div></div><div class="stat-card"><span class="stat-number">100%</span><div class="stat-label">Regulatory Traceability</div></div><div class="stat-card"><span class="stat-number">Zero</span><div class="stat-label">Trust Architecture</div></div><div class="stat-card"><span class="stat-number">Edge</span><div class="stat-label">Local Data Processing</div></div></div></section><section id="insights"><h2 class="section-title">Insights & Updates</h2><p class="section-subtitle">Deep dives into our neuro-symbolic AI models, hardware iterations, and Web3 infrastructure developments.</p><div style="max-width:600px;margin:0 auto;margin-bottom:2rem;position:relative"><label for="blog-search" class="sr-only" style="position:absolute;left:-9999px">Search insights</label> <input type="text" id="blog-search" aria-label="Search insights" placeholder="Discover insights via tags (e.g. YOLOv8, MQTT, GAP)" style="width:100%;padding:12px 20px;font-size:1rem;border-radius:30px;border:1px solid rgba(0,255,194,.3);background:rgba(0,0,0,.4);color:#fff;outline:0;transition:all .3s ease"> <span aria-hidden="true" style="position:absolute;right:20px;top:12px;opacity:.5">🔍</span></div><div id="blog-grid" class="projects-grid" style="margin-top:2rem"></div></section><section id="web3-demo"><h2 class="section-title">Web3 & Blockchain Integration</h2><p class="section-subtitle">Experience our trustless architecture. Connect your wallet to sign a secure payload, demonstrating our decentralized approach and seamless interactions with blockchain tech.</p><div style="display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:2rem"><div style="flex:1;min-width:300px;max-width:500px;text-align:left"><h3 style="color:var(--primary-color);margin-bottom:1rem">Decentralized AI Ecosystem</h3><p style="color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem">Corax CoLAB merges cutting-edge AI and automation with Web3 infrastructure to ensure high-security, transparent, and auditable processes. Our integrations empower edge devices to securely authenticate, share data, and process commands leveraging decentralized smart contracts.</p><ul style="color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;padding-left:1.2rem"><li>Secure cryptographic authorization for GAPbot endpoints.</li><li>Smart contract-based device state management.</li><li>Incentivized decentralized data exchange.</li></ul><a href="https://cryptop.coraxcolab.com" target="_blank" rel="noopener noreferrer" class="cta-button secondary-cta">Explore Crypto P's Crypto Circus →</a></div><div style="flex:1;min-width:300px;max-width:500px;padding:2rem;background:var(--card-bg);border-radius:var(--border-radius);border:1px solid rgba(0,255,194,.2);text-align:center;box-shadow:var(--shadow-soft)"><h3 style="margin-bottom:1rem;color:var(--text-primary)">Interactive Signature Demo</h3><div id="wallet-status" style="margin-bottom:1.5rem;font-family:monospace;color:var(--text-muted);background:rgba(0,0,0,.3);padding:.5rem;border-radius:4px">Status: Disconnected</div><button aria-label="Action button" id="connect-wallet-btn" class="cta-button primary-cta" style="margin-bottom:1rem;width:100%;justify-content:center">Connect Wallet (MetaMask)</button><div id="web3-actions" style="display:none;flex-direction:column;gap:1rem;margin-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem"><p style="font-size:.9rem;color:var(--text-secondary)">Sign a test message to verify your identity on the Edge node securely using personal_sign.</p><button aria-label="Action button" id="sign-message-btn" class="cta-button secondary-cta" style="width:100%;justify-content:center">Sign GAPbot Auth Payload</button><div id="signature-result" style="margin-top:1rem;font-family:monospace;font-size:.8rem;color:var(--success-color);word-break:break-all;background:rgba(0,255,194,.1);padding:1rem;border-radius:4px;display:none"></div></div></div></div></section><div id="theme-customizer" style="position:fixed;bottom:20px;left:20px;z-index:1000;display:flex;gap:10px"><button id="theme-btn-default" class="theme-btn" aria-label="Set default color theme" style="background:linear-gradient(135deg,#00ffc2,#1a73e8)" data-primary="#00FFC2" data-secondary="#1A73E8"></button> <button id="theme-btn-cyber" class="theme-btn" aria-label="Set cyber color theme" style="background:linear-gradient(135deg,#f0f,#0ff)" data-primary="#FF00FF" data-secondary="#00FFFF"></button> <button id="theme-btn-neon" class="theme-btn" aria-label="Set neon color theme" style="background:linear-gradient(135deg,gold,#ff4500)" data-primary="#FFD700" data-secondary="#FF4500"></button></div><section id="activity" style="margin-top:4rem"><h3 style="text-align:center;color:var(--text-secondary);margin-bottom:2rem">Recent GitHub Activity</h3><div id="github-activity" style="display:flex;flex-direction:column;gap:10px;max-width:800px;margin:0 auto"></div></section><section id="network" style="margin-top:6rem;position:relative"><h2 class="section-title">Global Decentralized Network</h2><p class="section-subtitle">Real-time visualization of active edge nodes, validators, and data relays across the globe.</p><div id="globe-container" style="width:100%;height:500px;margin-top:2rem;position:relative;border-radius:var(--border-radius);overflow:hidden;background:radial-gradient(circle at center,rgba(0,255,194,.05) 0,transparent 70%);border:1px solid rgba(255,255,255,.05)"><div id="globe-tooltip" style="position:absolute;display:none;background:rgba(0,0,0,.8);border:1px solid var(--primary-color);padding:10px;border-radius:4px;color:#fff;font-family:monospace;font-size:.8rem;pointer-events:none;z-index:10"></div></div><div style="display:flex;justify-content:center;gap:20px;margin-top:1rem;font-family:monospace;font-size:.9rem"><span style="color:var(--primary-color)">● Active Node</span> <span style="color:var(--warning-color)">● Validator</span> <span style="color:var(--secondary-color)">● Data Relay</span></div></section><section id="telemetry-dash" style="margin-top:6rem;max-width:800px;margin-left:auto;margin-right:auto"><h3 style="text-align:center;color:var(--text-secondary);margin-bottom:2rem">Live Swarm Telemetry</h3><div style="background:var(--card-bg);padding:2rem;border-radius:var(--border-radius);border:1px solid rgba(0,255,194,.2);box-shadow:var(--shadow-soft)"><canvas id="telemetryChart" height="100"></canvas></div></section><section id="architecture" style="margin-top:4rem"><h3 style="text-align:center;color:var(--text-secondary);margin-bottom:2rem">Interactive Architecture Diagram</h3><div style="position:relative;max-width:800px;height:400px;margin:0 auto;padding:2rem;background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow-soft)"><div class="arch-node" style="top:20%;left:50%" data-info="Neuro-Symbolic Hybrid AI for Edge reasoning.">Edge AI</div><div class="arch-node" style="top:50%;left:20%" data-info="Advanced Swarm Intelligence via Consensus-Based Bundle Algorithm.">Swarm logic</div><div class="arch-node" style="top:50%;left:80%" data-info="Blockchain and Web3 Integration for decentralized trust.">Web3</div><div class="arch-node" style="top:80%;left:50%" data-info="Hardware integrations: Controllers, sensors, GAPbot.">Hardware</div><svg style="position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1"><line x1="50%" y1="20%" x2="20%" y2="50%" stroke="var(--primary-color)" stroke-width="3" style="filter:drop-shadow(0 0 5px var(--primary-color));animation:dash 5s linear infinite;stroke-dasharray:10,5"/><style>@keyframes dash{to{stroke-dashoffset:-50}}</style><line x1="50%" y1="20%" x2="80%" y2="50%" stroke="var(--primary-color)" stroke-width="2"/><line x1="20%" y1="50%" x2="50%" y2="80%" stroke="var(--primary-color)" stroke-width="2"/><line x1="80%" y1="50%" x2="50%" y2="80%" stroke="var(--primary-color)" stroke-width="2"/><line x1="50%" y1="20%" x2="50%" y2="80%" stroke="var(--primary-color)" stroke-width="2" stroke-dasharray="5,5"/></svg></div><div id="arch-info" style="margin-top:2rem;padding:1rem;background:rgba(0,255,194,.1);border-left:4px solid var(--primary-color);color:var(--text-primary);border-radius:var(--border-radius-small);min-height:50px;text-align:center">Hover over a component to see details.</div></section><section id="contact"><h2 class="section-title">Let's Connect</h2><p class="section-subtitle">Ready to build the future with autonomous robotics, Edge AI, and sustainable ecosystems? Let's talk.</p><div class="features-grid" style="max-width:800px;margin:0 auto"><div class="feature-card" style="padding:2rem"><span class="feature-icon">🌐</span><h3>Main Website</h3><p>Visit our primary domain for deep dives into our services, enterprise solutions, and booking a demo.</p><a href="https://coraxcolab.com" target="_blank" rel="noopener noreferrer" class="cta-button" style="margin-top:1rem;width:100%;justify-content:center">coraxcolab.com</a></div><div class="feature-card" style="padding:2rem"><span class="feature-icon">✉️</span><h3>Contact Us</h3><p>Reach out directly for consultation regarding AI, Web3, Blockchain, and advanced robotics integrations.</p><a href="mailto:info@coraxcolab.com" class="cta-button secondary-cta" style="margin-top:1rem;width:100%;justify-content:center">info@coraxcolab.com</a></div></div></section><footer><div class="footer-content"><img src="images/coraxcolabloggarund.png" alt="Corax CoLAB Footer Logo" style="height:60px;margin-bottom:1rem" loading="lazy"><br><div class="footer-links"><a href="https://coraxcolab.com" target="_blank" rel="noopener noreferrer">Corax CoLAB Website</a> <a href="https://cryptop.coraxcolab.com" target="_blank" rel="noopener noreferrer">Crypto P's Crypto Circus</a> <a href="https://github.com/PelleNybe" target="_blank" rel="noopener noreferrer">GitHub (PelleNybe)</a> <a href="#architectures">Architectures & Innovation</a></div><p style="color:var(--text-muted);margin-top:1.5rem;font-size:.9rem">© <span id="year"></span> Pelle Nyberg. All rights reserved.<br>Building the future with intelligent technology that combines efficiency with responsibility.</p></div></footer><div id="telemetry-panel" style="position:fixed;top:100px;right:20px;z-index:999;background:rgba(10,10,10,.85);border:1px solid var(--primary-color);border-radius:8px;padding:15px;width:250px;font-family:monospace;color:var(--text-secondary);backdrop-filter:blur(10px);display:none;box-shadow:0 0 15px rgba(0,255,194,.1)"><div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;border-bottom:1px solid rgba(0,255,194,.2);padding-bottom:5px"><span style="color:var(--primary-color);font-weight:700">SYS_TELEMETRY</span> <button id="close-telemetry" aria-label="Close telemetry panel" style="background:0 0;border:none;color:var(--text-muted);cursor:pointer">✕</button></div><div id="vitals-lcp" style="margin-bottom:5px">LCP: <span style="color:var(--warning-color)">Measuring...</span></div><div id="vitals-fid" style="margin-bottom:5px">FID: <span style="color:var(--warning-color)">Measuring...</span></div><div id="vitals-cls" style="margin-bottom:5px">CLS: <span style="color:var(--warning-color)">Measuring...</span></div><div id="vitals-inp" style="margin-bottom:5px">INP: <span style="color:var(--warning-color)">Measuring...</span></div><div style="font-size:.8rem;margin-top:10px;opacity:.5">Core Web Vitals active</div></div><script src="https://cdnjs.cloudflare.com/ajax/libs/lunr.js/2.3.9/lunr.min.js"></script><script src="https://unpkg.com/web-vitals@3/dist/web-vitals.iife.js"></script><script src="https://cdn.jsdelivr.net/npm/chart.js"></script><script src="app.js" defer="defer"></script></body></html> No newline at end of file |
| "areaServed": "Global", | ||
| "knowsAbout": ["AI", "Robotics", "Edge AI", "Web3", "Blockchain", "Automation", "GreenTech", "Compliance"] | ||
| }</script><script defer="defer" data-domain="PelleNybe.github.io" src="https://plausible.io/js/script.js"></script><link rel="stylesheet" href="styles.css"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet"><link rel="preload" href="styles.css" as="style"><link rel="preload" href="app.js" as="script"><script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script></head><body><a href="#main-content" class="skip-link" tabindex="0">Skip to main content</a><div id="corax-os-boot" style="position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:999999;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--primary-color);font-family:monospace;transition:opacity 1s ease-out"><div style="font-size:2rem;font-weight:700;margin-bottom:2rem;text-shadow:0 0 20px var(--primary-color)">CORAX_OS v2.0</div><div id="boot-progress-bar" style="width:300px;height:4px;background:rgba(0,255,194,.2);position:relative;border-radius:2px;overflow:hidden;margin-bottom:1rem"><div id="boot-progress-fill" style="width:0%;height:100%;background:var(--primary-color);box-shadow:0 0 10px var(--primary-color);transition:width .1s"></div></div><div id="boot-status-text" style="font-size:.8rem;color:var(--text-muted);min-height:1.2rem">Initializing boot sequence...</div></div><div class="background-animation"></div><canvas id="neural-canvas"></canvas><div class="custom-cursor"></div><div class="custom-cursor-follower"></div><nav id="navbar"><div class="nav-container"><button class="logo" onclick="scrollToTop()" aria-label="Go to top of page"><img src="images/logo.png" alt="Corax CoLAB Logo" style="height:40px;margin-right:10px" loading="eager"> <span class="logo-text">Pelle Nyberg</span></button><ul class="nav-links" id="nav-links"><li><a href="#architectures">Architectures</a></li><li><a href="#tech-stack">Tech Stack</a></li><li><a href="#open-source">Open Source</a></li><li><a href="#domain-expertise">Domain Expertise</a></li><li><a href="#contact">Contact</a></li><li><button id="theme-toggle" class="theme-toggle" title="Toggle theme" aria-label="Toggle dark/light theme">🌙</button></li></ul><button class="mobile-menu-btn" id="mobile-menu-btn" aria-label="Open navigation menu" aria-expanded="false"><span></span> <span></span> <span></span></button></div><div class="mobile-nav-overlay" id="mobile-nav-overlay"><div class="mobile-nav-content"><a href="#architectures" onclick="closeMobileMenu()">Architectures</a> <a href="#tech-stack" onclick="closeMobileMenu()">Tech Stack</a> <a href="#open-source" onclick="closeMobileMenu()">Open Source</a> <a href="#domain-expertise" onclick="closeMobileMenu()">Domain Expertise</a> <a href="#contact" onclick="closeMobileMenu()">Contact</a></div></div></nav><section class="hero"><div class="hero-bg-fallback" style="background-image:url('images/hero-bg.svg');background-size:cover;background-position:center;opacity:.5"></div><div class="hero-bg-overlay"></div><div class="hero-content"><div class="terminal-boot-container"><div class="terminal-header"><div class="terminal-buttons"><span class="terminal-btn close"></span> <span class="terminal-btn min"></span> <span class="terminal-btn max"></span></div><div class="terminal-title">corax_os_v2.0 -- bash</div></div><div class="terminal-body" id="terminal-body"></div></div><h1 class="glitch" data-text="Pelle Nyberg">Pelle Nyberg</h1><p class="hero-subtitle">Deep Tech Developer & AI/Robotics Innovator</p><p class="hero-description">"I combine strategic vision with hands-on engineering at the hardware level. With a background as a Master Gardener and an expert in industrial forestry flows, I build cyber-physical systems that truly understand the biological environments they operate within. I can solder a circuit, train a neural network, and design the ecological context."</p><div class="hero-ctas"><a href="https://github.com/PelleNybe" target="_blank" rel="noopener noreferrer" class="cta-button primary-cta">Explore My GitHub </a><a href="https://coraxcolab.com" target="_blank" rel="noopener noreferrer" class="cta-button secondary-cta">Visit Corax CoLAB</a></div></div></section><section id="featured-project" style="padding-top:4rem;padding-bottom:2rem"><div class="featured-project-container"><div class="header-section"><div class="icon-container"><i class="fa-solid fa-robot"></i></div><div><h2 class="project-title">Agent-Commit Tracker</h2><p class="project-subtitle">Automated Transparency for AI-Generated Code</p></div></div><div class="tech-badges"><span class="badge"><i class="fa-brands fa-python"></i> Python / FastAPI</span> <span class="badge"><i class="fa-brands fa-google"></i> Google Cloud Run</span> <span class="badge"><i class="fa-brands fa-github"></i> GitHub Webhooks</span> <span class="badge"><i class="fa-solid fa-server"></i> Serverless</span></div><div class="project-description"><p>As AI agents increasingly write our code, human reviewers lose the critical context behind the commits. I built the Agent-Commit Tracker to solve this blind spot. It is a production-grade, serverless microservice that intercepts GitHub webhooks in real-time, parsing hidden AI metadata to inject perfectly formatted context reports directly into Pull Requests.</p></div><ul class="features-list"><li><i class="fa-solid fa-bolt"></i> <strong>Zero Latency Parsing</strong> <span>Built with Python and robust Regex, it instantly extracts embedded context markers from PR descriptions without delaying the CI/CD pipeline.</span></li><li><i class="fa-solid fa-cloud"></i> <strong>100% Serverless</strong> <span>Containerized and deployed on Google Cloud Run. It scales from zero to handle webhook spikes securely and cost-effectively.</span></li><li><i class="fa-solid fa-shield-halved"></i> <strong>Enterprise Security</strong> <span>Enforces strict validation of <code>X-Hub-Signature-256</code> headers to guarantee payload authenticity before any processing begins.</span></li></ul><div class="action-buttons"><a href="https://github.com/PelleNybe/agent-commit-tracker" target="_blank" rel="noopener noreferrer" class="btn btn-primary"><i class="fa-brands fa-github"></i> Install GitHub App</a> <a href="agent-commit-tracker/index.html" class="btn btn-secondary"><i class="fa-solid fa-link"></i> Project Page</a> <a href="https://github.com/PelleNybe/agent-commit-tracker" target="_blank" rel="noopener noreferrer" class="btn btn-secondary"><i class="fa-solid fa-code"></i> View Source Architecture</a></div></div></section><section id="architectures"><h2 class="section-title">🤖 Architectures & Innovation</h2><p class="section-subtitle">As the Founder and CEO of Corax CoLAB, I drive intelligent automation in Deep Tech and AgTech. I am the architect behind the GAP (Green Automated Process) Platform and GAPbot, a Python-based hexapod robot. These platforms integrate IoT sensors, AI models like EcoMind, and autonomous navigation to conquer challenging terrains.</p><div class="configurator-wrapper" style="display:flex;flex-direction:column;gap:2rem;margin-top:2rem;background:var(--card-bg);border-radius:var(--border-radius);padding:1.5rem;border:1px solid rgba(0,255,194,.2)"><div id="gapbot-3d-container" style="width:100%;height:400px;position:relative;border-radius:var(--border-radius-small);overflow:hidden;background:radial-gradient(circle at center,rgba(0,255,194,.05),transparent 70%);flex:2;cursor:grab"><div style="position:absolute;top:10px;left:10px;z-index:10;font-family:monospace;color:var(--primary-color);font-size:.8rem;pointer-events:none">DRAG TO ROTATE<br>SCROLL TO ZOOM</div></div><div class="configurator-controls" style="flex:1;display:flex;flex-direction:column;gap:1rem"><h3 style="color:var(--primary-color);border-bottom:1px solid rgba(0,255,194,.2);padding-bottom:.5rem">GAPbot Configurator</h3><div class="config-group"><label style="display:block;color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem">Vision System (Edge AI)</label><div style="display:flex;gap:.5rem"><button aria-label="Configure module" class="config-btn active" data-module="vision" data-type="standard">Standard RGB</button> <button aria-label="Configure module" class="config-btn" data-module="vision" data-type="multispectral">Multispectral</button> <button aria-label="Configure module" class="config-btn" data-module="vision" data-type="lidar">LiDAR Array</button></div></div><div class="config-group"><label style="display:block;color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem">Power System</label><div style="display:flex;gap:.5rem"><button aria-label="Configure module" class="config-btn active" data-module="power" data-type="battery">Li-ion Core</button> <button aria-label="Configure module" class="config-btn" data-module="power" data-type="solar">Solar MPPT Wings</button></div></div><div class="config-group"><label style="display:block;color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem">Chassis Armor</label><div style="display:flex;gap:.5rem"><button aria-label="Configure module" class="config-btn active" data-module="armor" data-type="light">Light (Agile)</button> <button aria-label="Configure module" class="config-btn" data-module="armor" data-type="heavy">Heavy (Industrial)</button></div></div><div class="config-stats" style="margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)"><div style="display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem"><span style="color:var(--text-muted)">Processing Power:</span> <span id="stat-proc" style="color:var(--primary-color);font-family:monospace">85%</span></div><div style="display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem"><span style="color:var(--text-muted)">Energy Efficiency:</span> <span id="stat-energy" style="color:var(--success-color);font-family:monospace">90%</span></div><div style="display:flex;justify-content:space-between;font-size:.9rem"><span style="color:var(--text-muted)">Weight / Mobility:</span> <span id="stat-weight" style="color:var(--warning-color);font-family:monospace">75%</span></div></div></div></div><style>.config-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);padding:.4rem .8rem;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s;flex:1}.config-btn:hover{background:rgba(0,255,194,.1)}.config-btn.active{background:rgba(0,255,194,.15);border-color:var(--primary-color);color:var(--primary-color);font-weight:700}</style><div class="grid-2" style="margin-top:3rem"><div class="feature-card product-card tilt-card"><h3>GAP Platform (The Brain)</h3><p>The industrial analysis and control center, developed to handle the most complex business logic and real-time data streams. A hybrid cloud/edge platform orchestrating fleets of robots.</p><ul style="text-align:left;margin-top:1.5rem;color:var(--text-secondary);padding-left:1.5rem;line-height:1.8"><li><strong>Hybrid Architecture:</strong> Balances reliable execution with ultra-low latency for Edge data.</li><li><strong>Protocol Integration:</strong> Seamless integration with OPC-UA, Modbus, BACnet, and PQC-secured MQTT.</li><li><strong>Explainable AI (XAI):</strong> Human-understandable explanations for predictive decisions (EU AI Act compliant).</li><li><strong>Digital Twin & 4D:</strong> Virtual copies for remote monitoring and Digital Risk Mitigation.</li></ul></div><div class="feature-card product-card tilt-card"><h3>GAPbot (The Body)</h3><p>Autonomous hexapod robotics for optimization, security, and analysis. Equipped with 'Sun Bathing Mode' for extreme endurance and superior accessibility in complex environments.</p><ul style="text-align:left;margin-top:1.5rem;color:var(--text-secondary);padding-left:1.5rem;line-height:1.8"><li><strong>Neuro-Symbolic Hybrid AI:</strong> Edge AI (YOLOv8-Seg on Hailo-8L) + Generative AI (Phi-3 Medium).</li><li><strong>Hexapod Kinematics:</strong> Superior mobility with 'Split-Belly Kinematics' for a low center of gravity.</li><li><strong>Energy Optimization:</strong> MPPT 'Sun Bathing Mode' maximizes autonomous runtime via solar panels.</li><li><strong>Self-Healing Code:</strong> Dynamically identifies errors, generates fixes, and applies them for maximum uptime.</li></ul></div></div></section><section id="tech-stack"><h2 class="section-title">Tech Stack & Hardware</h2><p class="section-subtitle">The "Full-Stack" of Matter: My technical environment bridges high-level code with physical execution.</p><div class="features-grid"><div class="feature-card tilt-card"><div class="feature-illustration"><img src="images/ai-illustration.svg" alt="Edge AI & Robotics" style="width:100%;height:auto" loading="eager"></div><h3>Edge AI & Robotics</h3><p>Developing with Python and ROS on Linux environments to bring intelligent perception to edge devices.</p></div><div class="feature-card tilt-card"><div class="feature-illustration"><img src="images/automation-illustration.svg" alt="Hardware Specialization" style="width:100%;height:auto" loading="eager"></div><h3>Hardware Specialization</h3><p>Optimizing compute on Raspberry Pi 5 (16 GiB RAM), utilizing Hailo 8L AI accelerators (PCIe), and fast NVMe SSDs.</p></div><div class="feature-card tilt-card"><div class="feature-illustration"><img src="images/blockchain-illustration.svg" alt="Workflow" style="width:100%;height:auto" loading="eager"></div><h3>Workflow & Integration</h3><p>Operating headless environments via SSH/VNC, with heavy VScode and GitHub integrations powered by AI-driven development.</p></div></div></section><section id="hologram"><h2 class="section-title">Code as Architecture</h2><p class="section-subtitle">Interact with the holographic representation of a GAP-managed facility. Discover how our code translates to physical automation.</p><div class="hologram-container" style="position:relative;height:600px;max-width:1000px;margin:2rem auto;background:var(--card-bg);border-radius:var(--border-radius);border:1px solid rgba(0,255,194,.2);overflow:hidden;perspective:1200px"><div style="position:absolute;width:200%;height:200%;top:-50%;left:-50%;background-image:linear-gradient(rgba(0,255,194,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,194,.1) 1px,transparent 1px);background-size:50px 50px;transform:rotateX(60deg) translateZ(-200px);transform-origin:top;z-index:0;pointer-events:none"></div><div class="holo-scene" style="position:absolute;width:100%;height:100%;top:0;left:0;transform-style:preserve-3d;transition:transform .5s ease-out;z-index:1"><div class="holo-node" data-code="python" data-target="pump" style="top:60%;left:30%"><div class="node-marker"></div><span class="node-label">Irrigation Pump</span></div><div class="holo-node" data-code="cpp" data-target="sensor" style="top:40%;left:60%"><div class="node-marker"></div><span class="node-label">Edge Sensor Hub</span></div><div class="holo-node" data-code="rust" data-target="solar" style="top:20%;left:40%"><div class="node-marker"></div><span class="node-label">Solar MPPT Array</span></div></div><div id="holo-code-overlay" style="position:absolute;top:20px;right:20px;width:350px;background:rgba(5,5,5,.9);border:1px solid var(--primary-color);border-radius:var(--border-radius-small);padding:1rem;color:#fff;font-family:monospace;z-index:10;opacity:0;pointer-events:none;transition:opacity .3s;box-shadow:0 0 20px rgba(0,255,194,.2)"><div style="color:var(--text-muted);border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem;margin-bottom:.5rem;display:flex;justify-content:space-between"><span id="holo-filename">pump_control.py</span> <span style="color:var(--primary-color)">● LIVE</span></div><pre><code id="holo-code-content" style="color:#0fc;white-space:pre-wrap;font-size:.85rem"></code></pre></div></div><style>.holo-node{position:absolute;transform:translate(-50%,-50%) translateZ(50px);cursor:pointer;display:flex;flex-direction:column;align-items:center;transition:transform .3s}.holo-node:hover{transform:translate(-50%,-50%) translateZ(80px) scale(1.1)}.node-marker{width:20px;height:20px;background:rgba(0,255,194,.2);border:2px solid var(--primary-color);border-radius:50%;box-shadow:0 0 15px var(--primary-color);animation:pulse-node 2s infinite}.node-label{margin-top:10px;color:#fff;background:rgba(0,0,0,.6);padding:4px 8px;border-radius:4px;font-size:.8rem;border:1px solid rgba(0,255,194,.3)}@keyframes pulse-node{0%{box-shadow:0 0 0 0 rgba(0,255,194,.7)}70%{box-shadow:0 0 0 15px rgba(0,255,194,0)}100%{box-shadow:0 0 0 0 rgba(0,255,194,0)}}</style></section><section id="ai-simulator"><h2 class="section-title">Neuro-Symbolic AI Simulator</h2><p class="section-subtitle">Watch our hybrid AI process raw Edge data, identify anomalies, and output logical, explainable decisions in real-time.</p><div class="ai-dashboard" style="display:flex;flex-direction:column;md:flex-row;gap:1rem;max-width:1000px;margin:2rem auto;background:var(--dark-bg);border:1px solid rgba(0,255,194,.3);border-radius:var(--border-radius);padding:1rem;box-shadow:0 0 30px rgba(0,0,0,.8)"><div class="ai-controls" style="display:flex;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)"><button aria-label="Run scenario" class="cta-button secondary-cta sim-btn" data-scenario="nominal" style="padding:.5rem 1rem;font-size:.8rem">Scenario: Nominal</button> <button aria-label="Run scenario" class="cta-button secondary-cta sim-btn" data-scenario="pest" style="padding:.5rem 1rem;font-size:.8rem;border-color:var(--warning-color);color:var(--warning-color)">Inject Pest Anomaly</button> <button aria-label="Run scenario" class="cta-button secondary-cta sim-btn" data-scenario="drought" style="padding:.5rem 1rem;font-size:.8rem;border-color:var(--error-color);color:var(--error-color)">Inject Drought Risk</button></div><div style="display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap"><div class="ai-vision" style="flex:1;min-width:300px;position:relative;background:#000;border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-small);overflow:hidden;height:300px"><div style="position:absolute;top:10px;left:10px;color:var(--primary-color);font-family:monospace;z-index:10;font-size:.8rem;background:rgba(0,0,0,.5);padding:4px">YOLOv8-Seg (Edge) <span id="fps-counter" style="color:var(--warning-color)">60 FPS</span></div><canvas id="vision-canvas" style="width:100%;height:100%;filter:contrast(1.5) sepia(1) hue-rotate(100deg) saturate(2);opacity:.8"></canvas><div id="bbox-overlay" style="position:absolute;border:2px solid var(--primary-color);background:rgba(0,255,194,.1);display:none;transition:all .2s"><span id="bbox-label" style="position:absolute;top:-20px;left:-2px;background:var(--primary-color);color:#000;font-size:.7rem;font-family:monospace;padding:2px 4px;white-space:nowrap">Target 99%</span></div></div><div class="ai-reasoning" style="flex:1;min-width:300px;display:flex;flex-direction:column;gap:.5rem"><div style="flex:1;background:rgba(10,10,10,.9);border:1px solid rgba(0,255,194,.2);padding:1rem;font-family:monospace;border-radius:var(--border-radius-small);overflow-y:auto"><div style="color:var(--text-muted);font-size:.8rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem;margin-bottom:.5rem">Symbolic Logic Engine (XAI)</div><div id="reasoning-log" style="font-size:.85rem;line-height:1.4"><span style="color:var(--primary-color)">> SYSTEM INITIALIZED. Awaiting data...</span></div></div><div style="background:rgba(10,10,10,.9);border:1px solid rgba(0,255,194,.2);padding:1rem;font-family:monospace;border-radius:var(--border-radius-small);font-size:.9rem"><div style="color:var(--text-muted);font-size:.8rem;margin-bottom:.5rem">Current Action State</div><div id="action-state" style="color:var(--success-color);font-weight:700;font-size:1.1rem;text-shadow:0 0 10px rgba(0,255,194,.5)">MONITORING</div></div></div></div></div></section><section id="open-source"><h2 class="section-title">Open Source & Developer Tools</h2><p class="section-subtitle">Showcasing specific coding projects, from serverless webhooks to Web3 data integrity and decentralized IoT networks.</p><div class="projects-grid"><project-card name="Crypto MCP Server" url="https://github.com/PelleNybe/Crypto-MCP-Server---by-Corax-CoLAB" description="Exploring Web3 data integrity and decentralized IoT networks. Built to bridge AI models with real-time blockchain analytics and trading data." language="TypeScript" color="#3178c6" topics='["MCP", "Web3", "Blockchain"]' tag="Web3 Integration"></project-card><project-card name="Founder's Core Insights" url="https://github.com/PelleNybe/PelleNybe" description="Architectural overviews, vision documents, and foundational code structures driving the Corax CoLAB engineering ethos." language="Markdown" color="#083fa1" topics='["Architecture", "Vision"]' tag="Architecture"></project-card></div><div id="loading" style="display:none;text-align:center;padding:2rem;color:var(--primary-color)">Loading projects...</div><div id="projects-grid" class="projects-grid" style="display:none"></div><div id="error-message" class="error-message" style="display:none"></div></section><section id="gallery" style="margin-top:4rem;text-align:center"><h3 style="color:var(--text-secondary);margin-bottom:2rem">Platform Dashboard Previews</h3><div class="projects-grid" style="grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem"><div class="project-card"><img src="images/1773184753736.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773184772226.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773184783812.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773184794241.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773185420660.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773185446305.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773242699963.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div></div></section><section id="domain-expertise"><h2 class="section-title">Domain Expertise: Biology Meets Tech</h2><div class="grid-2" style="margin-top:3rem;margin-bottom:3rem"><div><img src="images/gap_digital_bridge_between_old_industry_and_future_iot.png" alt="Digital Bridge" style="width:100%;border-radius:var(--border-radius);box-shadow:var(--shadow-soft)" loading="lazy"></div><div><img src="images/GAPenterprise_grade_sec.png" alt="Enterprise Grade Security" style="width:100%;border-radius:var(--border-radius);box-shadow:var(--shadow-soft)" loading="lazy"></div></div><p class="section-subtitle">With formal graduation as a Master Gardener and a decade of experience as a Quality Leader in industrial forestry, I bring a unique dual expertise. This ensures that my technological solutions are not just "smart," but ecologically sound and grounded in physical reality.</p><div class="stats-grid"><div class="stat-card"><span class="stat-number">30-50%</span><div class="stat-label">Energy Savings</div></div><div class="stat-card"><span class="stat-number">100%</span><div class="stat-label">Regulatory Traceability</div></div><div class="stat-card"><span class="stat-number">Zero</span><div class="stat-label">Trust Architecture</div></div><div class="stat-card"><span class="stat-number">Edge</span><div class="stat-label">Local Data Processing</div></div></div></section><section id="insights"><h2 class="section-title">Insights & Updates</h2><p class="section-subtitle">Deep dives into our neuro-symbolic AI models, hardware iterations, and Web3 infrastructure developments.</p><div style="max-width:600px;margin:0 auto;margin-bottom:2rem;position:relative"><label for="blog-search" class="sr-only" style="position:absolute;left:-9999px">Search insights</label> <input type="text" id="blog-search" aria-label="Search insights" placeholder="Discover insights via tags (e.g. YOLOv8, MQTT, GAP)" style="width:100%;padding:12px 20px;font-size:1rem;border-radius:30px;border:1px solid rgba(0,255,194,.3);background:rgba(0,0,0,.4);color:#fff;outline:0;transition:all .3s ease"> <span aria-hidden="true" style="position:absolute;right:20px;top:12px;opacity:.5">🔍</span></div><div id="blog-grid" class="projects-grid" style="margin-top:2rem"></div></section><section id="web3-demo"><h2 class="section-title">Web3 & Blockchain Integration</h2><p class="section-subtitle">Experience our trustless architecture. Connect your wallet to sign a secure payload, demonstrating our decentralized approach and seamless interactions with blockchain tech.</p><div style="display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:2rem"><div style="flex:1;min-width:300px;max-width:500px;text-align:left"><h3 style="color:var(--primary-color);margin-bottom:1rem">Decentralized AI Ecosystem</h3><p style="color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem">Corax CoLAB merges cutting-edge AI and automation with Web3 infrastructure to ensure high-security, transparent, and auditable processes. Our integrations empower edge devices to securely authenticate, share data, and process commands leveraging decentralized smart contracts.</p><ul style="color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;padding-left:1.2rem"><li>Secure cryptographic authorization for GAPbot endpoints.</li><li>Smart contract-based device state management.</li><li>Incentivized decentralized data exchange.</li></ul><a href="https://cryptop.coraxcolab.com" target="_blank" rel="noopener noreferrer" class="cta-button secondary-cta">Explore Crypto P's Crypto Circus →</a></div><div style="flex:1;min-width:300px;max-width:500px;padding:2rem;background:var(--card-bg);border-radius:var(--border-radius);border:1px solid rgba(0,255,194,.2);text-align:center;box-shadow:var(--shadow-soft)"><h3 style="margin-bottom:1rem;color:var(--text-primary)">Interactive Signature Demo</h3><div id="wallet-status" style="margin-bottom:1.5rem;font-family:monospace;color:var(--text-muted);background:rgba(0,0,0,.3);padding:.5rem;border-radius:4px">Status: Disconnected</div><button aria-label="Action button" id="connect-wallet-btn" class="cta-button primary-cta" style="margin-bottom:1rem;width:100%;justify-content:center">Connect Wallet (MetaMask)</button><div id="web3-actions" style="display:none;flex-direction:column;gap:1rem;margin-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem"><p style="font-size:.9rem;color:var(--text-secondary)">Sign a test message to verify your identity on the Edge node securely using personal_sign.</p><button aria-label="Action button" id="sign-message-btn" class="cta-button secondary-cta" style="width:100%;justify-content:center">Sign GAPbot Auth Payload</button><div id="signature-result" style="margin-top:1rem;font-family:monospace;font-size:.8rem;color:var(--success-color);word-break:break-all;background:rgba(0,255,194,.1);padding:1rem;border-radius:4px;display:none"></div></div></div></div></section><div id="theme-customizer" style="position:fixed;bottom:20px;left:20px;z-index:1000;display:flex;gap:10px"><button id="theme-btn-default" class="theme-btn" aria-label="Set default color theme" style="background:linear-gradient(135deg,#00ffc2,#1a73e8)" data-primary="#00FFC2" data-secondary="#1A73E8"></button> <button id="theme-btn-cyber" class="theme-btn" aria-label="Set cyber color theme" style="background:linear-gradient(135deg,#f0f,#0ff)" data-primary="#FF00FF" data-secondary="#00FFFF"></button> <button id="theme-btn-neon" class="theme-btn" aria-label="Set neon color theme" style="background:linear-gradient(135deg,gold,#ff4500)" data-primary="#FFD700" data-secondary="#FF4500"></button></div><section id="activity" style="margin-top:4rem"><h3 style="text-align:center;color:var(--text-secondary);margin-bottom:2rem">Recent GitHub Activity</h3><div id="github-activity" style="display:flex;flex-direction:column;gap:10px;max-width:800px;margin:0 auto"></div></section><section id="network" style="margin-top:6rem;position:relative"><h2 class="section-title">Global Decentralized Network</h2><p class="section-subtitle">Real-time visualization of active edge nodes, validators, and data relays across the globe.</p><div id="globe-container" style="width:100%;height:500px;margin-top:2rem;position:relative;border-radius:var(--border-radius);overflow:hidden;background:radial-gradient(circle at center,rgba(0,255,194,.05) 0,transparent 70%);border:1px solid rgba(255,255,255,.05)"><div id="globe-tooltip" style="position:absolute;display:none;background:rgba(0,0,0,.8);border:1px solid var(--primary-color);padding:10px;border-radius:4px;color:#fff;font-family:monospace;font-size:.8rem;pointer-events:none;z-index:10"></div></div><div style="display:flex;justify-content:center;gap:20px;margin-top:1rem;font-family:monospace;font-size:.9rem"><span style="color:var(--primary-color)">● Active Node</span> <span style="color:var(--warning-color)">● Validator</span> <span style="color:var(--secondary-color)">● Data Relay</span></div></section><section id="telemetry-dash" style="margin-top:6rem;max-width:800px;margin-left:auto;margin-right:auto"><h3 style="text-align:center;color:var(--text-secondary);margin-bottom:2rem">Live Swarm Telemetry</h3><div style="background:var(--card-bg);padding:2rem;border-radius:var(--border-radius);border:1px solid rgba(0,255,194,.2);box-shadow:var(--shadow-soft)"><canvas id="telemetryChart" height="100"></canvas></div></section><section id="architecture" style="margin-top:4rem"><h3 style="text-align:center;color:var(--text-secondary);margin-bottom:2rem">Interactive Architecture Diagram</h3><div style="position:relative;max-width:800px;height:400px;margin:0 auto;padding:2rem;background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow-soft)"><div class="arch-node" style="top:20%;left:50%" data-info="Neuro-Symbolic Hybrid AI for Edge reasoning.">Edge AI</div><div class="arch-node" style="top:50%;left:20%" data-info="Advanced Swarm Intelligence via Consensus-Based Bundle Algorithm.">Swarm logic</div><div class="arch-node" style="top:50%;left:80%" data-info="Blockchain and Web3 Integration for decentralized trust.">Web3</div><div class="arch-node" style="top:80%;left:50%" data-info="Hardware integrations: Controllers, sensors, GAPbot.">Hardware</div><svg style="position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1"><line x1="50%" y1="20%" x2="20%" y2="50%" stroke="var(--primary-color)" stroke-width="3" style="filter:drop-shadow(0 0 5px var(--primary-color));animation:dash 5s linear infinite;stroke-dasharray:10,5"/><style>@keyframes dash{to{stroke-dashoffset:-50}}</style><line x1="50%" y1="20%" x2="80%" y2="50%" stroke="var(--primary-color)" stroke-width="2"/><line x1="20%" y1="50%" x2="50%" y2="80%" stroke="var(--primary-color)" stroke-width="2"/><line x1="80%" y1="50%" x2="50%" y2="80%" stroke="var(--primary-color)" stroke-width="2"/><line x1="50%" y1="20%" x2="50%" y2="80%" stroke="var(--primary-color)" stroke-width="2" stroke-dasharray="5,5"/></svg></div><div id="arch-info" style="margin-top:2rem;padding:1rem;background:rgba(0,255,194,.1);border-left:4px solid var(--primary-color);color:var(--text-primary);border-radius:var(--border-radius-small);min-height:50px;text-align:center">Hover over a component to see details.</div></section><section id="contact"><h2 class="section-title">Let's Connect</h2><p class="section-subtitle">Ready to build the future with autonomous robotics, Edge AI, and sustainable ecosystems? Let's talk.</p><div class="features-grid" style="max-width:800px;margin:0 auto"><div class="feature-card" style="padding:2rem"><span class="feature-icon">🌐</span><h3>Main Website</h3><p>Visit our primary domain for deep dives into our services, enterprise solutions, and booking a demo.</p><a href="https://coraxcolab.com" target="_blank" rel="noopener noreferrer" class="cta-button" style="margin-top:1rem;width:100%;justify-content:center">coraxcolab.com</a></div><div class="feature-card" style="padding:2rem"><span class="feature-icon">✉️</span><h3>Contact Us</h3><p>Reach out directly for consultation regarding AI, Web3, Blockchain, and advanced robotics integrations.</p><a href="mailto:info@coraxcolab.com" class="cta-button secondary-cta" style="margin-top:1rem;width:100%;justify-content:center">info@coraxcolab.com</a></div></div></section><footer><div class="footer-content"><img src="images/coraxcolabloggarund.png" alt="Corax CoLAB Footer Logo" style="height:60px;margin-bottom:1rem" loading="lazy"><br><div class="footer-links"><a href="https://coraxcolab.com" target="_blank" rel="noopener noreferrer">Corax CoLAB Website</a> <a href="https://cryptop.coraxcolab.com" target="_blank" rel="noopener noreferrer">Crypto P's Crypto Circus</a> <a href="https://github.com/PelleNybe" target="_blank" rel="noopener noreferrer">GitHub (PelleNybe)</a> <a href="#architectures">Architectures & Innovation</a></div><p style="color:var(--text-muted);margin-top:1.5rem;font-size:.9rem">© <span id="year"></span> Pelle Nyberg. All rights reserved.<br>Building the future with intelligent technology that combines efficiency with responsibility.</p></div></footer><div id="telemetry-panel" style="position:fixed;top:100px;right:20px;z-index:999;background:rgba(10,10,10,.85);border:1px solid var(--primary-color);border-radius:8px;padding:15px;width:250px;font-family:monospace;color:var(--text-secondary);backdrop-filter:blur(10px);display:none;box-shadow:0 0 15px rgba(0,255,194,.1)"><div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;border-bottom:1px solid rgba(0,255,194,.2);padding-bottom:5px"><span style="color:var(--primary-color);font-weight:700">SYS_TELEMETRY</span> <button id="close-telemetry" aria-label="Close telemetry panel" style="background:0 0;border:none;color:var(--text-muted);cursor:pointer">✕</button></div><div id="vitals-lcp" style="margin-bottom:5px">LCP: <span style="color:var(--warning-color)">Measuring...</span></div><div id="vitals-fid" style="margin-bottom:5px">FID: <span style="color:var(--warning-color)">Measuring...</span></div><div id="vitals-cls" style="margin-bottom:5px">CLS: <span style="color:var(--warning-color)">Measuring...</span></div><div id="vitals-inp" style="margin-bottom:5px">INP: <span style="color:var(--warning-color)">Measuring...</span></div><div style="font-size:.8rem;margin-top:10px;opacity:.5">Core Web Vitals active</div></div><script src="https://cdnjs.cloudflare.com/ajax/libs/lunr.js/2.3.9/lunr.min.js"></script><script src="https://unpkg.com/web-vitals@3/dist/web-vitals.iife.js"></script><script src="https://cdn.jsdelivr.net/npm/chart.js"></script><script src="app.js" defer="defer"></script></body></html> | ||
| }</script><script defer="defer" data-domain="PelleNybe.github.io" src="https://plausible.io/js/script.js"></script><link rel="stylesheet" href="styles.css"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet"><link rel="preload" href="styles.css" as="style"><link rel="preload" href="app.js" as="script"><script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script></head><body><a href="#main-content" class="skip-link" tabindex="0">Skip to main content</a><div id="corax-os-boot" style="position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:999999;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--primary-color);font-family:monospace;transition:opacity 1s ease-out"><div style="font-size:2rem;font-weight:700;margin-bottom:2rem;text-shadow:0 0 20px var(--primary-color)">CORAX_OS v2.0</div><div id="boot-progress-bar" style="width:300px;height:4px;background:rgba(0,255,194,.2);position:relative;border-radius:2px;overflow:hidden;margin-bottom:1rem"><div id="boot-progress-fill" style="width:0%;height:100%;background:var(--primary-color);box-shadow:0 0 10px var(--primary-color);transition:width .1s"></div></div><div id="boot-status-text" style="font-size:.8rem;color:var(--text-muted);min-height:1.2rem">Initializing boot sequence...</div></div><div class="background-animation"></div><canvas id="neural-canvas"></canvas><div class="custom-cursor"></div><div class="custom-cursor-follower"></div><nav id="navbar"><div class="nav-container"><button class="logo" onclick="scrollToTop()" aria-label="Go to top of page"><img src="images/logo.png" alt="Corax CoLAB Logo" style="height:40px;margin-right:10px" loading="eager"> <span class="logo-text">Pelle Nyberg</span></button><ul class="nav-links" id="nav-links"><li><a href="#architectures">Architectures</a></li><li><a href="#tech-stack">Tech Stack</a></li><li><a href="#open-source">Open Source</a></li><li><a href="#domain-expertise">Domain Expertise</a></li><li><a href="#contact">Contact</a></li><li><button id="theme-toggle" class="theme-toggle" title="Toggle theme" aria-label="Toggle dark/light theme">🌙</button></li></ul><button class="mobile-menu-btn" id="mobile-menu-btn" aria-label="Open navigation menu" aria-expanded="false"><span></span> <span></span> <span></span></button></div><div class="mobile-nav-overlay" id="mobile-nav-overlay"><div class="mobile-nav-content"><a href="#architectures" onclick="closeMobileMenu()">Architectures</a> <a href="#tech-stack" onclick="closeMobileMenu()">Tech Stack</a> <a href="#open-source" onclick="closeMobileMenu()">Open Source</a> <a href="#domain-expertise" onclick="closeMobileMenu()">Domain Expertise</a> <a href="#contact" onclick="closeMobileMenu()">Contact</a></div></div></nav><section class="hero"><div class="hero-bg-fallback" style="background-image:url('images/hero-bg.svg');background-size:cover;background-position:center;opacity:.5"></div><div class="hero-bg-overlay"></div><div class="hero-content"><div class="terminal-boot-container"><div class="terminal-header"><div class="terminal-buttons"><span class="terminal-btn close"></span> <span class="terminal-btn min"></span> <span class="terminal-btn max"></span></div><div class="terminal-title">corax_os_v2.0 -- bash</div></div><div class="terminal-body" id="terminal-body"></div></div><h1 class="glitch" data-text="Pelle Nyberg">Pelle Nyberg</h1><p class="hero-subtitle">Deep Tech Developer & AI/Robotics Innovator</p><p class="hero-description">"I combine strategic vision with hands-on engineering at the hardware level. With a background as a Master Gardener and an expert in industrial forestry flows, I build cyber-physical systems that truly understand the biological environments they operate within. I can solder a circuit, train a neural network, and design the ecological context."</p><div class="hero-ctas"><a href="https://github.com/PelleNybe" target="_blank" rel="noopener noreferrer" class="cta-button primary-cta">Explore My GitHub </a><a href="https://coraxcolab.com" target="_blank" rel="noopener noreferrer" class="cta-button secondary-cta">Visit Corax CoLAB</a></div></div></section><section id="featured-project" style="padding-top:4rem;padding-bottom:2rem"><div class="featured-project-container"><div class="header-section"><div class="icon-container"><i class="fa-solid fa-robot"></i></div><div><h2 class="project-title">Agent-Commit Tracker</h2><p class="project-subtitle">Automated Transparency for AI-Generated Code</p></div></div><div class="tech-badges"><span class="badge"><i class="fa-brands fa-python"></i> Python / FastAPI</span> <span class="badge"><i class="fa-brands fa-google"></i> Google Cloud Run</span> <span class="badge"><i class="fa-brands fa-github"></i> GitHub Webhooks</span> <span class="badge"><i class="fa-solid fa-server"></i> Serverless</span></div><div class="project-description"><p>As AI agents increasingly write our code, human reviewers lose the critical context behind the commits. I built the Agent-Commit Tracker to solve this blind spot. It is a production-grade, serverless microservice that intercepts GitHub webhooks in real-time, parsing hidden AI metadata to inject perfectly formatted context reports directly into Pull Requests.</p></div><ul class="features-list"><li><i class="fa-solid fa-bolt"></i> <strong>Zero Latency Parsing</strong> <span>Built with Python and robust Regex, it instantly extracts embedded context markers from PR descriptions without delaying the CI/CD pipeline.</span></li><li><i class="fa-solid fa-cloud"></i> <strong>100% Serverless</strong> <span>Containerized and deployed on Google Cloud Run. It scales from zero to handle webhook spikes securely and cost-effectively.</span></li><li><i class="fa-solid fa-shield-halved"></i> <strong>Enterprise Security</strong> <span>Enforces strict validation of <code>X-Hub-Signature-256</code> headers to guarantee payload authenticity before any processing begins.</span></li></ul><div class="action-buttons"><a href="https://github.com/PelleNybe/agent-commit-tracker" target="_blank" rel="noopener noreferrer" class="btn btn-primary"><i class="fa-brands fa-github"></i> Install GitHub App</a> <a href="agent-commit-tracker/index.html" class="btn btn-secondary"><i class="fa-solid fa-link"></i> Project Page</a> <a href="https://github.com/PelleNybe/agent-commit-tracker" target="_blank" rel="noopener noreferrer" class="btn btn-secondary"><i class="fa-solid fa-code"></i> View Source Architecture</a></div></div></section><section id="architectures"><h2 class="section-title">🤖 Architectures & Innovation</h2><p class="section-subtitle">As the Founder and CEO of Corax CoLAB, I drive intelligent automation in Deep Tech and AgTech. I am the architect behind the GAP (Green Automated Process) Platform and GAPbot, a Python-based hexapod robot. These platforms integrate IoT sensors, AI models like EcoMind, and autonomous navigation to conquer challenging terrains.</p><div class="configurator-wrapper" style="display:flex;flex-direction:column;gap:2rem;margin-top:2rem;background:var(--card-bg);border-radius:var(--border-radius);padding:1.5rem;border:1px solid rgba(0,255,194,.2)"><div id="gapbot-3d-container" style="width:100%;height:400px;position:relative;border-radius:var(--border-radius-small);overflow:hidden;background:radial-gradient(circle at center,rgba(0,255,194,.05),transparent 70%);flex:2;cursor:grab"><div style="position:absolute;top:10px;left:10px;z-index:10;font-family:monospace;color:var(--primary-color);font-size:.8rem;pointer-events:none">DRAG TO ROTATE<br>SCROLL TO ZOOM</div></div><div class="configurator-controls" style="flex:1;display:flex;flex-direction:column;gap:1rem"><h3 style="color:var(--primary-color);border-bottom:1px solid rgba(0,255,194,.2);padding-bottom:.5rem">GAPbot Configurator</h3><div class="config-group"><label style="display:block;color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem">Vision System (Edge AI)</label><div style="display:flex;gap:.5rem"><button aria-label="Configure module" class="config-btn active" data-module="vision" data-type="standard">Standard RGB</button> <button aria-label="Configure module" class="config-btn" data-module="vision" data-type="multispectral">Multispectral</button> <button aria-label="Configure module" class="config-btn" data-module="vision" data-type="lidar">LiDAR Array</button></div></div><div class="config-group"><label style="display:block;color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem">Power System</label><div style="display:flex;gap:.5rem"><button aria-label="Configure module" class="config-btn active" data-module="power" data-type="battery">Li-ion Core</button> <button aria-label="Configure module" class="config-btn" data-module="power" data-type="solar">Solar MPPT Wings</button></div></div><div class="config-group"><label style="display:block;color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem">Chassis Armor</label><div style="display:flex;gap:.5rem"><button aria-label="Configure module" class="config-btn active" data-module="armor" data-type="light">Light (Agile)</button> <button aria-label="Configure module" class="config-btn" data-module="armor" data-type="heavy">Heavy (Industrial)</button></div></div><div class="config-stats" style="margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)"><div style="display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem"><span style="color:var(--text-muted)">Processing Power:</span> <span id="stat-proc" style="color:var(--primary-color);font-family:monospace">85%</span></div><div style="display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem"><span style="color:var(--text-muted)">Energy Efficiency:</span> <span id="stat-energy" style="color:var(--success-color);font-family:monospace">90%</span></div><div style="display:flex;justify-content:space-between;font-size:.9rem"><span style="color:var(--text-muted)">Weight / Mobility:</span> <span id="stat-weight" style="color:var(--warning-color);font-family:monospace">75%</span></div></div></div></div><style>.config-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);padding:.4rem .8rem;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s;flex:1}.config-btn:hover{background:rgba(0,255,194,.1)}.config-btn.active{background:rgba(0,255,194,.15);border-color:var(--primary-color);color:var(--primary-color);font-weight:700}</style><div class="grid-2" style="margin-top:3rem"><div class="feature-card product-card tilt-card"><h3>GAP Platform (The Brain)</h3><p>The industrial analysis and control center, developed to handle the most complex business logic and real-time data streams. A hybrid cloud/edge platform orchestrating fleets of robots.</p><ul style="text-align:left;margin-top:1.5rem;color:var(--text-secondary);padding-left:1.5rem;line-height:1.8"><li><strong>Hybrid Architecture:</strong> Balances reliable execution with ultra-low latency for Edge data.</li><li><strong>Protocol Integration:</strong> Seamless integration with OPC-UA, Modbus, BACnet, and PQC-secured MQTT.</li><li><strong>Explainable AI (XAI):</strong> Human-understandable explanations for predictive decisions (EU AI Act compliant).</li><li><strong>Digital Twin & 4D:</strong> Virtual copies for remote monitoring and Digital Risk Mitigation.</li></ul></div><div class="feature-card product-card tilt-card"><h3>GAPbot (The Body)</h3><p>Autonomous hexapod robotics for optimization, security, and analysis. Equipped with 'Sun Bathing Mode' for extreme endurance and superior accessibility in complex environments.</p><ul style="text-align:left;margin-top:1.5rem;color:var(--text-secondary);padding-left:1.5rem;line-height:1.8"><li><strong>Neuro-Symbolic Hybrid AI:</strong> Edge AI (YOLOv8-Seg on Hailo-8L) + Generative AI (Phi-3 Medium).</li><li><strong>Hexapod Kinematics:</strong> Superior mobility with 'Split-Belly Kinematics' for a low center of gravity.</li><li><strong>Energy Optimization:</strong> MPPT 'Sun Bathing Mode' maximizes autonomous runtime via solar panels.</li><li><strong>Self-Healing Code:</strong> Dynamically identifies errors, generates fixes, and applies them for maximum uptime.</li></ul></div></div></section><section id="tech-stack"><h2 class="section-title">Tech Stack & Hardware</h2><p class="section-subtitle">The "Full-Stack" of Matter: My technical environment bridges high-level code with physical execution.</p><div class="features-grid"><div class="feature-card tilt-card"><div class="feature-illustration"><img src="images/ai-illustration.svg" alt="Edge AI & Robotics" style="width:100%;height:auto" loading="eager"></div><h3>Edge AI & Robotics</h3><p>Developing with Python and ROS on Linux environments to bring intelligent perception to edge devices.</p></div><div class="feature-card tilt-card"><div class="feature-illustration"><img src="images/automation-illustration.svg" alt="Hardware Specialization" style="width:100%;height:auto" loading="eager"></div><h3>Hardware Specialization</h3><p>Optimizing compute on Raspberry Pi 5 (16 GiB RAM), utilizing Hailo 8L AI accelerators (PCIe), and fast NVMe SSDs.</p></div><div class="feature-card tilt-card"><div class="feature-illustration"><img src="images/blockchain-illustration.svg" alt="Workflow" style="width:100%;height:auto" loading="eager"></div><h3>Workflow & Integration</h3><p>Operating headless environments via SSH/VNC, with heavy VScode and GitHub integrations powered by AI-driven development.</p></div></div></section><section id="hologram"><h2 class="section-title">Code as Architecture</h2><p class="section-subtitle">Interact with the holographic representation of a GAP-managed facility. Discover how our code translates to physical automation.</p><div class="hologram-container" style="position:relative;height:600px;max-width:1000px;margin:2rem auto;background:var(--card-bg);border-radius:var(--border-radius);border:1px solid rgba(0,255,194,.2);overflow:hidden;perspective:1200px"><div style="position:absolute;width:200%;height:200%;top:-50%;left:-50%;background-image:linear-gradient(rgba(0,255,194,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,194,.1) 1px,transparent 1px);background-size:50px 50px;transform:rotateX(60deg) translateZ(-200px);transform-origin:top;z-index:0;pointer-events:none"></div><div class="holo-scene" style="position:absolute;width:100%;height:100%;top:0;left:0;transform-style:preserve-3d;transition:transform .5s ease-out;z-index:1"><div class="holo-node" data-code="python" data-target="pump" style="top:60%;left:30%"><div class="node-marker"></div><span class="node-label">Irrigation Pump</span></div><div class="holo-node" data-code="cpp" data-target="sensor" style="top:40%;left:60%"><div class="node-marker"></div><span class="node-label">Edge Sensor Hub</span></div><div class="holo-node" data-code="rust" data-target="solar" style="top:20%;left:40%"><div class="node-marker"></div><span class="node-label">Solar MPPT Array</span></div></div><div id="holo-code-overlay" style="position:absolute;top:20px;right:20px;width:350px;background:rgba(5,5,5,.9);border:1px solid var(--primary-color);border-radius:var(--border-radius-small);padding:1rem;color:#fff;font-family:monospace;z-index:10;opacity:0;pointer-events:none;transition:opacity .3s;box-shadow:0 0 20px rgba(0,255,194,.2)"><div style="color:var(--text-muted);border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem;margin-bottom:.5rem;display:flex;justify-content:space-between"><span id="holo-filename">pump_control.py</span> <span style="color:var(--primary-color)">● LIVE</span></div><pre><code id="holo-code-content" style="color:#0fc;white-space:pre-wrap;font-size:.85rem"></code></pre></div></div><style>.holo-node{position:absolute;transform:translate(-50%,-50%) translateZ(50px);cursor:pointer;display:flex;flex-direction:column;align-items:center;transition:transform .3s}.holo-node:hover{transform:translate(-50%,-50%) translateZ(80px) scale(1.1)}.node-marker{width:20px;height:20px;background:rgba(0,255,194,.2);border:2px solid var(--primary-color);border-radius:50%;box-shadow:0 0 15px var(--primary-color);animation:pulse-node 2s infinite}.node-label{margin-top:10px;color:#fff;background:rgba(0,0,0,.6);padding:4px 8px;border-radius:4px;font-size:.8rem;border:1px solid rgba(0,255,194,.3)}@keyframes pulse-node{0%{box-shadow:0 0 0 0 rgba(0,255,194,.7)}70%{box-shadow:0 0 0 15px rgba(0,255,194,0)}100%{box-shadow:0 0 0 0 rgba(0,255,194,0)}}</style></section><section id="ai-simulator"><h2 class="section-title">Neuro-Symbolic AI Simulator</h2><p class="section-subtitle">Watch our hybrid AI process raw Edge data, identify anomalies, and output logical, explainable decisions in real-time.</p><div class="ai-dashboard" style="display:flex;flex-direction:column;md:flex-row;gap:1rem;max-width:1000px;margin:2rem auto;background:var(--dark-bg);border:1px solid rgba(0,255,194,.3);border-radius:var(--border-radius);padding:1rem;box-shadow:0 0 30px rgba(0,0,0,.8)"><div class="ai-controls" style="display:flex;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)"><button aria-label="Run scenario" class="cta-button secondary-cta sim-btn" data-scenario="nominal" style="padding:.5rem 1rem;font-size:.8rem">Scenario: Nominal</button> <button aria-label="Run scenario" class="cta-button secondary-cta sim-btn" data-scenario="pest" style="padding:.5rem 1rem;font-size:.8rem;border-color:var(--warning-color);color:var(--warning-color)">Inject Pest Anomaly</button> <button aria-label="Run scenario" class="cta-button secondary-cta sim-btn" data-scenario="drought" style="padding:.5rem 1rem;font-size:.8rem;border-color:var(--error-color);color:var(--error-color)">Inject Drought Risk</button></div><div style="display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap"><div class="ai-vision" style="flex:1;min-width:300px;position:relative;background:#000;border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-small);overflow:hidden;height:300px"><div style="position:absolute;top:10px;left:10px;color:var(--primary-color);font-family:monospace;z-index:10;font-size:.8rem;background:rgba(0,0,0,.5);padding:4px">YOLOv8-Seg (Edge) <span id="fps-counter" style="color:var(--warning-color)">60 FPS</span></div><canvas id="vision-canvas" style="width:100%;height:100%;filter:contrast(1.5) sepia(1) hue-rotate(100deg) saturate(2);opacity:.8"></canvas><div id="bbox-overlay" style="position:absolute;border:2px solid var(--primary-color);background:rgba(0,255,194,.1);display:none;transition:all .2s"><span id="bbox-label" style="position:absolute;top:-20px;left:-2px;background:var(--primary-color);color:#000;font-size:.7rem;font-family:monospace;padding:2px 4px;white-space:nowrap">Target 99%</span></div></div><div class="ai-reasoning" style="flex:1;min-width:300px;display:flex;flex-direction:column;gap:.5rem"><div style="flex:1;background:rgba(10,10,10,.9);border:1px solid rgba(0,255,194,.2);padding:1rem;font-family:monospace;border-radius:var(--border-radius-small);overflow-y:auto"><div style="color:var(--text-muted);font-size:.8rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem;margin-bottom:.5rem">Symbolic Logic Engine (XAI)</div><div id="reasoning-log" style="font-size:.85rem;line-height:1.4"><span style="color:var(--primary-color)">> SYSTEM INITIALIZED. Awaiting data...</span></div></div><div style="background:rgba(10,10,10,.9);border:1px solid rgba(0,255,194,.2);padding:1rem;font-family:monospace;border-radius:var(--border-radius-small);font-size:.9rem"><div style="color:var(--text-muted);font-size:.8rem;margin-bottom:.5rem">Current Action State</div><div id="action-state" style="color:var(--success-color);font-weight:700;font-size:1.1rem;text-shadow:0 0 10px rgba(0,255,194,.5)">MONITORING</div></div></div></div></div></section><section id="open-source"><h2 class="section-title">Open Source & Developer Tools</h2><p class="section-subtitle">Showcasing specific coding projects, from serverless webhooks to Web3 data integrity and decentralized IoT networks.</p><div class="projects-grid"><project-card name="Crypto MCP Server" url="https://github.com/PelleNybe/Crypto-MCP-Server---by-Corax-CoLAB" description="Exploring Web3 data integrity and decentralized IoT networks. Built to bridge AI models with real-time blockchain analytics and trading data." language="TypeScript" color="#3178c6" topics='["MCP", "Web3", "Blockchain"]' tag="Web3 Integration"></project-card><project-card name="Founder's Core Insights" url="https://github.com/PelleNybe/PelleNybe" description="Architectural overviews, vision documents, and foundational code structures driving the Corax CoLAB engineering ethos." language="Markdown" color="#083fa1" topics='["Architecture", "Vision"]' tag="Architecture"></project-card></div><div id="loading" style="display:none;text-align:center;padding:2rem;color:var(--primary-color)">Loading projects...</div><div id="projects-grid" class="projects-grid" style="display:none"></div><div id="error-message" class="error-message" style="display:none"></div></section><section id="gallery" style="margin-top:4rem;text-align:center"><h3 style="color:var(--text-secondary);margin-bottom:2rem">Platform Dashboard Previews</h3><div class="projects-grid" style="grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem"><div class="project-card"><img src="images/1773184753736.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773184772226.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773184783812.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773184794241.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773185420660.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773185446305.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773242699963.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div></div></section><section id="domain-expertise"><h2 class="section-title">Domain Expertise: Biology Meets Tech</h2><div class="grid-2" style="margin-top:3rem;margin-bottom:3rem"><div><img src="images/gap_digital_bridge_between_old_industry_and_future_iot.png" alt="Digital Bridge" style="width:100%;border-radius:var(--border-radius);box-shadow:var(--shadow-soft)" loading="lazy"></div><div><img src="images/GAPenterprise_grade_sec.png" alt="Enterprise Grade Security" style="width:100%;border-radius:var(--border-radius);box-shadow:var(--shadow-soft)" loading="lazy"></div></div><p class="section-subtitle">With formal graduation as a Master Gardener and a decade of experience as a Quality Leader in industrial forestry, I bring a unique dual expertise. This ensures that my technological solutions are not just "smart," but ecologically sound and grounded in physical reality.</p><div class="stats-grid"><div class="stat-card"><span class="stat-number">30-50%</span><div class="stat-label">Energy Savings</div></div><div class="stat-card"><span class="stat-number">100%</span><div class="stat-label">Regulatory Traceability</div></div><div class="stat-card"><span class="stat-number">Zero</span><div class="stat-label">Trust Architecture</div></div><div class="stat-card"><span class="stat-number">Edge</span><div class="stat-label">Local Data Processing</div></div></div></section><section id="insights"><h2 class="section-title">Insights & Updates</h2><p class="section-subtitle">Deep dives into our neuro-symbolic AI models, hardware iterations, and Web3 infrastructure developments.</p><div style="max-width:600px;margin:0 auto;margin-bottom:2rem;position:relative"><label for="blog-search" class="sr-only" style="position:absolute;left:-9999px">Search insights</label> <input type="text" id="blog-search" aria-label="Search insights" placeholder="Discover insights via tags (e.g. YOLOv8, MQTT, GAP)" style="width:100%;padding:12px 20px;font-size:1rem;border-radius:30px;border:1px solid rgba(0,255,194,.3);background:rgba(0,0,0,.4);color:#fff;outline:0;transition:all .3s ease"> <span aria-hidden="true" style="position:absolute;right:20px;top:12px;opacity:.5">🔍</span></div><div id="blog-grid" class="projects-grid" style="margin-top:2rem"></div></section><section id="web3-demo"><h2 class="section-title">Web3 & Blockchain Integration</h2><p class="section-subtitle">Experience our trustless architecture. Connect your wallet to sign a secure payload, demonstrating our decentralized approach and seamless interactions with blockchain tech.</p><div style="display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:2rem"><div style="flex:1;min-width:300px;max-width:500px;text-align:left"><h3 style="color:var(--primary-color);margin-bottom:1rem">Decentralized AI Ecosystem</h3><p style="color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem">Corax CoLAB merges cutting-edge AI and automation with Web3 infrastructure to ensure high-security, transparent, and auditable processes. Our integrations empower edge devices to securely authenticate, share data, and process commands leveraging decentralized smart contracts.</p><ul style="color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;padding-left:1.2rem"><li>Secure cryptographic authorization for GAPbot endpoints.</li><li>Smart contract-based device state management.</li><li>Incentivized decentralized data exchange.</li></ul><a href="https://cryptop.coraxcolab.com" target="_blank" rel="noopener noreferrer" class="cta-button secondary-cta">Explore Crypto P's Crypto Circus →</a></div><div style="flex:1;min-width:300px;max-width:500px;padding:2rem;background:var(--card-bg);border-radius:var(--border-radius);border:1px solid rgba(0,255,194,.2);text-align:center;box-shadow:var(--shadow-soft)"><h3 style="margin-bottom:1rem;color:var(--text-primary)">Interactive Signature Demo</h3><div id="wallet-status" style="margin-bottom:1.5rem;font-family:monospace;color:var(--text-muted);background:rgba(0,0,0,.3);padding:.5rem;border-radius:4px">Status: Disconnected</div><button aria-label="Action button" id="connect-wallet-btn" class="cta-button primary-cta" style="margin-bottom:1rem;width:100%;justify-content:center">Connect Wallet (MetaMask)</button><div id="web3-actions" style="display:none;flex-direction:column;gap:1rem;margin-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem"><p style="font-size:.9rem;color:var(--text-secondary)">Sign a test message to verify your identity on the Edge node securely using personal_sign.</p><button aria-label="Action button" id="sign-message-btn" class="cta-button secondary-cta" style="width:100%;justify-content:center">Sign GAPbot Auth Payload</button><div id="signature-result" style="margin-top:1rem;font-family:monospace;font-size:.8rem;color:var(--success-color);word-break:break-all;background:rgba(0,255,194,.1);padding:1rem;border-radius:4px;display:none"></div></div></div></div></section><div id="theme-customizer" style="position:fixed;bottom:20px;left:20px;z-index:1000;display:flex;gap:10px"><button id="theme-btn-default" class="theme-btn" aria-label="Set default color theme" style="background:linear-gradient(135deg,#00ffc2,#1a73e8)" data-primary="#00FFC2" data-secondary="#1A73E8"></button> <button id="theme-btn-cyber" class="theme-btn" aria-label="Set cyber color theme" style="background:linear-gradient(135deg,#f0f,#0ff)" data-primary="#FF00FF" data-secondary="#00FFFF"></button> <button id="theme-btn-neon" class="theme-btn" aria-label="Set neon color theme" style="background:linear-gradient(135deg,gold,#ff4500)" data-primary="#FFD700" data-secondary="#FF4500"></button></div><section id="activity" style="margin-top:4rem"><h3 style="text-align:center;color:var(--text-secondary);margin-bottom:2rem">Recent GitHub Activity</h3><div id="github-activity" style="display:flex;flex-direction:column;gap:10px;max-width:800px;margin:0 auto"></div></section><section id="network" style="margin-top:6rem;position:relative"><h2 class="section-title">Global Decentralized Network</h2><p class="section-subtitle">Real-time visualization of active edge nodes, validators, and data relays across the globe.</p><div id="globe-container" style="width:100%;height:500px;margin-top:2rem;position:relative;border-radius:var(--border-radius);overflow:hidden;background:radial-gradient(circle at center,rgba(0,255,194,.05) 0,transparent 70%);border:1px solid rgba(255,255,255,.05)"><div id="globe-tooltip" style="position:absolute;display:none;background:rgba(0,0,0,.8);border:1px solid var(--primary-color);padding:10px;border-radius:4px;color:#fff;font-family:monospace;font-size:.8rem;pointer-events:none;z-index:10"></div></div><div style="display:flex;justify-content:center;gap:20px;margin-top:1rem;font-family:monospace;font-size:.9rem"><span style="color:var(--primary-color)">● Active Node</span> <span style="color:var(--warning-color)">● Validator</span> <span style="color:var(--secondary-color)">● Data Relay</span></div></section><section id="telemetry-dash" style="margin-top:6rem;max-width:800px;margin-left:auto;margin-right:auto"><h3 style="text-align:center;color:var(--text-secondary);margin-bottom:2rem">Live Swarm Telemetry</h3><div style="background:var(--card-bg);padding:2rem;border-radius:var(--border-radius);border:1px solid rgba(0,255,194,.2);box-shadow:var(--shadow-soft)"><canvas id="telemetryChart" height="100"></canvas></div></section><section id="architecture" style="margin-top:4rem"><h3 style="text-align:center;color:var(--text-secondary);margin-bottom:2rem">Interactive Architecture Diagram</h3><div style="position:relative;max-width:800px;height:400px;margin:0 auto;padding:2rem;background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow-soft)"><div class="arch-node" style="top:20%;left:50%" data-info="Neuro-Symbolic Hybrid AI for Edge reasoning.">Edge AI</div><div class="arch-node" style="top:50%;left:20%" data-info="Advanced Swarm Intelligence via Consensus-Based Bundle Algorithm.">Swarm logic</div><div class="arch-node" style="top:50%;left:80%" data-info="Blockchain and Web3 Integration for decentralized trust.">Web3</div><div class="arch-node" style="top:80%;left:50%" data-info="Hardware integrations: Controllers, sensors, GAPbot.">Hardware</div><svg style="position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1"><line x1="50%" y1="20%" x2="20%" y2="50%" stroke="var(--primary-color)" stroke-width="3" style="filter:drop-shadow(0 0 5px var(--primary-color));animation:dash 5s linear infinite;stroke-dasharray:10,5"/><style>@keyframes dash{to{stroke-dashoffset:-50}}</style><line x1="50%" y1="20%" x2="80%" y2="50%" stroke="var(--primary-color)" stroke-width="2"/><line x1="20%" y1="50%" x2="50%" y2="80%" stroke="var(--primary-color)" stroke-width="2"/><line x1="80%" y1="50%" x2="50%" y2="80%" stroke="var(--primary-color)" stroke-width="2"/><line x1="50%" y1="20%" x2="50%" y2="80%" stroke="var(--primary-color)" stroke-width="2" stroke-dasharray="5,5"/></svg></div><div id="arch-info" style="margin-top:2rem;padding:1rem;background:rgba(0,255,194,.1);border-left:4px solid var(--primary-color);color:var(--text-primary);border-radius:var(--border-radius-small);min-height:50px;text-align:center">Hover over a component to see details.</div></section><section id="contact"><h2 class="section-title">Let's Connect</h2><p class="section-subtitle">Ready to build the future with autonomous robotics, Edge AI, and sustainable ecosystems? Let's talk.</p><div class="features-grid" style="max-width:800px;margin:0 auto"><div class="feature-card" style="padding:2rem"><span class="feature-icon">🌐</span><h3>Main Website</h3><p>Visit our primary domain for deep dives into our services, enterprise solutions, and booking a demo.</p><a href="https://coraxcolab.com" target="_blank" rel="noopener noreferrer" class="cta-button" style="margin-top:1rem;width:100%;justify-content:center">coraxcolab.com</a></div><div class="feature-card" style="padding:2rem"><span class="feature-icon">✉️</span><h3>Contact Us</h3><p>Reach out directly for consultation regarding AI, Web3, Blockchain, and advanced robotics integrations.</p><a href="mailto:info@coraxcolab.com" class="cta-button secondary-cta" style="margin-top:1rem;width:100%;justify-content:center">info@coraxcolab.com</a></div></div></section><footer><div class="footer-content"><img src="images/coraxcolabloggarund.png" alt="Corax CoLAB Footer Logo" style="height:60px;margin-bottom:1rem" loading="lazy"><br><div class="footer-links"><a href="https://coraxcolab.com" target="_blank" rel="noopener noreferrer">Corax CoLAB Website</a> <a href="https://cryptop.coraxcolab.com" target="_blank" rel="noopener noreferrer">Crypto P's Crypto Circus</a> <a href="https://github.com/PelleNybe" target="_blank" rel="noopener noreferrer">GitHub (PelleNybe)</a> <a href="#architectures">Architectures & Innovation</a></div><p style="color:var(--text-muted);margin-top:1.5rem;font-size:.9rem">© <span id="year"></span> Pelle Nyberg. All rights reserved.<br>Building the future with intelligent technology that combines efficiency with responsibility.</p></div></footer><div id="telemetry-panel" style="position:fixed;top:100px;right:20px;z-index:999;background:rgba(10,10,10,.85);border:1px solid var(--primary-color);border-radius:8px;padding:15px;width:250px;font-family:monospace;color:var(--text-secondary);backdrop-filter:blur(10px);display:none;box-shadow:0 0 15px rgba(0,255,194,.1)"><div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;border-bottom:1px solid rgba(0,255,194,.2);padding-bottom:5px"><span style="color:var(--primary-color);font-weight:700">SYS_TELEMETRY</span> <button id="close-telemetry" aria-label="Close telemetry panel" style="background:0 0;border:none;color:var(--text-muted);cursor:pointer">✕</button></div><div id="vitals-lcp" style="margin-bottom:5px">LCP: <span style="color:var(--warning-color)">Measuring...</span></div><div id="vitals-fid" style="margin-bottom:5px">FID: <span style="color:var(--warning-color)">Measuring...</span></div><div id="vitals-cls" style="margin-bottom:5px">CLS: <span style="color:var(--warning-color)">Measuring...</span></div><div id="vitals-inp" style="margin-bottom:5px">INP: <span style="color:var(--warning-color)">Measuring...</span></div><div style="font-size:.8rem;margin-top:10px;opacity:.5">Core Web Vitals active</div></div><script src="https://cdnjs.cloudflare.com/ajax/libs/lunr.js/2.3.9/lunr.min.js"></script><script src="https://unpkg.com/web-vitals@3/dist/web-vitals.iife.js"></script><script src="https://cdn.jsdelivr.net/npm/chart.js"></script><script src="app.js" defer="defer"></script></body></html> No newline at end of file |
| "areaServed": "Global", | ||
| "knowsAbout": ["AI", "Robotics", "Edge AI", "Web3", "Blockchain", "Automation", "GreenTech", "Compliance"] | ||
| }</script><script defer="defer" data-domain="PelleNybe.github.io" src="https://plausible.io/js/script.js"></script><link rel="stylesheet" href="styles.css"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet"><link rel="preload" href="styles.css" as="style"><link rel="preload" href="app.js" as="script"><script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script></head><body><a href="#main-content" class="skip-link" tabindex="0">Skip to main content</a><div id="corax-os-boot" style="position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:999999;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--primary-color);font-family:monospace;transition:opacity 1s ease-out"><div style="font-size:2rem;font-weight:700;margin-bottom:2rem;text-shadow:0 0 20px var(--primary-color)">CORAX_OS v2.0</div><div id="boot-progress-bar" style="width:300px;height:4px;background:rgba(0,255,194,.2);position:relative;border-radius:2px;overflow:hidden;margin-bottom:1rem"><div id="boot-progress-fill" style="width:0%;height:100%;background:var(--primary-color);box-shadow:0 0 10px var(--primary-color);transition:width .1s"></div></div><div id="boot-status-text" style="font-size:.8rem;color:var(--text-muted);min-height:1.2rem">Initializing boot sequence...</div></div><div class="background-animation"></div><canvas id="neural-canvas"></canvas><div class="custom-cursor"></div><div class="custom-cursor-follower"></div><nav id="navbar"><div class="nav-container"><button class="logo" onclick="scrollToTop()" aria-label="Go to top of page"><img src="images/logo.png" alt="Corax CoLAB Logo" style="height:40px;margin-right:10px" loading="eager"> <span class="logo-text">Pelle Nyberg</span></button><ul class="nav-links" id="nav-links"><li><a href="#architectures">Architectures</a></li><li><a href="#tech-stack">Tech Stack</a></li><li><a href="#open-source">Open Source</a></li><li><a href="#domain-expertise">Domain Expertise</a></li><li><a href="#contact">Contact</a></li><li><button id="theme-toggle" class="theme-toggle" title="Toggle theme" aria-label="Toggle dark/light theme">🌙</button></li></ul><button class="mobile-menu-btn" id="mobile-menu-btn" aria-label="Open navigation menu" aria-expanded="false"><span></span> <span></span> <span></span></button></div><div class="mobile-nav-overlay" id="mobile-nav-overlay"><div class="mobile-nav-content"><a href="#architectures" onclick="closeMobileMenu()">Architectures</a> <a href="#tech-stack" onclick="closeMobileMenu()">Tech Stack</a> <a href="#open-source" onclick="closeMobileMenu()">Open Source</a> <a href="#domain-expertise" onclick="closeMobileMenu()">Domain Expertise</a> <a href="#contact" onclick="closeMobileMenu()">Contact</a></div></div></nav><section class="hero"><div class="hero-bg-fallback" style="background-image:url('images/hero-bg.svg');background-size:cover;background-position:center;opacity:.5"></div><div class="hero-bg-overlay"></div><div class="hero-content"><div class="terminal-boot-container"><div class="terminal-header"><div class="terminal-buttons"><span class="terminal-btn close"></span> <span class="terminal-btn min"></span> <span class="terminal-btn max"></span></div><div class="terminal-title">corax_os_v2.0 -- bash</div></div><div class="terminal-body" id="terminal-body"></div></div><h1 class="glitch" data-text="Pelle Nyberg">Pelle Nyberg</h1><p class="hero-subtitle">Deep Tech Developer & AI/Robotics Innovator</p><p class="hero-description">"I combine strategic vision with hands-on engineering at the hardware level. With a background as a Master Gardener and an expert in industrial forestry flows, I build cyber-physical systems that truly understand the biological environments they operate within. I can solder a circuit, train a neural network, and design the ecological context."</p><div class="hero-ctas"><a href="https://github.com/PelleNybe" target="_blank" rel="noopener noreferrer" class="cta-button primary-cta">Explore My GitHub </a><a href="https://coraxcolab.com" target="_blank" rel="noopener noreferrer" class="cta-button secondary-cta">Visit Corax CoLAB</a></div></div></section><section id="featured-project" style="padding-top:4rem;padding-bottom:2rem"><div class="featured-project-container"><div class="header-section"><div class="icon-container"><i class="fa-solid fa-robot"></i></div><div><h2 class="project-title">Agent-Commit Tracker</h2><p class="project-subtitle">Automated Transparency for AI-Generated Code</p></div></div><div class="tech-badges"><span class="badge"><i class="fa-brands fa-python"></i> Python / FastAPI</span> <span class="badge"><i class="fa-brands fa-google"></i> Google Cloud Run</span> <span class="badge"><i class="fa-brands fa-github"></i> GitHub Webhooks</span> <span class="badge"><i class="fa-solid fa-server"></i> Serverless</span></div><div class="project-description"><p>As AI agents increasingly write our code, human reviewers lose the critical context behind the commits. I built the Agent-Commit Tracker to solve this blind spot. It is a production-grade, serverless microservice that intercepts GitHub webhooks in real-time, parsing hidden AI metadata to inject perfectly formatted context reports directly into Pull Requests.</p></div><ul class="features-list"><li><i class="fa-solid fa-bolt"></i> <strong>Zero Latency Parsing</strong> <span>Built with Python and robust Regex, it instantly extracts embedded context markers from PR descriptions without delaying the CI/CD pipeline.</span></li><li><i class="fa-solid fa-cloud"></i> <strong>100% Serverless</strong> <span>Containerized and deployed on Google Cloud Run. It scales from zero to handle webhook spikes securely and cost-effectively.</span></li><li><i class="fa-solid fa-shield-halved"></i> <strong>Enterprise Security</strong> <span>Enforces strict validation of <code>X-Hub-Signature-256</code> headers to guarantee payload authenticity before any processing begins.</span></li></ul><div class="action-buttons"><a href="https://github.com/PelleNybe/agent-commit-tracker" target="_blank" rel="noopener noreferrer" class="btn btn-primary"><i class="fa-brands fa-github"></i> Install GitHub App</a> <a href="agent-commit-tracker/index.html" class="btn btn-secondary"><i class="fa-solid fa-link"></i> Project Page</a> <a href="https://github.com/PelleNybe/agent-commit-tracker" target="_blank" rel="noopener noreferrer" class="btn btn-secondary"><i class="fa-solid fa-code"></i> View Source Architecture</a></div></div></section><section id="architectures"><h2 class="section-title">🤖 Architectures & Innovation</h2><p class="section-subtitle">As the Founder and CEO of Corax CoLAB, I drive intelligent automation in Deep Tech and AgTech. I am the architect behind the GAP (Green Automated Process) Platform and GAPbot, a Python-based hexapod robot. These platforms integrate IoT sensors, AI models like EcoMind, and autonomous navigation to conquer challenging terrains.</p><div class="configurator-wrapper" style="display:flex;flex-direction:column;gap:2rem;margin-top:2rem;background:var(--card-bg);border-radius:var(--border-radius);padding:1.5rem;border:1px solid rgba(0,255,194,.2)"><div id="gapbot-3d-container" style="width:100%;height:400px;position:relative;border-radius:var(--border-radius-small);overflow:hidden;background:radial-gradient(circle at center,rgba(0,255,194,.05),transparent 70%);flex:2;cursor:grab"><div style="position:absolute;top:10px;left:10px;z-index:10;font-family:monospace;color:var(--primary-color);font-size:.8rem;pointer-events:none">DRAG TO ROTATE<br>SCROLL TO ZOOM</div></div><div class="configurator-controls" style="flex:1;display:flex;flex-direction:column;gap:1rem"><h3 style="color:var(--primary-color);border-bottom:1px solid rgba(0,255,194,.2);padding-bottom:.5rem">GAPbot Configurator</h3><div class="config-group"><label style="display:block;color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem">Vision System (Edge AI)</label><div style="display:flex;gap:.5rem"><button aria-label="Configure module" class="config-btn active" data-module="vision" data-type="standard">Standard RGB</button> <button aria-label="Configure module" class="config-btn" data-module="vision" data-type="multispectral">Multispectral</button> <button aria-label="Configure module" class="config-btn" data-module="vision" data-type="lidar">LiDAR Array</button></div></div><div class="config-group"><label style="display:block;color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem">Power System</label><div style="display:flex;gap:.5rem"><button aria-label="Configure module" class="config-btn active" data-module="power" data-type="battery">Li-ion Core</button> <button aria-label="Configure module" class="config-btn" data-module="power" data-type="solar">Solar MPPT Wings</button></div></div><div class="config-group"><label style="display:block;color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem">Chassis Armor</label><div style="display:flex;gap:.5rem"><button aria-label="Configure module" class="config-btn active" data-module="armor" data-type="light">Light (Agile)</button> <button aria-label="Configure module" class="config-btn" data-module="armor" data-type="heavy">Heavy (Industrial)</button></div></div><div class="config-stats" style="margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)"><div style="display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem"><span style="color:var(--text-muted)">Processing Power:</span> <span id="stat-proc" style="color:var(--primary-color);font-family:monospace">85%</span></div><div style="display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem"><span style="color:var(--text-muted)">Energy Efficiency:</span> <span id="stat-energy" style="color:var(--success-color);font-family:monospace">90%</span></div><div style="display:flex;justify-content:space-between;font-size:.9rem"><span style="color:var(--text-muted)">Weight / Mobility:</span> <span id="stat-weight" style="color:var(--warning-color);font-family:monospace">75%</span></div></div></div></div><style>.config-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);padding:.4rem .8rem;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s;flex:1}.config-btn:hover{background:rgba(0,255,194,.1)}.config-btn.active{background:rgba(0,255,194,.15);border-color:var(--primary-color);color:var(--primary-color);font-weight:700}</style><div class="grid-2" style="margin-top:3rem"><div class="feature-card product-card tilt-card"><h3>GAP Platform (The Brain)</h3><p>The industrial analysis and control center, developed to handle the most complex business logic and real-time data streams. A hybrid cloud/edge platform orchestrating fleets of robots.</p><ul style="text-align:left;margin-top:1.5rem;color:var(--text-secondary);padding-left:1.5rem;line-height:1.8"><li><strong>Hybrid Architecture:</strong> Balances reliable execution with ultra-low latency for Edge data.</li><li><strong>Protocol Integration:</strong> Seamless integration with OPC-UA, Modbus, BACnet, and PQC-secured MQTT.</li><li><strong>Explainable AI (XAI):</strong> Human-understandable explanations for predictive decisions (EU AI Act compliant).</li><li><strong>Digital Twin & 4D:</strong> Virtual copies for remote monitoring and Digital Risk Mitigation.</li></ul></div><div class="feature-card product-card tilt-card"><h3>GAPbot (The Body)</h3><p>Autonomous hexapod robotics for optimization, security, and analysis. Equipped with 'Sun Bathing Mode' for extreme endurance and superior accessibility in complex environments.</p><ul style="text-align:left;margin-top:1.5rem;color:var(--text-secondary);padding-left:1.5rem;line-height:1.8"><li><strong>Neuro-Symbolic Hybrid AI:</strong> Edge AI (YOLOv8-Seg on Hailo-8L) + Generative AI (Phi-3 Medium).</li><li><strong>Hexapod Kinematics:</strong> Superior mobility with 'Split-Belly Kinematics' for a low center of gravity.</li><li><strong>Energy Optimization:</strong> MPPT 'Sun Bathing Mode' maximizes autonomous runtime via solar panels.</li><li><strong>Self-Healing Code:</strong> Dynamically identifies errors, generates fixes, and applies them for maximum uptime.</li></ul></div></div></section><section id="tech-stack"><h2 class="section-title">Tech Stack & Hardware</h2><p class="section-subtitle">The "Full-Stack" of Matter: My technical environment bridges high-level code with physical execution.</p><div class="features-grid"><div class="feature-card tilt-card"><div class="feature-illustration"><img src="images/ai-illustration.svg" alt="Edge AI & Robotics" style="width:100%;height:auto" loading="eager"></div><h3>Edge AI & Robotics</h3><p>Developing with Python and ROS on Linux environments to bring intelligent perception to edge devices.</p></div><div class="feature-card tilt-card"><div class="feature-illustration"><img src="images/automation-illustration.svg" alt="Hardware Specialization" style="width:100%;height:auto" loading="eager"></div><h3>Hardware Specialization</h3><p>Optimizing compute on Raspberry Pi 5 (16 GiB RAM), utilizing Hailo 8L AI accelerators (PCIe), and fast NVMe SSDs.</p></div><div class="feature-card tilt-card"><div class="feature-illustration"><img src="images/blockchain-illustration.svg" alt="Workflow" style="width:100%;height:auto" loading="eager"></div><h3>Workflow & Integration</h3><p>Operating headless environments via SSH/VNC, with heavy VScode and GitHub integrations powered by AI-driven development.</p></div></div></section><section id="hologram"><h2 class="section-title">Code as Architecture</h2><p class="section-subtitle">Interact with the holographic representation of a GAP-managed facility. Discover how our code translates to physical automation.</p><div class="hologram-container" style="position:relative;height:600px;max-width:1000px;margin:2rem auto;background:var(--card-bg);border-radius:var(--border-radius);border:1px solid rgba(0,255,194,.2);overflow:hidden;perspective:1200px"><div style="position:absolute;width:200%;height:200%;top:-50%;left:-50%;background-image:linear-gradient(rgba(0,255,194,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,194,.1) 1px,transparent 1px);background-size:50px 50px;transform:rotateX(60deg) translateZ(-200px);transform-origin:top;z-index:0;pointer-events:none"></div><div class="holo-scene" style="position:absolute;width:100%;height:100%;top:0;left:0;transform-style:preserve-3d;transition:transform .5s ease-out;z-index:1"><div class="holo-node" data-code="python" data-target="pump" style="top:60%;left:30%"><div class="node-marker"></div><span class="node-label">Irrigation Pump</span></div><div class="holo-node" data-code="cpp" data-target="sensor" style="top:40%;left:60%"><div class="node-marker"></div><span class="node-label">Edge Sensor Hub</span></div><div class="holo-node" data-code="rust" data-target="solar" style="top:20%;left:40%"><div class="node-marker"></div><span class="node-label">Solar MPPT Array</span></div></div><div id="holo-code-overlay" style="position:absolute;top:20px;right:20px;width:350px;background:rgba(5,5,5,.9);border:1px solid var(--primary-color);border-radius:var(--border-radius-small);padding:1rem;color:#fff;font-family:monospace;z-index:10;opacity:0;pointer-events:none;transition:opacity .3s;box-shadow:0 0 20px rgba(0,255,194,.2)"><div style="color:var(--text-muted);border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem;margin-bottom:.5rem;display:flex;justify-content:space-between"><span id="holo-filename">pump_control.py</span> <span style="color:var(--primary-color)">● LIVE</span></div><pre><code id="holo-code-content" style="color:#0fc;white-space:pre-wrap;font-size:.85rem"></code></pre></div></div><style>.holo-node{position:absolute;transform:translate(-50%,-50%) translateZ(50px);cursor:pointer;display:flex;flex-direction:column;align-items:center;transition:transform .3s}.holo-node:hover{transform:translate(-50%,-50%) translateZ(80px) scale(1.1)}.node-marker{width:20px;height:20px;background:rgba(0,255,194,.2);border:2px solid var(--primary-color);border-radius:50%;box-shadow:0 0 15px var(--primary-color);animation:pulse-node 2s infinite}.node-label{margin-top:10px;color:#fff;background:rgba(0,0,0,.6);padding:4px 8px;border-radius:4px;font-size:.8rem;border:1px solid rgba(0,255,194,.3)}@keyframes pulse-node{0%{box-shadow:0 0 0 0 rgba(0,255,194,.7)}70%{box-shadow:0 0 0 15px rgba(0,255,194,0)}100%{box-shadow:0 0 0 0 rgba(0,255,194,0)}}</style></section><section id="ai-simulator"><h2 class="section-title">Neuro-Symbolic AI Simulator</h2><p class="section-subtitle">Watch our hybrid AI process raw Edge data, identify anomalies, and output logical, explainable decisions in real-time.</p><div class="ai-dashboard" style="display:flex;flex-direction:column;md:flex-row;gap:1rem;max-width:1000px;margin:2rem auto;background:var(--dark-bg);border:1px solid rgba(0,255,194,.3);border-radius:var(--border-radius);padding:1rem;box-shadow:0 0 30px rgba(0,0,0,.8)"><div class="ai-controls" style="display:flex;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)"><button aria-label="Run scenario" class="cta-button secondary-cta sim-btn" data-scenario="nominal" style="padding:.5rem 1rem;font-size:.8rem">Scenario: Nominal</button> <button aria-label="Run scenario" class="cta-button secondary-cta sim-btn" data-scenario="pest" style="padding:.5rem 1rem;font-size:.8rem;border-color:var(--warning-color);color:var(--warning-color)">Inject Pest Anomaly</button> <button aria-label="Run scenario" class="cta-button secondary-cta sim-btn" data-scenario="drought" style="padding:.5rem 1rem;font-size:.8rem;border-color:var(--error-color);color:var(--error-color)">Inject Drought Risk</button></div><div style="display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap"><div class="ai-vision" style="flex:1;min-width:300px;position:relative;background:#000;border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-small);overflow:hidden;height:300px"><div style="position:absolute;top:10px;left:10px;color:var(--primary-color);font-family:monospace;z-index:10;font-size:.8rem;background:rgba(0,0,0,.5);padding:4px">YOLOv8-Seg (Edge) <span id="fps-counter" style="color:var(--warning-color)">60 FPS</span></div><canvas id="vision-canvas" style="width:100%;height:100%;filter:contrast(1.5) sepia(1) hue-rotate(100deg) saturate(2);opacity:.8"></canvas><div id="bbox-overlay" style="position:absolute;border:2px solid var(--primary-color);background:rgba(0,255,194,.1);display:none;transition:all .2s"><span id="bbox-label" style="position:absolute;top:-20px;left:-2px;background:var(--primary-color);color:#000;font-size:.7rem;font-family:monospace;padding:2px 4px;white-space:nowrap">Target 99%</span></div></div><div class="ai-reasoning" style="flex:1;min-width:300px;display:flex;flex-direction:column;gap:.5rem"><div style="flex:1;background:rgba(10,10,10,.9);border:1px solid rgba(0,255,194,.2);padding:1rem;font-family:monospace;border-radius:var(--border-radius-small);overflow-y:auto"><div style="color:var(--text-muted);font-size:.8rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem;margin-bottom:.5rem">Symbolic Logic Engine (XAI)</div><div id="reasoning-log" style="font-size:.85rem;line-height:1.4"><span style="color:var(--primary-color)">> SYSTEM INITIALIZED. Awaiting data...</span></div></div><div style="background:rgba(10,10,10,.9);border:1px solid rgba(0,255,194,.2);padding:1rem;font-family:monospace;border-radius:var(--border-radius-small);font-size:.9rem"><div style="color:var(--text-muted);font-size:.8rem;margin-bottom:.5rem">Current Action State</div><div id="action-state" style="color:var(--success-color);font-weight:700;font-size:1.1rem;text-shadow:0 0 10px rgba(0,255,194,.5)">MONITORING</div></div></div></div></div></section><section id="open-source"><h2 class="section-title">Open Source & Developer Tools</h2><p class="section-subtitle">Showcasing specific coding projects, from serverless webhooks to Web3 data integrity and decentralized IoT networks.</p><div class="projects-grid"><project-card name="Crypto MCP Server" url="https://github.com/PelleNybe/Crypto-MCP-Server---by-Corax-CoLAB" description="Exploring Web3 data integrity and decentralized IoT networks. Built to bridge AI models with real-time blockchain analytics and trading data." language="TypeScript" color="#3178c6" topics='["MCP", "Web3", "Blockchain"]' tag="Web3 Integration"></project-card><project-card name="Founder's Core Insights" url="https://github.com/PelleNybe/PelleNybe" description="Architectural overviews, vision documents, and foundational code structures driving the Corax CoLAB engineering ethos." language="Markdown" color="#083fa1" topics='["Architecture", "Vision"]' tag="Architecture"></project-card></div><div id="loading" style="display:none;text-align:center;padding:2rem;color:var(--primary-color)">Loading projects...</div><div id="projects-grid" class="projects-grid" style="display:none"></div><div id="error-message" class="error-message" style="display:none"></div></section><section id="gallery" style="margin-top:4rem;text-align:center"><h3 style="color:var(--text-secondary);margin-bottom:2rem">Platform Dashboard Previews</h3><div class="projects-grid" style="grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem"><div class="project-card"><img src="images/1773184753736.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773184772226.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773184783812.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773184794241.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773185420660.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773185446305.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773242699963.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div></div></section><section id="domain-expertise"><h2 class="section-title">Domain Expertise: Biology Meets Tech</h2><div class="grid-2" style="margin-top:3rem;margin-bottom:3rem"><div><img src="images/gap_digital_bridge_between_old_industry_and_future_iot.png" alt="Digital Bridge" style="width:100%;border-radius:var(--border-radius);box-shadow:var(--shadow-soft)" loading="lazy"></div><div><img src="images/GAPenterprise_grade_sec.png" alt="Enterprise Grade Security" style="width:100%;border-radius:var(--border-radius);box-shadow:var(--shadow-soft)" loading="lazy"></div></div><p class="section-subtitle">With formal graduation as a Master Gardener and a decade of experience as a Quality Leader in industrial forestry, I bring a unique dual expertise. This ensures that my technological solutions are not just "smart," but ecologically sound and grounded in physical reality.</p><div class="stats-grid"><div class="stat-card"><span class="stat-number">30-50%</span><div class="stat-label">Energy Savings</div></div><div class="stat-card"><span class="stat-number">100%</span><div class="stat-label">Regulatory Traceability</div></div><div class="stat-card"><span class="stat-number">Zero</span><div class="stat-label">Trust Architecture</div></div><div class="stat-card"><span class="stat-number">Edge</span><div class="stat-label">Local Data Processing</div></div></div></section><section id="insights"><h2 class="section-title">Insights & Updates</h2><p class="section-subtitle">Deep dives into our neuro-symbolic AI models, hardware iterations, and Web3 infrastructure developments.</p><div style="max-width:600px;margin:0 auto;margin-bottom:2rem;position:relative"><label for="blog-search" class="sr-only" style="position:absolute;left:-9999px">Search insights</label> <input type="text" id="blog-search" aria-label="Search insights" placeholder="Discover insights via tags (e.g. YOLOv8, MQTT, GAP)" style="width:100%;padding:12px 20px;font-size:1rem;border-radius:30px;border:1px solid rgba(0,255,194,.3);background:rgba(0,0,0,.4);color:#fff;outline:0;transition:all .3s ease"> <span aria-hidden="true" style="position:absolute;right:20px;top:12px;opacity:.5">🔍</span></div><div id="blog-grid" class="projects-grid" style="margin-top:2rem"></div></section><section id="web3-demo"><h2 class="section-title">Web3 & Blockchain Integration</h2><p class="section-subtitle">Experience our trustless architecture. Connect your wallet to sign a secure payload, demonstrating our decentralized approach and seamless interactions with blockchain tech.</p><div style="display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:2rem"><div style="flex:1;min-width:300px;max-width:500px;text-align:left"><h3 style="color:var(--primary-color);margin-bottom:1rem">Decentralized AI Ecosystem</h3><p style="color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem">Corax CoLAB merges cutting-edge AI and automation with Web3 infrastructure to ensure high-security, transparent, and auditable processes. Our integrations empower edge devices to securely authenticate, share data, and process commands leveraging decentralized smart contracts.</p><ul style="color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;padding-left:1.2rem"><li>Secure cryptographic authorization for GAPbot endpoints.</li><li>Smart contract-based device state management.</li><li>Incentivized decentralized data exchange.</li></ul><a href="https://cryptop.coraxcolab.com" target="_blank" rel="noopener noreferrer" class="cta-button secondary-cta">Explore Crypto P's Crypto Circus →</a></div><div style="flex:1;min-width:300px;max-width:500px;padding:2rem;background:var(--card-bg);border-radius:var(--border-radius);border:1px solid rgba(0,255,194,.2);text-align:center;box-shadow:var(--shadow-soft)"><h3 style="margin-bottom:1rem;color:var(--text-primary)">Interactive Signature Demo</h3><div id="wallet-status" style="margin-bottom:1.5rem;font-family:monospace;color:var(--text-muted);background:rgba(0,0,0,.3);padding:.5rem;border-radius:4px">Status: Disconnected</div><button aria-label="Action button" id="connect-wallet-btn" class="cta-button primary-cta" style="margin-bottom:1rem;width:100%;justify-content:center">Connect Wallet (MetaMask)</button><div id="web3-actions" style="display:none;flex-direction:column;gap:1rem;margin-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem"><p style="font-size:.9rem;color:var(--text-secondary)">Sign a test message to verify your identity on the Edge node securely using personal_sign.</p><button aria-label="Action button" id="sign-message-btn" class="cta-button secondary-cta" style="width:100%;justify-content:center">Sign GAPbot Auth Payload</button><div id="signature-result" style="margin-top:1rem;font-family:monospace;font-size:.8rem;color:var(--success-color);word-break:break-all;background:rgba(0,255,194,.1);padding:1rem;border-radius:4px;display:none"></div></div></div></div></section><div id="theme-customizer" style="position:fixed;bottom:20px;left:20px;z-index:1000;display:flex;gap:10px"><button id="theme-btn-default" class="theme-btn" aria-label="Set default color theme" style="background:linear-gradient(135deg,#00ffc2,#1a73e8)" data-primary="#00FFC2" data-secondary="#1A73E8"></button> <button id="theme-btn-cyber" class="theme-btn" aria-label="Set cyber color theme" style="background:linear-gradient(135deg,#f0f,#0ff)" data-primary="#FF00FF" data-secondary="#00FFFF"></button> <button id="theme-btn-neon" class="theme-btn" aria-label="Set neon color theme" style="background:linear-gradient(135deg,gold,#ff4500)" data-primary="#FFD700" data-secondary="#FF4500"></button></div><section id="activity" style="margin-top:4rem"><h3 style="text-align:center;color:var(--text-secondary);margin-bottom:2rem">Recent GitHub Activity</h3><div id="github-activity" style="display:flex;flex-direction:column;gap:10px;max-width:800px;margin:0 auto"></div></section><section id="network" style="margin-top:6rem;position:relative"><h2 class="section-title">Global Decentralized Network</h2><p class="section-subtitle">Real-time visualization of active edge nodes, validators, and data relays across the globe.</p><div id="globe-container" style="width:100%;height:500px;margin-top:2rem;position:relative;border-radius:var(--border-radius);overflow:hidden;background:radial-gradient(circle at center,rgba(0,255,194,.05) 0,transparent 70%);border:1px solid rgba(255,255,255,.05)"><div id="globe-tooltip" style="position:absolute;display:none;background:rgba(0,0,0,.8);border:1px solid var(--primary-color);padding:10px;border-radius:4px;color:#fff;font-family:monospace;font-size:.8rem;pointer-events:none;z-index:10"></div></div><div style="display:flex;justify-content:center;gap:20px;margin-top:1rem;font-family:monospace;font-size:.9rem"><span style="color:var(--primary-color)">● Active Node</span> <span style="color:var(--warning-color)">● Validator</span> <span style="color:var(--secondary-color)">● Data Relay</span></div></section><section id="telemetry-dash" style="margin-top:6rem;max-width:800px;margin-left:auto;margin-right:auto"><h3 style="text-align:center;color:var(--text-secondary);margin-bottom:2rem">Live Swarm Telemetry</h3><div style="background:var(--card-bg);padding:2rem;border-radius:var(--border-radius);border:1px solid rgba(0,255,194,.2);box-shadow:var(--shadow-soft)"><canvas id="telemetryChart" height="100"></canvas></div></section><section id="architecture" style="margin-top:4rem"><h3 style="text-align:center;color:var(--text-secondary);margin-bottom:2rem">Interactive Architecture Diagram</h3><div style="position:relative;max-width:800px;height:400px;margin:0 auto;padding:2rem;background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow-soft)"><div class="arch-node" style="top:20%;left:50%" data-info="Neuro-Symbolic Hybrid AI for Edge reasoning.">Edge AI</div><div class="arch-node" style="top:50%;left:20%" data-info="Advanced Swarm Intelligence via Consensus-Based Bundle Algorithm.">Swarm logic</div><div class="arch-node" style="top:50%;left:80%" data-info="Blockchain and Web3 Integration for decentralized trust.">Web3</div><div class="arch-node" style="top:80%;left:50%" data-info="Hardware integrations: Controllers, sensors, GAPbot.">Hardware</div><svg style="position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1"><line x1="50%" y1="20%" x2="20%" y2="50%" stroke="var(--primary-color)" stroke-width="3" style="filter:drop-shadow(0 0 5px var(--primary-color));animation:dash 5s linear infinite;stroke-dasharray:10,5"/><style>@keyframes dash{to{stroke-dashoffset:-50}}</style><line x1="50%" y1="20%" x2="80%" y2="50%" stroke="var(--primary-color)" stroke-width="2"/><line x1="20%" y1="50%" x2="50%" y2="80%" stroke="var(--primary-color)" stroke-width="2"/><line x1="80%" y1="50%" x2="50%" y2="80%" stroke="var(--primary-color)" stroke-width="2"/><line x1="50%" y1="20%" x2="50%" y2="80%" stroke="var(--primary-color)" stroke-width="2" stroke-dasharray="5,5"/></svg></div><div id="arch-info" style="margin-top:2rem;padding:1rem;background:rgba(0,255,194,.1);border-left:4px solid var(--primary-color);color:var(--text-primary);border-radius:var(--border-radius-small);min-height:50px;text-align:center">Hover over a component to see details.</div></section><section id="contact"><h2 class="section-title">Let's Connect</h2><p class="section-subtitle">Ready to build the future with autonomous robotics, Edge AI, and sustainable ecosystems? Let's talk.</p><div class="features-grid" style="max-width:800px;margin:0 auto"><div class="feature-card" style="padding:2rem"><span class="feature-icon">🌐</span><h3>Main Website</h3><p>Visit our primary domain for deep dives into our services, enterprise solutions, and booking a demo.</p><a href="https://coraxcolab.com" target="_blank" rel="noopener noreferrer" class="cta-button" style="margin-top:1rem;width:100%;justify-content:center">coraxcolab.com</a></div><div class="feature-card" style="padding:2rem"><span class="feature-icon">✉️</span><h3>Contact Us</h3><p>Reach out directly for consultation regarding AI, Web3, Blockchain, and advanced robotics integrations.</p><a href="mailto:info@coraxcolab.com" class="cta-button secondary-cta" style="margin-top:1rem;width:100%;justify-content:center">info@coraxcolab.com</a></div></div></section><footer><div class="footer-content"><img src="images/coraxcolabloggarund.png" alt="Corax CoLAB Footer Logo" style="height:60px;margin-bottom:1rem" loading="lazy"><br><div class="footer-links"><a href="https://coraxcolab.com" target="_blank" rel="noopener noreferrer">Corax CoLAB Website</a> <a href="https://cryptop.coraxcolab.com" target="_blank" rel="noopener noreferrer">Crypto P's Crypto Circus</a> <a href="https://github.com/PelleNybe" target="_blank" rel="noopener noreferrer">GitHub (PelleNybe)</a> <a href="#architectures">Architectures & Innovation</a></div><p style="color:var(--text-muted);margin-top:1.5rem;font-size:.9rem">© <span id="year"></span> Pelle Nyberg. All rights reserved.<br>Building the future with intelligent technology that combines efficiency with responsibility.</p></div></footer><div id="telemetry-panel" style="position:fixed;top:100px;right:20px;z-index:999;background:rgba(10,10,10,.85);border:1px solid var(--primary-color);border-radius:8px;padding:15px;width:250px;font-family:monospace;color:var(--text-secondary);backdrop-filter:blur(10px);display:none;box-shadow:0 0 15px rgba(0,255,194,.1)"><div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;border-bottom:1px solid rgba(0,255,194,.2);padding-bottom:5px"><span style="color:var(--primary-color);font-weight:700">SYS_TELEMETRY</span> <button id="close-telemetry" aria-label="Close telemetry panel" style="background:0 0;border:none;color:var(--text-muted);cursor:pointer">✕</button></div><div id="vitals-lcp" style="margin-bottom:5px">LCP: <span style="color:var(--warning-color)">Measuring...</span></div><div id="vitals-fid" style="margin-bottom:5px">FID: <span style="color:var(--warning-color)">Measuring...</span></div><div id="vitals-cls" style="margin-bottom:5px">CLS: <span style="color:var(--warning-color)">Measuring...</span></div><div id="vitals-inp" style="margin-bottom:5px">INP: <span style="color:var(--warning-color)">Measuring...</span></div><div style="font-size:.8rem;margin-top:10px;opacity:.5">Core Web Vitals active</div></div><script src="https://cdnjs.cloudflare.com/ajax/libs/lunr.js/2.3.9/lunr.min.js"></script><script src="https://unpkg.com/web-vitals@3/dist/web-vitals.iife.js"></script><script src="https://cdn.jsdelivr.net/npm/chart.js"></script><script src="app.js" defer="defer"></script></body></html> | ||
| }</script><script defer="defer" data-domain="PelleNybe.github.io" src="https://plausible.io/js/script.js"></script><link rel="stylesheet" href="styles.css"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet"><link rel="preload" href="styles.css" as="style"><link rel="preload" href="app.js" as="script"><script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script></head><body><a href="#main-content" class="skip-link" tabindex="0">Skip to main content</a><div id="corax-os-boot" style="position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:999999;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--primary-color);font-family:monospace;transition:opacity 1s ease-out"><div style="font-size:2rem;font-weight:700;margin-bottom:2rem;text-shadow:0 0 20px var(--primary-color)">CORAX_OS v2.0</div><div id="boot-progress-bar" style="width:300px;height:4px;background:rgba(0,255,194,.2);position:relative;border-radius:2px;overflow:hidden;margin-bottom:1rem"><div id="boot-progress-fill" style="width:0%;height:100%;background:var(--primary-color);box-shadow:0 0 10px var(--primary-color);transition:width .1s"></div></div><div id="boot-status-text" style="font-size:.8rem;color:var(--text-muted);min-height:1.2rem">Initializing boot sequence...</div></div><div class="background-animation"></div><canvas id="neural-canvas"></canvas><div class="custom-cursor"></div><div class="custom-cursor-follower"></div><nav id="navbar"><div class="nav-container"><button class="logo" onclick="scrollToTop()" aria-label="Go to top of page"><img src="images/logo.png" alt="Corax CoLAB Logo" style="height:40px;margin-right:10px" loading="eager"> <span class="logo-text">Pelle Nyberg</span></button><ul class="nav-links" id="nav-links"><li><a href="#architectures">Architectures</a></li><li><a href="#tech-stack">Tech Stack</a></li><li><a href="#open-source">Open Source</a></li><li><a href="#domain-expertise">Domain Expertise</a></li><li><a href="#contact">Contact</a></li><li><button id="theme-toggle" class="theme-toggle" title="Toggle theme" aria-label="Toggle dark/light theme">🌙</button></li></ul><button class="mobile-menu-btn" id="mobile-menu-btn" aria-label="Open navigation menu" aria-expanded="false"><span></span> <span></span> <span></span></button></div><div class="mobile-nav-overlay" id="mobile-nav-overlay"><div class="mobile-nav-content"><a href="#architectures" onclick="closeMobileMenu()">Architectures</a> <a href="#tech-stack" onclick="closeMobileMenu()">Tech Stack</a> <a href="#open-source" onclick="closeMobileMenu()">Open Source</a> <a href="#domain-expertise" onclick="closeMobileMenu()">Domain Expertise</a> <a href="#contact" onclick="closeMobileMenu()">Contact</a></div></div></nav><section class="hero"><div class="hero-bg-fallback" style="background-image:url('images/hero-bg.svg');background-size:cover;background-position:center;opacity:.5"></div><div class="hero-bg-overlay"></div><div class="hero-content"><div class="terminal-boot-container"><div class="terminal-header"><div class="terminal-buttons"><span class="terminal-btn close"></span> <span class="terminal-btn min"></span> <span class="terminal-btn max"></span></div><div class="terminal-title">corax_os_v2.0 -- bash</div></div><div class="terminal-body" id="terminal-body"></div></div><h1 class="glitch" data-text="Pelle Nyberg">Pelle Nyberg</h1><p class="hero-subtitle">Deep Tech Developer & AI/Robotics Innovator</p><p class="hero-description">"I combine strategic vision with hands-on engineering at the hardware level. With a background as a Master Gardener and an expert in industrial forestry flows, I build cyber-physical systems that truly understand the biological environments they operate within. I can solder a circuit, train a neural network, and design the ecological context."</p><div class="hero-ctas"><a href="https://github.com/PelleNybe" target="_blank" rel="noopener noreferrer" class="cta-button primary-cta">Explore My GitHub </a><a href="https://coraxcolab.com" target="_blank" rel="noopener noreferrer" class="cta-button secondary-cta">Visit Corax CoLAB</a></div></div></section><section id="featured-project" style="padding-top:4rem;padding-bottom:2rem"><div class="featured-project-container"><div class="header-section"><div class="icon-container"><i class="fa-solid fa-robot"></i></div><div><h2 class="project-title">Agent-Commit Tracker</h2><p class="project-subtitle">Automated Transparency for AI-Generated Code</p></div></div><div class="tech-badges"><span class="badge"><i class="fa-brands fa-python"></i> Python / FastAPI</span> <span class="badge"><i class="fa-brands fa-google"></i> Google Cloud Run</span> <span class="badge"><i class="fa-brands fa-github"></i> GitHub Webhooks</span> <span class="badge"><i class="fa-solid fa-server"></i> Serverless</span></div><div class="project-description"><p>As AI agents increasingly write our code, human reviewers lose the critical context behind the commits. I built the Agent-Commit Tracker to solve this blind spot. It is a production-grade, serverless microservice that intercepts GitHub webhooks in real-time, parsing hidden AI metadata to inject perfectly formatted context reports directly into Pull Requests.</p></div><ul class="features-list"><li><i class="fa-solid fa-bolt"></i> <strong>Zero Latency Parsing</strong> <span>Built with Python and robust Regex, it instantly extracts embedded context markers from PR descriptions without delaying the CI/CD pipeline.</span></li><li><i class="fa-solid fa-cloud"></i> <strong>100% Serverless</strong> <span>Containerized and deployed on Google Cloud Run. It scales from zero to handle webhook spikes securely and cost-effectively.</span></li><li><i class="fa-solid fa-shield-halved"></i> <strong>Enterprise Security</strong> <span>Enforces strict validation of <code>X-Hub-Signature-256</code> headers to guarantee payload authenticity before any processing begins.</span></li></ul><div class="action-buttons"><a href="https://github.com/PelleNybe/agent-commit-tracker" target="_blank" rel="noopener noreferrer" class="btn btn-primary"><i class="fa-brands fa-github"></i> Install GitHub App</a> <a href="agent-commit-tracker/index.html" class="btn btn-secondary"><i class="fa-solid fa-link"></i> Project Page</a> <a href="https://github.com/PelleNybe/agent-commit-tracker" target="_blank" rel="noopener noreferrer" class="btn btn-secondary"><i class="fa-solid fa-code"></i> View Source Architecture</a></div></div></section><section id="architectures"><h2 class="section-title">🤖 Architectures & Innovation</h2><p class="section-subtitle">As the Founder and CEO of Corax CoLAB, I drive intelligent automation in Deep Tech and AgTech. I am the architect behind the GAP (Green Automated Process) Platform and GAPbot, a Python-based hexapod robot. These platforms integrate IoT sensors, AI models like EcoMind, and autonomous navigation to conquer challenging terrains.</p><div class="configurator-wrapper" style="display:flex;flex-direction:column;gap:2rem;margin-top:2rem;background:var(--card-bg);border-radius:var(--border-radius);padding:1.5rem;border:1px solid rgba(0,255,194,.2)"><div id="gapbot-3d-container" style="width:100%;height:400px;position:relative;border-radius:var(--border-radius-small);overflow:hidden;background:radial-gradient(circle at center,rgba(0,255,194,.05),transparent 70%);flex:2;cursor:grab"><div style="position:absolute;top:10px;left:10px;z-index:10;font-family:monospace;color:var(--primary-color);font-size:.8rem;pointer-events:none">DRAG TO ROTATE<br>SCROLL TO ZOOM</div></div><div class="configurator-controls" style="flex:1;display:flex;flex-direction:column;gap:1rem"><h3 style="color:var(--primary-color);border-bottom:1px solid rgba(0,255,194,.2);padding-bottom:.5rem">GAPbot Configurator</h3><div class="config-group"><label style="display:block;color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem">Vision System (Edge AI)</label><div style="display:flex;gap:.5rem"><button aria-label="Configure module" class="config-btn active" data-module="vision" data-type="standard">Standard RGB</button> <button aria-label="Configure module" class="config-btn" data-module="vision" data-type="multispectral">Multispectral</button> <button aria-label="Configure module" class="config-btn" data-module="vision" data-type="lidar">LiDAR Array</button></div></div><div class="config-group"><label style="display:block;color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem">Power System</label><div style="display:flex;gap:.5rem"><button aria-label="Configure module" class="config-btn active" data-module="power" data-type="battery">Li-ion Core</button> <button aria-label="Configure module" class="config-btn" data-module="power" data-type="solar">Solar MPPT Wings</button></div></div><div class="config-group"><label style="display:block;color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem">Chassis Armor</label><div style="display:flex;gap:.5rem"><button aria-label="Configure module" class="config-btn active" data-module="armor" data-type="light">Light (Agile)</button> <button aria-label="Configure module" class="config-btn" data-module="armor" data-type="heavy">Heavy (Industrial)</button></div></div><div class="config-stats" style="margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)"><div style="display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem"><span style="color:var(--text-muted)">Processing Power:</span> <span id="stat-proc" style="color:var(--primary-color);font-family:monospace">85%</span></div><div style="display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem"><span style="color:var(--text-muted)">Energy Efficiency:</span> <span id="stat-energy" style="color:var(--success-color);font-family:monospace">90%</span></div><div style="display:flex;justify-content:space-between;font-size:.9rem"><span style="color:var(--text-muted)">Weight / Mobility:</span> <span id="stat-weight" style="color:var(--warning-color);font-family:monospace">75%</span></div></div></div></div><style>.config-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);padding:.4rem .8rem;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s;flex:1}.config-btn:hover{background:rgba(0,255,194,.1)}.config-btn.active{background:rgba(0,255,194,.15);border-color:var(--primary-color);color:var(--primary-color);font-weight:700}</style><div class="grid-2" style="margin-top:3rem"><div class="feature-card product-card tilt-card"><h3>GAP Platform (The Brain)</h3><p>The industrial analysis and control center, developed to handle the most complex business logic and real-time data streams. A hybrid cloud/edge platform orchestrating fleets of robots.</p><ul style="text-align:left;margin-top:1.5rem;color:var(--text-secondary);padding-left:1.5rem;line-height:1.8"><li><strong>Hybrid Architecture:</strong> Balances reliable execution with ultra-low latency for Edge data.</li><li><strong>Protocol Integration:</strong> Seamless integration with OPC-UA, Modbus, BACnet, and PQC-secured MQTT.</li><li><strong>Explainable AI (XAI):</strong> Human-understandable explanations for predictive decisions (EU AI Act compliant).</li><li><strong>Digital Twin & 4D:</strong> Virtual copies for remote monitoring and Digital Risk Mitigation.</li></ul></div><div class="feature-card product-card tilt-card"><h3>GAPbot (The Body)</h3><p>Autonomous hexapod robotics for optimization, security, and analysis. Equipped with 'Sun Bathing Mode' for extreme endurance and superior accessibility in complex environments.</p><ul style="text-align:left;margin-top:1.5rem;color:var(--text-secondary);padding-left:1.5rem;line-height:1.8"><li><strong>Neuro-Symbolic Hybrid AI:</strong> Edge AI (YOLOv8-Seg on Hailo-8L) + Generative AI (Phi-3 Medium).</li><li><strong>Hexapod Kinematics:</strong> Superior mobility with 'Split-Belly Kinematics' for a low center of gravity.</li><li><strong>Energy Optimization:</strong> MPPT 'Sun Bathing Mode' maximizes autonomous runtime via solar panels.</li><li><strong>Self-Healing Code:</strong> Dynamically identifies errors, generates fixes, and applies them for maximum uptime.</li></ul></div></div></section><section id="tech-stack"><h2 class="section-title">Tech Stack & Hardware</h2><p class="section-subtitle">The "Full-Stack" of Matter: My technical environment bridges high-level code with physical execution.</p><div class="features-grid"><div class="feature-card tilt-card"><div class="feature-illustration"><img src="images/ai-illustration.svg" alt="Edge AI & Robotics" style="width:100%;height:auto" loading="eager"></div><h3>Edge AI & Robotics</h3><p>Developing with Python and ROS on Linux environments to bring intelligent perception to edge devices.</p></div><div class="feature-card tilt-card"><div class="feature-illustration"><img src="images/automation-illustration.svg" alt="Hardware Specialization" style="width:100%;height:auto" loading="eager"></div><h3>Hardware Specialization</h3><p>Optimizing compute on Raspberry Pi 5 (16 GiB RAM), utilizing Hailo 8L AI accelerators (PCIe), and fast NVMe SSDs.</p></div><div class="feature-card tilt-card"><div class="feature-illustration"><img src="images/blockchain-illustration.svg" alt="Workflow" style="width:100%;height:auto" loading="eager"></div><h3>Workflow & Integration</h3><p>Operating headless environments via SSH/VNC, with heavy VScode and GitHub integrations powered by AI-driven development.</p></div></div></section><section id="hologram"><h2 class="section-title">Code as Architecture</h2><p class="section-subtitle">Interact with the holographic representation of a GAP-managed facility. Discover how our code translates to physical automation.</p><div class="hologram-container" style="position:relative;height:600px;max-width:1000px;margin:2rem auto;background:var(--card-bg);border-radius:var(--border-radius);border:1px solid rgba(0,255,194,.2);overflow:hidden;perspective:1200px"><div style="position:absolute;width:200%;height:200%;top:-50%;left:-50%;background-image:linear-gradient(rgba(0,255,194,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,194,.1) 1px,transparent 1px);background-size:50px 50px;transform:rotateX(60deg) translateZ(-200px);transform-origin:top;z-index:0;pointer-events:none"></div><div class="holo-scene" style="position:absolute;width:100%;height:100%;top:0;left:0;transform-style:preserve-3d;transition:transform .5s ease-out;z-index:1"><div class="holo-node" data-code="python" data-target="pump" style="top:60%;left:30%"><div class="node-marker"></div><span class="node-label">Irrigation Pump</span></div><div class="holo-node" data-code="cpp" data-target="sensor" style="top:40%;left:60%"><div class="node-marker"></div><span class="node-label">Edge Sensor Hub</span></div><div class="holo-node" data-code="rust" data-target="solar" style="top:20%;left:40%"><div class="node-marker"></div><span class="node-label">Solar MPPT Array</span></div></div><div id="holo-code-overlay" style="position:absolute;top:20px;right:20px;width:350px;background:rgba(5,5,5,.9);border:1px solid var(--primary-color);border-radius:var(--border-radius-small);padding:1rem;color:#fff;font-family:monospace;z-index:10;opacity:0;pointer-events:none;transition:opacity .3s;box-shadow:0 0 20px rgba(0,255,194,.2)"><div style="color:var(--text-muted);border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem;margin-bottom:.5rem;display:flex;justify-content:space-between"><span id="holo-filename">pump_control.py</span> <span style="color:var(--primary-color)">● LIVE</span></div><pre><code id="holo-code-content" style="color:#0fc;white-space:pre-wrap;font-size:.85rem"></code></pre></div></div><style>.holo-node{position:absolute;transform:translate(-50%,-50%) translateZ(50px);cursor:pointer;display:flex;flex-direction:column;align-items:center;transition:transform .3s}.holo-node:hover{transform:translate(-50%,-50%) translateZ(80px) scale(1.1)}.node-marker{width:20px;height:20px;background:rgba(0,255,194,.2);border:2px solid var(--primary-color);border-radius:50%;box-shadow:0 0 15px var(--primary-color);animation:pulse-node 2s infinite}.node-label{margin-top:10px;color:#fff;background:rgba(0,0,0,.6);padding:4px 8px;border-radius:4px;font-size:.8rem;border:1px solid rgba(0,255,194,.3)}@keyframes pulse-node{0%{box-shadow:0 0 0 0 rgba(0,255,194,.7)}70%{box-shadow:0 0 0 15px rgba(0,255,194,0)}100%{box-shadow:0 0 0 0 rgba(0,255,194,0)}}</style></section><section id="ai-simulator"><h2 class="section-title">Neuro-Symbolic AI Simulator</h2><p class="section-subtitle">Watch our hybrid AI process raw Edge data, identify anomalies, and output logical, explainable decisions in real-time.</p><div class="ai-dashboard" style="display:flex;flex-direction:column;md:flex-row;gap:1rem;max-width:1000px;margin:2rem auto;background:var(--dark-bg);border:1px solid rgba(0,255,194,.3);border-radius:var(--border-radius);padding:1rem;box-shadow:0 0 30px rgba(0,0,0,.8)"><div class="ai-controls" style="display:flex;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)"><button aria-label="Run scenario" class="cta-button secondary-cta sim-btn" data-scenario="nominal" style="padding:.5rem 1rem;font-size:.8rem">Scenario: Nominal</button> <button aria-label="Run scenario" class="cta-button secondary-cta sim-btn" data-scenario="pest" style="padding:.5rem 1rem;font-size:.8rem;border-color:var(--warning-color);color:var(--warning-color)">Inject Pest Anomaly</button> <button aria-label="Run scenario" class="cta-button secondary-cta sim-btn" data-scenario="drought" style="padding:.5rem 1rem;font-size:.8rem;border-color:var(--error-color);color:var(--error-color)">Inject Drought Risk</button></div><div style="display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap"><div class="ai-vision" style="flex:1;min-width:300px;position:relative;background:#000;border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-small);overflow:hidden;height:300px"><div style="position:absolute;top:10px;left:10px;color:var(--primary-color);font-family:monospace;z-index:10;font-size:.8rem;background:rgba(0,0,0,.5);padding:4px">YOLOv8-Seg (Edge) <span id="fps-counter" style="color:var(--warning-color)">60 FPS</span></div><canvas id="vision-canvas" style="width:100%;height:100%;filter:contrast(1.5) sepia(1) hue-rotate(100deg) saturate(2);opacity:.8"></canvas><div id="bbox-overlay" style="position:absolute;border:2px solid var(--primary-color);background:rgba(0,255,194,.1);display:none;transition:all .2s"><span id="bbox-label" style="position:absolute;top:-20px;left:-2px;background:var(--primary-color);color:#000;font-size:.7rem;font-family:monospace;padding:2px 4px;white-space:nowrap">Target 99%</span></div></div><div class="ai-reasoning" style="flex:1;min-width:300px;display:flex;flex-direction:column;gap:.5rem"><div style="flex:1;background:rgba(10,10,10,.9);border:1px solid rgba(0,255,194,.2);padding:1rem;font-family:monospace;border-radius:var(--border-radius-small);overflow-y:auto"><div style="color:var(--text-muted);font-size:.8rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem;margin-bottom:.5rem">Symbolic Logic Engine (XAI)</div><div id="reasoning-log" style="font-size:.85rem;line-height:1.4"><span style="color:var(--primary-color)">> SYSTEM INITIALIZED. Awaiting data...</span></div></div><div style="background:rgba(10,10,10,.9);border:1px solid rgba(0,255,194,.2);padding:1rem;font-family:monospace;border-radius:var(--border-radius-small);font-size:.9rem"><div style="color:var(--text-muted);font-size:.8rem;margin-bottom:.5rem">Current Action State</div><div id="action-state" style="color:var(--success-color);font-weight:700;font-size:1.1rem;text-shadow:0 0 10px rgba(0,255,194,.5)">MONITORING</div></div></div></div></div></section><section id="open-source"><h2 class="section-title">Open Source & Developer Tools</h2><p class="section-subtitle">Showcasing specific coding projects, from serverless webhooks to Web3 data integrity and decentralized IoT networks.</p><div class="projects-grid"><project-card name="Crypto MCP Server" url="https://github.com/PelleNybe/Crypto-MCP-Server---by-Corax-CoLAB" description="Exploring Web3 data integrity and decentralized IoT networks. Built to bridge AI models with real-time blockchain analytics and trading data." language="TypeScript" color="#3178c6" topics='["MCP", "Web3", "Blockchain"]' tag="Web3 Integration"></project-card><project-card name="Founder's Core Insights" url="https://github.com/PelleNybe/PelleNybe" description="Architectural overviews, vision documents, and foundational code structures driving the Corax CoLAB engineering ethos." language="Markdown" color="#083fa1" topics='["Architecture", "Vision"]' tag="Architecture"></project-card></div><div id="loading" style="display:none;text-align:center;padding:2rem;color:var(--primary-color)">Loading projects...</div><div id="projects-grid" class="projects-grid" style="display:none"></div><div id="error-message" class="error-message" style="display:none"></div></section><section id="gallery" style="margin-top:4rem;text-align:center"><h3 style="color:var(--text-secondary);margin-bottom:2rem">Platform Dashboard Previews</h3><div class="projects-grid" style="grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem"><div class="project-card"><img src="images/1773184753736.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773184772226.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773184783812.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773184794241.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773185420660.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773185446305.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773242699963.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div></div></section><section id="domain-expertise"><h2 class="section-title">Domain Expertise: Biology Meets Tech</h2><div class="grid-2" style="margin-top:3rem;margin-bottom:3rem"><div><img src="images/gap_digital_bridge_between_old_industry_and_future_iot.png" alt="Digital Bridge" style="width:100%;border-radius:var(--border-radius);box-shadow:var(--shadow-soft)" loading="lazy"></div><div><img src="images/GAPenterprise_grade_sec.png" alt="Enterprise Grade Security" style="width:100%;border-radius:var(--border-radius);box-shadow:var(--shadow-soft)" loading="lazy"></div></div><p class="section-subtitle">With formal graduation as a Master Gardener and a decade of experience as a Quality Leader in industrial forestry, I bring a unique dual expertise. This ensures that my technological solutions are not just "smart," but ecologically sound and grounded in physical reality.</p><div class="stats-grid"><div class="stat-card"><span class="stat-number">30-50%</span><div class="stat-label">Energy Savings</div></div><div class="stat-card"><span class="stat-number">100%</span><div class="stat-label">Regulatory Traceability</div></div><div class="stat-card"><span class="stat-number">Zero</span><div class="stat-label">Trust Architecture</div></div><div class="stat-card"><span class="stat-number">Edge</span><div class="stat-label">Local Data Processing</div></div></div></section><section id="insights"><h2 class="section-title">Insights & Updates</h2><p class="section-subtitle">Deep dives into our neuro-symbolic AI models, hardware iterations, and Web3 infrastructure developments.</p><div style="max-width:600px;margin:0 auto;margin-bottom:2rem;position:relative"><label for="blog-search" class="sr-only" style="position:absolute;left:-9999px">Search insights</label> <input type="text" id="blog-search" aria-label="Search insights" placeholder="Discover insights via tags (e.g. YOLOv8, MQTT, GAP)" style="width:100%;padding:12px 20px;font-size:1rem;border-radius:30px;border:1px solid rgba(0,255,194,.3);background:rgba(0,0,0,.4);color:#fff;outline:0;transition:all .3s ease"> <span aria-hidden="true" style="position:absolute;right:20px;top:12px;opacity:.5">🔍</span></div><div id="blog-grid" class="projects-grid" style="margin-top:2rem"></div></section><section id="web3-demo"><h2 class="section-title">Web3 & Blockchain Integration</h2><p class="section-subtitle">Experience our trustless architecture. Connect your wallet to sign a secure payload, demonstrating our decentralized approach and seamless interactions with blockchain tech.</p><div style="display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:2rem"><div style="flex:1;min-width:300px;max-width:500px;text-align:left"><h3 style="color:var(--primary-color);margin-bottom:1rem">Decentralized AI Ecosystem</h3><p style="color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem">Corax CoLAB merges cutting-edge AI and automation with Web3 infrastructure to ensure high-security, transparent, and auditable processes. Our integrations empower edge devices to securely authenticate, share data, and process commands leveraging decentralized smart contracts.</p><ul style="color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;padding-left:1.2rem"><li>Secure cryptographic authorization for GAPbot endpoints.</li><li>Smart contract-based device state management.</li><li>Incentivized decentralized data exchange.</li></ul><a href="https://cryptop.coraxcolab.com" target="_blank" rel="noopener noreferrer" class="cta-button secondary-cta">Explore Crypto P's Crypto Circus →</a></div><div style="flex:1;min-width:300px;max-width:500px;padding:2rem;background:var(--card-bg);border-radius:var(--border-radius);border:1px solid rgba(0,255,194,.2);text-align:center;box-shadow:var(--shadow-soft)"><h3 style="margin-bottom:1rem;color:var(--text-primary)">Interactive Signature Demo</h3><div id="wallet-status" style="margin-bottom:1.5rem;font-family:monospace;color:var(--text-muted);background:rgba(0,0,0,.3);padding:.5rem;border-radius:4px">Status: Disconnected</div><button aria-label="Action button" id="connect-wallet-btn" class="cta-button primary-cta" style="margin-bottom:1rem;width:100%;justify-content:center">Connect Wallet (MetaMask)</button><div id="web3-actions" style="display:none;flex-direction:column;gap:1rem;margin-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem"><p style="font-size:.9rem;color:var(--text-secondary)">Sign a test message to verify your identity on the Edge node securely using personal_sign.</p><button aria-label="Action button" id="sign-message-btn" class="cta-button secondary-cta" style="width:100%;justify-content:center">Sign GAPbot Auth Payload</button><div id="signature-result" style="margin-top:1rem;font-family:monospace;font-size:.8rem;color:var(--success-color);word-break:break-all;background:rgba(0,255,194,.1);padding:1rem;border-radius:4px;display:none"></div></div></div></div></section><div id="theme-customizer" style="position:fixed;bottom:20px;left:20px;z-index:1000;display:flex;gap:10px"><button id="theme-btn-default" class="theme-btn" aria-label="Set default color theme" style="background:linear-gradient(135deg,#00ffc2,#1a73e8)" data-primary="#00FFC2" data-secondary="#1A73E8"></button> <button id="theme-btn-cyber" class="theme-btn" aria-label="Set cyber color theme" style="background:linear-gradient(135deg,#f0f,#0ff)" data-primary="#FF00FF" data-secondary="#00FFFF"></button> <button id="theme-btn-neon" class="theme-btn" aria-label="Set neon color theme" style="background:linear-gradient(135deg,gold,#ff4500)" data-primary="#FFD700" data-secondary="#FF4500"></button></div><section id="activity" style="margin-top:4rem"><h3 style="text-align:center;color:var(--text-secondary);margin-bottom:2rem">Recent GitHub Activity</h3><div id="github-activity" style="display:flex;flex-direction:column;gap:10px;max-width:800px;margin:0 auto"></div></section><section id="network" style="margin-top:6rem;position:relative"><h2 class="section-title">Global Decentralized Network</h2><p class="section-subtitle">Real-time visualization of active edge nodes, validators, and data relays across the globe.</p><div id="globe-container" style="width:100%;height:500px;margin-top:2rem;position:relative;border-radius:var(--border-radius);overflow:hidden;background:radial-gradient(circle at center,rgba(0,255,194,.05) 0,transparent 70%);border:1px solid rgba(255,255,255,.05)"><div id="globe-tooltip" style="position:absolute;display:none;background:rgba(0,0,0,.8);border:1px solid var(--primary-color);padding:10px;border-radius:4px;color:#fff;font-family:monospace;font-size:.8rem;pointer-events:none;z-index:10"></div></div><div style="display:flex;justify-content:center;gap:20px;margin-top:1rem;font-family:monospace;font-size:.9rem"><span style="color:var(--primary-color)">● Active Node</span> <span style="color:var(--warning-color)">● Validator</span> <span style="color:var(--secondary-color)">● Data Relay</span></div></section><section id="telemetry-dash" style="margin-top:6rem;max-width:800px;margin-left:auto;margin-right:auto"><h3 style="text-align:center;color:var(--text-secondary);margin-bottom:2rem">Live Swarm Telemetry</h3><div style="background:var(--card-bg);padding:2rem;border-radius:var(--border-radius);border:1px solid rgba(0,255,194,.2);box-shadow:var(--shadow-soft)"><canvas id="telemetryChart" height="100"></canvas></div></section><section id="architecture" style="margin-top:4rem"><h3 style="text-align:center;color:var(--text-secondary);margin-bottom:2rem">Interactive Architecture Diagram</h3><div style="position:relative;max-width:800px;height:400px;margin:0 auto;padding:2rem;background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow-soft)"><div class="arch-node" style="top:20%;left:50%" data-info="Neuro-Symbolic Hybrid AI for Edge reasoning.">Edge AI</div><div class="arch-node" style="top:50%;left:20%" data-info="Advanced Swarm Intelligence via Consensus-Based Bundle Algorithm.">Swarm logic</div><div class="arch-node" style="top:50%;left:80%" data-info="Blockchain and Web3 Integration for decentralized trust.">Web3</div><div class="arch-node" style="top:80%;left:50%" data-info="Hardware integrations: Controllers, sensors, GAPbot.">Hardware</div><svg style="position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1"><line x1="50%" y1="20%" x2="20%" y2="50%" stroke="var(--primary-color)" stroke-width="3" style="filter:drop-shadow(0 0 5px var(--primary-color));animation:dash 5s linear infinite;stroke-dasharray:10,5"/><style>@keyframes dash{to{stroke-dashoffset:-50}}</style><line x1="50%" y1="20%" x2="80%" y2="50%" stroke="var(--primary-color)" stroke-width="2"/><line x1="20%" y1="50%" x2="50%" y2="80%" stroke="var(--primary-color)" stroke-width="2"/><line x1="80%" y1="50%" x2="50%" y2="80%" stroke="var(--primary-color)" stroke-width="2"/><line x1="50%" y1="20%" x2="50%" y2="80%" stroke="var(--primary-color)" stroke-width="2" stroke-dasharray="5,5"/></svg></div><div id="arch-info" style="margin-top:2rem;padding:1rem;background:rgba(0,255,194,.1);border-left:4px solid var(--primary-color);color:var(--text-primary);border-radius:var(--border-radius-small);min-height:50px;text-align:center">Hover over a component to see details.</div></section><section id="contact"><h2 class="section-title">Let's Connect</h2><p class="section-subtitle">Ready to build the future with autonomous robotics, Edge AI, and sustainable ecosystems? Let's talk.</p><div class="features-grid" style="max-width:800px;margin:0 auto"><div class="feature-card" style="padding:2rem"><span class="feature-icon">🌐</span><h3>Main Website</h3><p>Visit our primary domain for deep dives into our services, enterprise solutions, and booking a demo.</p><a href="https://coraxcolab.com" target="_blank" rel="noopener noreferrer" class="cta-button" style="margin-top:1rem;width:100%;justify-content:center">coraxcolab.com</a></div><div class="feature-card" style="padding:2rem"><span class="feature-icon">✉️</span><h3>Contact Us</h3><p>Reach out directly for consultation regarding AI, Web3, Blockchain, and advanced robotics integrations.</p><a href="mailto:info@coraxcolab.com" class="cta-button secondary-cta" style="margin-top:1rem;width:100%;justify-content:center">info@coraxcolab.com</a></div></div></section><footer><div class="footer-content"><img src="images/coraxcolabloggarund.png" alt="Corax CoLAB Footer Logo" style="height:60px;margin-bottom:1rem" loading="lazy"><br><div class="footer-links"><a href="https://coraxcolab.com" target="_blank" rel="noopener noreferrer">Corax CoLAB Website</a> <a href="https://cryptop.coraxcolab.com" target="_blank" rel="noopener noreferrer">Crypto P's Crypto Circus</a> <a href="https://github.com/PelleNybe" target="_blank" rel="noopener noreferrer">GitHub (PelleNybe)</a> <a href="#architectures">Architectures & Innovation</a></div><p style="color:var(--text-muted);margin-top:1.5rem;font-size:.9rem">© <span id="year"></span> Pelle Nyberg. All rights reserved.<br>Building the future with intelligent technology that combines efficiency with responsibility.</p></div></footer><div id="telemetry-panel" style="position:fixed;top:100px;right:20px;z-index:999;background:rgba(10,10,10,.85);border:1px solid var(--primary-color);border-radius:8px;padding:15px;width:250px;font-family:monospace;color:var(--text-secondary);backdrop-filter:blur(10px);display:none;box-shadow:0 0 15px rgba(0,255,194,.1)"><div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;border-bottom:1px solid rgba(0,255,194,.2);padding-bottom:5px"><span style="color:var(--primary-color);font-weight:700">SYS_TELEMETRY</span> <button id="close-telemetry" aria-label="Close telemetry panel" style="background:0 0;border:none;color:var(--text-muted);cursor:pointer">✕</button></div><div id="vitals-lcp" style="margin-bottom:5px">LCP: <span style="color:var(--warning-color)">Measuring...</span></div><div id="vitals-fid" style="margin-bottom:5px">FID: <span style="color:var(--warning-color)">Measuring...</span></div><div id="vitals-cls" style="margin-bottom:5px">CLS: <span style="color:var(--warning-color)">Measuring...</span></div><div id="vitals-inp" style="margin-bottom:5px">INP: <span style="color:var(--warning-color)">Measuring...</span></div><div style="font-size:.8rem;margin-top:10px;opacity:.5">Core Web Vitals active</div></div><script src="https://cdnjs.cloudflare.com/ajax/libs/lunr.js/2.3.9/lunr.min.js"></script><script src="https://unpkg.com/web-vitals@3/dist/web-vitals.iife.js"></script><script src="https://cdn.jsdelivr.net/npm/chart.js"></script><script src="app.js" defer="defer"></script></body></html> No newline at end of file |
| "areaServed": "Global", | ||
| "knowsAbout": ["AI", "Robotics", "Edge AI", "Web3", "Blockchain", "Automation", "GreenTech", "Compliance"] | ||
| }</script><script defer="defer" data-domain="PelleNybe.github.io" src="https://plausible.io/js/script.js"></script><link rel="stylesheet" href="styles.css"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet"><link rel="preload" href="styles.css" as="style"><link rel="preload" href="app.js" as="script"><script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script></head><body><a href="#main-content" class="skip-link" tabindex="0">Skip to main content</a><div id="corax-os-boot" style="position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:999999;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--primary-color);font-family:monospace;transition:opacity 1s ease-out"><div style="font-size:2rem;font-weight:700;margin-bottom:2rem;text-shadow:0 0 20px var(--primary-color)">CORAX_OS v2.0</div><div id="boot-progress-bar" style="width:300px;height:4px;background:rgba(0,255,194,.2);position:relative;border-radius:2px;overflow:hidden;margin-bottom:1rem"><div id="boot-progress-fill" style="width:0%;height:100%;background:var(--primary-color);box-shadow:0 0 10px var(--primary-color);transition:width .1s"></div></div><div id="boot-status-text" style="font-size:.8rem;color:var(--text-muted);min-height:1.2rem">Initializing boot sequence...</div></div><div class="background-animation"></div><canvas id="neural-canvas"></canvas><div class="custom-cursor"></div><div class="custom-cursor-follower"></div><nav id="navbar"><div class="nav-container"><button class="logo" onclick="scrollToTop()" aria-label="Go to top of page"><img src="images/logo.png" alt="Corax CoLAB Logo" style="height:40px;margin-right:10px" loading="eager"> <span class="logo-text">Pelle Nyberg</span></button><ul class="nav-links" id="nav-links"><li><a href="#architectures">Architectures</a></li><li><a href="#tech-stack">Tech Stack</a></li><li><a href="#open-source">Open Source</a></li><li><a href="#domain-expertise">Domain Expertise</a></li><li><a href="#contact">Contact</a></li><li><button id="theme-toggle" class="theme-toggle" title="Toggle theme" aria-label="Toggle dark/light theme">🌙</button></li></ul><button class="mobile-menu-btn" id="mobile-menu-btn" aria-label="Open navigation menu" aria-expanded="false"><span></span> <span></span> <span></span></button></div><div class="mobile-nav-overlay" id="mobile-nav-overlay"><div class="mobile-nav-content"><a href="#architectures" onclick="closeMobileMenu()">Architectures</a> <a href="#tech-stack" onclick="closeMobileMenu()">Tech Stack</a> <a href="#open-source" onclick="closeMobileMenu()">Open Source</a> <a href="#domain-expertise" onclick="closeMobileMenu()">Domain Expertise</a> <a href="#contact" onclick="closeMobileMenu()">Contact</a></div></div></nav><section class="hero"><div class="hero-bg-fallback" style="background-image:url('images/hero-bg.svg');background-size:cover;background-position:center;opacity:.5"></div><div class="hero-bg-overlay"></div><div class="hero-content"><div class="terminal-boot-container"><div class="terminal-header"><div class="terminal-buttons"><span class="terminal-btn close"></span> <span class="terminal-btn min"></span> <span class="terminal-btn max"></span></div><div class="terminal-title">corax_os_v2.0 -- bash</div></div><div class="terminal-body" id="terminal-body"></div></div><h1 class="glitch" data-text="Pelle Nyberg">Pelle Nyberg</h1><p class="hero-subtitle">Deep Tech Developer & AI/Robotics Innovator</p><p class="hero-description">"I combine strategic vision with hands-on engineering at the hardware level. With a background as a Master Gardener and an expert in industrial forestry flows, I build cyber-physical systems that truly understand the biological environments they operate within. I can solder a circuit, train a neural network, and design the ecological context."</p><div class="hero-ctas"><a href="https://github.com/PelleNybe" target="_blank" rel="noopener noreferrer" class="cta-button primary-cta">Explore My GitHub </a><a href="https://coraxcolab.com" target="_blank" rel="noopener noreferrer" class="cta-button secondary-cta">Visit Corax CoLAB</a></div></div></section><section id="featured-project" style="padding-top:4rem;padding-bottom:2rem"><div class="featured-project-container"><div class="header-section"><div class="icon-container"><i class="fa-solid fa-robot"></i></div><div><h2 class="project-title">Agent-Commit Tracker</h2><p class="project-subtitle">Automated Transparency for AI-Generated Code</p></div></div><div class="tech-badges"><span class="badge"><i class="fa-brands fa-python"></i> Python / FastAPI</span> <span class="badge"><i class="fa-brands fa-google"></i> Google Cloud Run</span> <span class="badge"><i class="fa-brands fa-github"></i> GitHub Webhooks</span> <span class="badge"><i class="fa-solid fa-server"></i> Serverless</span></div><div class="project-description"><p>As AI agents increasingly write our code, human reviewers lose the critical context behind the commits. I built the Agent-Commit Tracker to solve this blind spot. It is a production-grade, serverless microservice that intercepts GitHub webhooks in real-time, parsing hidden AI metadata to inject perfectly formatted context reports directly into Pull Requests.</p></div><ul class="features-list"><li><i class="fa-solid fa-bolt"></i> <strong>Zero Latency Parsing</strong> <span>Built with Python and robust Regex, it instantly extracts embedded context markers from PR descriptions without delaying the CI/CD pipeline.</span></li><li><i class="fa-solid fa-cloud"></i> <strong>100% Serverless</strong> <span>Containerized and deployed on Google Cloud Run. It scales from zero to handle webhook spikes securely and cost-effectively.</span></li><li><i class="fa-solid fa-shield-halved"></i> <strong>Enterprise Security</strong> <span>Enforces strict validation of <code>X-Hub-Signature-256</code> headers to guarantee payload authenticity before any processing begins.</span></li></ul><div class="action-buttons"><a href="https://github.com/PelleNybe/agent-commit-tracker" target="_blank" rel="noopener noreferrer" class="btn btn-primary"><i class="fa-brands fa-github"></i> Install GitHub App</a> <a href="agent-commit-tracker/index.html" class="btn btn-secondary"><i class="fa-solid fa-link"></i> Project Page</a> <a href="https://github.com/PelleNybe/agent-commit-tracker" target="_blank" rel="noopener noreferrer" class="btn btn-secondary"><i class="fa-solid fa-code"></i> View Source Architecture</a></div></div></section><section id="architectures"><h2 class="section-title">🤖 Architectures & Innovation</h2><p class="section-subtitle">As the Founder and CEO of Corax CoLAB, I drive intelligent automation in Deep Tech and AgTech. I am the architect behind the GAP (Green Automated Process) Platform and GAPbot, a Python-based hexapod robot. These platforms integrate IoT sensors, AI models like EcoMind, and autonomous navigation to conquer challenging terrains.</p><div class="configurator-wrapper" style="display:flex;flex-direction:column;gap:2rem;margin-top:2rem;background:var(--card-bg);border-radius:var(--border-radius);padding:1.5rem;border:1px solid rgba(0,255,194,.2)"><div id="gapbot-3d-container" style="width:100%;height:400px;position:relative;border-radius:var(--border-radius-small);overflow:hidden;background:radial-gradient(circle at center,rgba(0,255,194,.05),transparent 70%);flex:2;cursor:grab"><div style="position:absolute;top:10px;left:10px;z-index:10;font-family:monospace;color:var(--primary-color);font-size:.8rem;pointer-events:none">DRAG TO ROTATE<br>SCROLL TO ZOOM</div></div><div class="configurator-controls" style="flex:1;display:flex;flex-direction:column;gap:1rem"><h3 style="color:var(--primary-color);border-bottom:1px solid rgba(0,255,194,.2);padding-bottom:.5rem">GAPbot Configurator</h3><div class="config-group"><label style="display:block;color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem">Vision System (Edge AI)</label><div style="display:flex;gap:.5rem"><button aria-label="Configure module" class="config-btn active" data-module="vision" data-type="standard">Standard RGB</button> <button aria-label="Configure module" class="config-btn" data-module="vision" data-type="multispectral">Multispectral</button> <button aria-label="Configure module" class="config-btn" data-module="vision" data-type="lidar">LiDAR Array</button></div></div><div class="config-group"><label style="display:block;color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem">Power System</label><div style="display:flex;gap:.5rem"><button aria-label="Configure module" class="config-btn active" data-module="power" data-type="battery">Li-ion Core</button> <button aria-label="Configure module" class="config-btn" data-module="power" data-type="solar">Solar MPPT Wings</button></div></div><div class="config-group"><label style="display:block;color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem">Chassis Armor</label><div style="display:flex;gap:.5rem"><button aria-label="Configure module" class="config-btn active" data-module="armor" data-type="light">Light (Agile)</button> <button aria-label="Configure module" class="config-btn" data-module="armor" data-type="heavy">Heavy (Industrial)</button></div></div><div class="config-stats" style="margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)"><div style="display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem"><span style="color:var(--text-muted)">Processing Power:</span> <span id="stat-proc" style="color:var(--primary-color);font-family:monospace">85%</span></div><div style="display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem"><span style="color:var(--text-muted)">Energy Efficiency:</span> <span id="stat-energy" style="color:var(--success-color);font-family:monospace">90%</span></div><div style="display:flex;justify-content:space-between;font-size:.9rem"><span style="color:var(--text-muted)">Weight / Mobility:</span> <span id="stat-weight" style="color:var(--warning-color);font-family:monospace">75%</span></div></div></div></div><style>.config-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);padding:.4rem .8rem;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s;flex:1}.config-btn:hover{background:rgba(0,255,194,.1)}.config-btn.active{background:rgba(0,255,194,.15);border-color:var(--primary-color);color:var(--primary-color);font-weight:700}</style><div class="grid-2" style="margin-top:3rem"><div class="feature-card product-card tilt-card"><h3>GAP Platform (The Brain)</h3><p>The industrial analysis and control center, developed to handle the most complex business logic and real-time data streams. A hybrid cloud/edge platform orchestrating fleets of robots.</p><ul style="text-align:left;margin-top:1.5rem;color:var(--text-secondary);padding-left:1.5rem;line-height:1.8"><li><strong>Hybrid Architecture:</strong> Balances reliable execution with ultra-low latency for Edge data.</li><li><strong>Protocol Integration:</strong> Seamless integration with OPC-UA, Modbus, BACnet, and PQC-secured MQTT.</li><li><strong>Explainable AI (XAI):</strong> Human-understandable explanations for predictive decisions (EU AI Act compliant).</li><li><strong>Digital Twin & 4D:</strong> Virtual copies for remote monitoring and Digital Risk Mitigation.</li></ul></div><div class="feature-card product-card tilt-card"><h3>GAPbot (The Body)</h3><p>Autonomous hexapod robotics for optimization, security, and analysis. Equipped with 'Sun Bathing Mode' for extreme endurance and superior accessibility in complex environments.</p><ul style="text-align:left;margin-top:1.5rem;color:var(--text-secondary);padding-left:1.5rem;line-height:1.8"><li><strong>Neuro-Symbolic Hybrid AI:</strong> Edge AI (YOLOv8-Seg on Hailo-8L) + Generative AI (Phi-3 Medium).</li><li><strong>Hexapod Kinematics:</strong> Superior mobility with 'Split-Belly Kinematics' for a low center of gravity.</li><li><strong>Energy Optimization:</strong> MPPT 'Sun Bathing Mode' maximizes autonomous runtime via solar panels.</li><li><strong>Self-Healing Code:</strong> Dynamically identifies errors, generates fixes, and applies them for maximum uptime.</li></ul></div></div></section><section id="tech-stack"><h2 class="section-title">Tech Stack & Hardware</h2><p class="section-subtitle">The "Full-Stack" of Matter: My technical environment bridges high-level code with physical execution.</p><div class="features-grid"><div class="feature-card tilt-card"><div class="feature-illustration"><img src="images/ai-illustration.svg" alt="Edge AI & Robotics" style="width:100%;height:auto" loading="eager"></div><h3>Edge AI & Robotics</h3><p>Developing with Python and ROS on Linux environments to bring intelligent perception to edge devices.</p></div><div class="feature-card tilt-card"><div class="feature-illustration"><img src="images/automation-illustration.svg" alt="Hardware Specialization" style="width:100%;height:auto" loading="eager"></div><h3>Hardware Specialization</h3><p>Optimizing compute on Raspberry Pi 5 (16 GiB RAM), utilizing Hailo 8L AI accelerators (PCIe), and fast NVMe SSDs.</p></div><div class="feature-card tilt-card"><div class="feature-illustration"><img src="images/blockchain-illustration.svg" alt="Workflow" style="width:100%;height:auto" loading="eager"></div><h3>Workflow & Integration</h3><p>Operating headless environments via SSH/VNC, with heavy VScode and GitHub integrations powered by AI-driven development.</p></div></div></section><section id="hologram"><h2 class="section-title">Code as Architecture</h2><p class="section-subtitle">Interact with the holographic representation of a GAP-managed facility. Discover how our code translates to physical automation.</p><div class="hologram-container" style="position:relative;height:600px;max-width:1000px;margin:2rem auto;background:var(--card-bg);border-radius:var(--border-radius);border:1px solid rgba(0,255,194,.2);overflow:hidden;perspective:1200px"><div style="position:absolute;width:200%;height:200%;top:-50%;left:-50%;background-image:linear-gradient(rgba(0,255,194,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,194,.1) 1px,transparent 1px);background-size:50px 50px;transform:rotateX(60deg) translateZ(-200px);transform-origin:top;z-index:0;pointer-events:none"></div><div class="holo-scene" style="position:absolute;width:100%;height:100%;top:0;left:0;transform-style:preserve-3d;transition:transform .5s ease-out;z-index:1"><div class="holo-node" data-code="python" data-target="pump" style="top:60%;left:30%"><div class="node-marker"></div><span class="node-label">Irrigation Pump</span></div><div class="holo-node" data-code="cpp" data-target="sensor" style="top:40%;left:60%"><div class="node-marker"></div><span class="node-label">Edge Sensor Hub</span></div><div class="holo-node" data-code="rust" data-target="solar" style="top:20%;left:40%"><div class="node-marker"></div><span class="node-label">Solar MPPT Array</span></div></div><div id="holo-code-overlay" style="position:absolute;top:20px;right:20px;width:350px;background:rgba(5,5,5,.9);border:1px solid var(--primary-color);border-radius:var(--border-radius-small);padding:1rem;color:#fff;font-family:monospace;z-index:10;opacity:0;pointer-events:none;transition:opacity .3s;box-shadow:0 0 20px rgba(0,255,194,.2)"><div style="color:var(--text-muted);border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem;margin-bottom:.5rem;display:flex;justify-content:space-between"><span id="holo-filename">pump_control.py</span> <span style="color:var(--primary-color)">● LIVE</span></div><pre><code id="holo-code-content" style="color:#0fc;white-space:pre-wrap;font-size:.85rem"></code></pre></div></div><style>.holo-node{position:absolute;transform:translate(-50%,-50%) translateZ(50px);cursor:pointer;display:flex;flex-direction:column;align-items:center;transition:transform .3s}.holo-node:hover{transform:translate(-50%,-50%) translateZ(80px) scale(1.1)}.node-marker{width:20px;height:20px;background:rgba(0,255,194,.2);border:2px solid var(--primary-color);border-radius:50%;box-shadow:0 0 15px var(--primary-color);animation:pulse-node 2s infinite}.node-label{margin-top:10px;color:#fff;background:rgba(0,0,0,.6);padding:4px 8px;border-radius:4px;font-size:.8rem;border:1px solid rgba(0,255,194,.3)}@keyframes pulse-node{0%{box-shadow:0 0 0 0 rgba(0,255,194,.7)}70%{box-shadow:0 0 0 15px rgba(0,255,194,0)}100%{box-shadow:0 0 0 0 rgba(0,255,194,0)}}</style></section><section id="ai-simulator"><h2 class="section-title">Neuro-Symbolic AI Simulator</h2><p class="section-subtitle">Watch our hybrid AI process raw Edge data, identify anomalies, and output logical, explainable decisions in real-time.</p><div class="ai-dashboard" style="display:flex;flex-direction:column;md:flex-row;gap:1rem;max-width:1000px;margin:2rem auto;background:var(--dark-bg);border:1px solid rgba(0,255,194,.3);border-radius:var(--border-radius);padding:1rem;box-shadow:0 0 30px rgba(0,0,0,.8)"><div class="ai-controls" style="display:flex;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)"><button aria-label="Run scenario" class="cta-button secondary-cta sim-btn" data-scenario="nominal" style="padding:.5rem 1rem;font-size:.8rem">Scenario: Nominal</button> <button aria-label="Run scenario" class="cta-button secondary-cta sim-btn" data-scenario="pest" style="padding:.5rem 1rem;font-size:.8rem;border-color:var(--warning-color);color:var(--warning-color)">Inject Pest Anomaly</button> <button aria-label="Run scenario" class="cta-button secondary-cta sim-btn" data-scenario="drought" style="padding:.5rem 1rem;font-size:.8rem;border-color:var(--error-color);color:var(--error-color)">Inject Drought Risk</button></div><div style="display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap"><div class="ai-vision" style="flex:1;min-width:300px;position:relative;background:#000;border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-small);overflow:hidden;height:300px"><div style="position:absolute;top:10px;left:10px;color:var(--primary-color);font-family:monospace;z-index:10;font-size:.8rem;background:rgba(0,0,0,.5);padding:4px">YOLOv8-Seg (Edge) <span id="fps-counter" style="color:var(--warning-color)">60 FPS</span></div><canvas id="vision-canvas" style="width:100%;height:100%;filter:contrast(1.5) sepia(1) hue-rotate(100deg) saturate(2);opacity:.8"></canvas><div id="bbox-overlay" style="position:absolute;border:2px solid var(--primary-color);background:rgba(0,255,194,.1);display:none;transition:all .2s"><span id="bbox-label" style="position:absolute;top:-20px;left:-2px;background:var(--primary-color);color:#000;font-size:.7rem;font-family:monospace;padding:2px 4px;white-space:nowrap">Target 99%</span></div></div><div class="ai-reasoning" style="flex:1;min-width:300px;display:flex;flex-direction:column;gap:.5rem"><div style="flex:1;background:rgba(10,10,10,.9);border:1px solid rgba(0,255,194,.2);padding:1rem;font-family:monospace;border-radius:var(--border-radius-small);overflow-y:auto"><div style="color:var(--text-muted);font-size:.8rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem;margin-bottom:.5rem">Symbolic Logic Engine (XAI)</div><div id="reasoning-log" style="font-size:.85rem;line-height:1.4"><span style="color:var(--primary-color)">> SYSTEM INITIALIZED. Awaiting data...</span></div></div><div style="background:rgba(10,10,10,.9);border:1px solid rgba(0,255,194,.2);padding:1rem;font-family:monospace;border-radius:var(--border-radius-small);font-size:.9rem"><div style="color:var(--text-muted);font-size:.8rem;margin-bottom:.5rem">Current Action State</div><div id="action-state" style="color:var(--success-color);font-weight:700;font-size:1.1rem;text-shadow:0 0 10px rgba(0,255,194,.5)">MONITORING</div></div></div></div></div></section><section id="open-source"><h2 class="section-title">Open Source & Developer Tools</h2><p class="section-subtitle">Showcasing specific coding projects, from serverless webhooks to Web3 data integrity and decentralized IoT networks.</p><div class="projects-grid"><project-card name="Crypto MCP Server" url="https://github.com/PelleNybe/Crypto-MCP-Server---by-Corax-CoLAB" description="Exploring Web3 data integrity and decentralized IoT networks. Built to bridge AI models with real-time blockchain analytics and trading data." language="TypeScript" color="#3178c6" topics='["MCP", "Web3", "Blockchain"]' tag="Web3 Integration"></project-card><project-card name="Founder's Core Insights" url="https://github.com/PelleNybe/PelleNybe" description="Architectural overviews, vision documents, and foundational code structures driving the Corax CoLAB engineering ethos." language="Markdown" color="#083fa1" topics='["Architecture", "Vision"]' tag="Architecture"></project-card></div><div id="loading" style="display:none;text-align:center;padding:2rem;color:var(--primary-color)">Loading projects...</div><div id="projects-grid" class="projects-grid" style="display:none"></div><div id="error-message" class="error-message" style="display:none"></div></section><section id="gallery" style="margin-top:4rem;text-align:center"><h3 style="color:var(--text-secondary);margin-bottom:2rem">Platform Dashboard Previews</h3><div class="projects-grid" style="grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem"><div class="project-card"><img src="images/1773184753736.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773184772226.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773184783812.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773184794241.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773185420660.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773185446305.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773242699963.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div></div></section><section id="domain-expertise"><h2 class="section-title">Domain Expertise: Biology Meets Tech</h2><div class="grid-2" style="margin-top:3rem;margin-bottom:3rem"><div><img src="images/gap_digital_bridge_between_old_industry_and_future_iot.png" alt="Digital Bridge" style="width:100%;border-radius:var(--border-radius);box-shadow:var(--shadow-soft)" loading="lazy"></div><div><img src="images/GAPenterprise_grade_sec.png" alt="Enterprise Grade Security" style="width:100%;border-radius:var(--border-radius);box-shadow:var(--shadow-soft)" loading="lazy"></div></div><p class="section-subtitle">With formal graduation as a Master Gardener and a decade of experience as a Quality Leader in industrial forestry, I bring a unique dual expertise. This ensures that my technological solutions are not just "smart," but ecologically sound and grounded in physical reality.</p><div class="stats-grid"><div class="stat-card"><span class="stat-number">30-50%</span><div class="stat-label">Energy Savings</div></div><div class="stat-card"><span class="stat-number">100%</span><div class="stat-label">Regulatory Traceability</div></div><div class="stat-card"><span class="stat-number">Zero</span><div class="stat-label">Trust Architecture</div></div><div class="stat-card"><span class="stat-number">Edge</span><div class="stat-label">Local Data Processing</div></div></div></section><section id="insights"><h2 class="section-title">Insights & Updates</h2><p class="section-subtitle">Deep dives into our neuro-symbolic AI models, hardware iterations, and Web3 infrastructure developments.</p><div style="max-width:600px;margin:0 auto;margin-bottom:2rem;position:relative"><label for="blog-search" class="sr-only" style="position:absolute;left:-9999px">Search insights</label> <input type="text" id="blog-search" aria-label="Search insights" placeholder="Discover insights via tags (e.g. YOLOv8, MQTT, GAP)" style="width:100%;padding:12px 20px;font-size:1rem;border-radius:30px;border:1px solid rgba(0,255,194,.3);background:rgba(0,0,0,.4);color:#fff;outline:0;transition:all .3s ease"> <span aria-hidden="true" style="position:absolute;right:20px;top:12px;opacity:.5">🔍</span></div><div id="blog-grid" class="projects-grid" style="margin-top:2rem"></div></section><section id="web3-demo"><h2 class="section-title">Web3 & Blockchain Integration</h2><p class="section-subtitle">Experience our trustless architecture. Connect your wallet to sign a secure payload, demonstrating our decentralized approach and seamless interactions with blockchain tech.</p><div style="display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:2rem"><div style="flex:1;min-width:300px;max-width:500px;text-align:left"><h3 style="color:var(--primary-color);margin-bottom:1rem">Decentralized AI Ecosystem</h3><p style="color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem">Corax CoLAB merges cutting-edge AI and automation with Web3 infrastructure to ensure high-security, transparent, and auditable processes. Our integrations empower edge devices to securely authenticate, share data, and process commands leveraging decentralized smart contracts.</p><ul style="color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;padding-left:1.2rem"><li>Secure cryptographic authorization for GAPbot endpoints.</li><li>Smart contract-based device state management.</li><li>Incentivized decentralized data exchange.</li></ul><a href="https://cryptop.coraxcolab.com" target="_blank" rel="noopener noreferrer" class="cta-button secondary-cta">Explore Crypto P's Crypto Circus →</a></div><div style="flex:1;min-width:300px;max-width:500px;padding:2rem;background:var(--card-bg);border-radius:var(--border-radius);border:1px solid rgba(0,255,194,.2);text-align:center;box-shadow:var(--shadow-soft)"><h3 style="margin-bottom:1rem;color:var(--text-primary)">Interactive Signature Demo</h3><div id="wallet-status" style="margin-bottom:1.5rem;font-family:monospace;color:var(--text-muted);background:rgba(0,0,0,.3);padding:.5rem;border-radius:4px">Status: Disconnected</div><button aria-label="Action button" id="connect-wallet-btn" class="cta-button primary-cta" style="margin-bottom:1rem;width:100%;justify-content:center">Connect Wallet (MetaMask)</button><div id="web3-actions" style="display:none;flex-direction:column;gap:1rem;margin-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem"><p style="font-size:.9rem;color:var(--text-secondary)">Sign a test message to verify your identity on the Edge node securely using personal_sign.</p><button aria-label="Action button" id="sign-message-btn" class="cta-button secondary-cta" style="width:100%;justify-content:center">Sign GAPbot Auth Payload</button><div id="signature-result" style="margin-top:1rem;font-family:monospace;font-size:.8rem;color:var(--success-color);word-break:break-all;background:rgba(0,255,194,.1);padding:1rem;border-radius:4px;display:none"></div></div></div></div></section><div id="theme-customizer" style="position:fixed;bottom:20px;left:20px;z-index:1000;display:flex;gap:10px"><button id="theme-btn-default" class="theme-btn" aria-label="Set default color theme" style="background:linear-gradient(135deg,#00ffc2,#1a73e8)" data-primary="#00FFC2" data-secondary="#1A73E8"></button> <button id="theme-btn-cyber" class="theme-btn" aria-label="Set cyber color theme" style="background:linear-gradient(135deg,#f0f,#0ff)" data-primary="#FF00FF" data-secondary="#00FFFF"></button> <button id="theme-btn-neon" class="theme-btn" aria-label="Set neon color theme" style="background:linear-gradient(135deg,gold,#ff4500)" data-primary="#FFD700" data-secondary="#FF4500"></button></div><section id="activity" style="margin-top:4rem"><h3 style="text-align:center;color:var(--text-secondary);margin-bottom:2rem">Recent GitHub Activity</h3><div id="github-activity" style="display:flex;flex-direction:column;gap:10px;max-width:800px;margin:0 auto"></div></section><section id="network" style="margin-top:6rem;position:relative"><h2 class="section-title">Global Decentralized Network</h2><p class="section-subtitle">Real-time visualization of active edge nodes, validators, and data relays across the globe.</p><div id="globe-container" style="width:100%;height:500px;margin-top:2rem;position:relative;border-radius:var(--border-radius);overflow:hidden;background:radial-gradient(circle at center,rgba(0,255,194,.05) 0,transparent 70%);border:1px solid rgba(255,255,255,.05)"><div id="globe-tooltip" style="position:absolute;display:none;background:rgba(0,0,0,.8);border:1px solid var(--primary-color);padding:10px;border-radius:4px;color:#fff;font-family:monospace;font-size:.8rem;pointer-events:none;z-index:10"></div></div><div style="display:flex;justify-content:center;gap:20px;margin-top:1rem;font-family:monospace;font-size:.9rem"><span style="color:var(--primary-color)">● Active Node</span> <span style="color:var(--warning-color)">● Validator</span> <span style="color:var(--secondary-color)">● Data Relay</span></div></section><section id="telemetry-dash" style="margin-top:6rem;max-width:800px;margin-left:auto;margin-right:auto"><h3 style="text-align:center;color:var(--text-secondary);margin-bottom:2rem">Live Swarm Telemetry</h3><div style="background:var(--card-bg);padding:2rem;border-radius:var(--border-radius);border:1px solid rgba(0,255,194,.2);box-shadow:var(--shadow-soft)"><canvas id="telemetryChart" height="100"></canvas></div></section><section id="architecture" style="margin-top:4rem"><h3 style="text-align:center;color:var(--text-secondary);margin-bottom:2rem">Interactive Architecture Diagram</h3><div style="position:relative;max-width:800px;height:400px;margin:0 auto;padding:2rem;background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow-soft)"><div class="arch-node" style="top:20%;left:50%" data-info="Neuro-Symbolic Hybrid AI for Edge reasoning.">Edge AI</div><div class="arch-node" style="top:50%;left:20%" data-info="Advanced Swarm Intelligence via Consensus-Based Bundle Algorithm.">Swarm logic</div><div class="arch-node" style="top:50%;left:80%" data-info="Blockchain and Web3 Integration for decentralized trust.">Web3</div><div class="arch-node" style="top:80%;left:50%" data-info="Hardware integrations: Controllers, sensors, GAPbot.">Hardware</div><svg style="position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1"><line x1="50%" y1="20%" x2="20%" y2="50%" stroke="var(--primary-color)" stroke-width="3" style="filter:drop-shadow(0 0 5px var(--primary-color));animation:dash 5s linear infinite;stroke-dasharray:10,5"/><style>@keyframes dash{to{stroke-dashoffset:-50}}</style><line x1="50%" y1="20%" x2="80%" y2="50%" stroke="var(--primary-color)" stroke-width="2"/><line x1="20%" y1="50%" x2="50%" y2="80%" stroke="var(--primary-color)" stroke-width="2"/><line x1="80%" y1="50%" x2="50%" y2="80%" stroke="var(--primary-color)" stroke-width="2"/><line x1="50%" y1="20%" x2="50%" y2="80%" stroke="var(--primary-color)" stroke-width="2" stroke-dasharray="5,5"/></svg></div><div id="arch-info" style="margin-top:2rem;padding:1rem;background:rgba(0,255,194,.1);border-left:4px solid var(--primary-color);color:var(--text-primary);border-radius:var(--border-radius-small);min-height:50px;text-align:center">Hover over a component to see details.</div></section><section id="contact"><h2 class="section-title">Let's Connect</h2><p class="section-subtitle">Ready to build the future with autonomous robotics, Edge AI, and sustainable ecosystems? Let's talk.</p><div class="features-grid" style="max-width:800px;margin:0 auto"><div class="feature-card" style="padding:2rem"><span class="feature-icon">🌐</span><h3>Main Website</h3><p>Visit our primary domain for deep dives into our services, enterprise solutions, and booking a demo.</p><a href="https://coraxcolab.com" target="_blank" rel="noopener noreferrer" class="cta-button" style="margin-top:1rem;width:100%;justify-content:center">coraxcolab.com</a></div><div class="feature-card" style="padding:2rem"><span class="feature-icon">✉️</span><h3>Contact Us</h3><p>Reach out directly for consultation regarding AI, Web3, Blockchain, and advanced robotics integrations.</p><a href="mailto:info@coraxcolab.com" class="cta-button secondary-cta" style="margin-top:1rem;width:100%;justify-content:center">info@coraxcolab.com</a></div></div></section><footer><div class="footer-content"><img src="images/coraxcolabloggarund.png" alt="Corax CoLAB Footer Logo" style="height:60px;margin-bottom:1rem" loading="lazy"><br><div class="footer-links"><a href="https://coraxcolab.com" target="_blank" rel="noopener noreferrer">Corax CoLAB Website</a> <a href="https://cryptop.coraxcolab.com" target="_blank" rel="noopener noreferrer">Crypto P's Crypto Circus</a> <a href="https://github.com/PelleNybe" target="_blank" rel="noopener noreferrer">GitHub (PelleNybe)</a> <a href="#architectures">Architectures & Innovation</a></div><p style="color:var(--text-muted);margin-top:1.5rem;font-size:.9rem">© <span id="year"></span> Pelle Nyberg. All rights reserved.<br>Building the future with intelligent technology that combines efficiency with responsibility.</p></div></footer><div id="telemetry-panel" style="position:fixed;top:100px;right:20px;z-index:999;background:rgba(10,10,10,.85);border:1px solid var(--primary-color);border-radius:8px;padding:15px;width:250px;font-family:monospace;color:var(--text-secondary);backdrop-filter:blur(10px);display:none;box-shadow:0 0 15px rgba(0,255,194,.1)"><div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;border-bottom:1px solid rgba(0,255,194,.2);padding-bottom:5px"><span style="color:var(--primary-color);font-weight:700">SYS_TELEMETRY</span> <button id="close-telemetry" aria-label="Close telemetry panel" style="background:0 0;border:none;color:var(--text-muted);cursor:pointer">✕</button></div><div id="vitals-lcp" style="margin-bottom:5px">LCP: <span style="color:var(--warning-color)">Measuring...</span></div><div id="vitals-fid" style="margin-bottom:5px">FID: <span style="color:var(--warning-color)">Measuring...</span></div><div id="vitals-cls" style="margin-bottom:5px">CLS: <span style="color:var(--warning-color)">Measuring...</span></div><div id="vitals-inp" style="margin-bottom:5px">INP: <span style="color:var(--warning-color)">Measuring...</span></div><div style="font-size:.8rem;margin-top:10px;opacity:.5">Core Web Vitals active</div></div><script src="https://cdnjs.cloudflare.com/ajax/libs/lunr.js/2.3.9/lunr.min.js"></script><script src="https://unpkg.com/web-vitals@3/dist/web-vitals.iife.js"></script><script src="https://cdn.jsdelivr.net/npm/chart.js"></script><script src="app.js" defer="defer"></script></body></html> | ||
| }</script><script defer="defer" data-domain="PelleNybe.github.io" src="https://plausible.io/js/script.js"></script><link rel="stylesheet" href="styles.css"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet"><link rel="preload" href="styles.css" as="style"><link rel="preload" href="app.js" as="script"><script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script></head><body><a href="#main-content" class="skip-link" tabindex="0">Skip to main content</a><div id="corax-os-boot" style="position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:999999;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--primary-color);font-family:monospace;transition:opacity 1s ease-out"><div style="font-size:2rem;font-weight:700;margin-bottom:2rem;text-shadow:0 0 20px var(--primary-color)">CORAX_OS v2.0</div><div id="boot-progress-bar" style="width:300px;height:4px;background:rgba(0,255,194,.2);position:relative;border-radius:2px;overflow:hidden;margin-bottom:1rem"><div id="boot-progress-fill" style="width:0%;height:100%;background:var(--primary-color);box-shadow:0 0 10px var(--primary-color);transition:width .1s"></div></div><div id="boot-status-text" style="font-size:.8rem;color:var(--text-muted);min-height:1.2rem">Initializing boot sequence...</div></div><div class="background-animation"></div><canvas id="neural-canvas"></canvas><div class="custom-cursor"></div><div class="custom-cursor-follower"></div><nav id="navbar"><div class="nav-container"><button class="logo" onclick="scrollToTop()" aria-label="Go to top of page"><img src="images/logo.png" alt="Corax CoLAB Logo" style="height:40px;margin-right:10px" loading="eager"> <span class="logo-text">Pelle Nyberg</span></button><ul class="nav-links" id="nav-links"><li><a href="#architectures">Architectures</a></li><li><a href="#tech-stack">Tech Stack</a></li><li><a href="#open-source">Open Source</a></li><li><a href="#domain-expertise">Domain Expertise</a></li><li><a href="#contact">Contact</a></li><li><button id="theme-toggle" class="theme-toggle" title="Toggle theme" aria-label="Toggle dark/light theme">🌙</button></li></ul><button class="mobile-menu-btn" id="mobile-menu-btn" aria-label="Open navigation menu" aria-expanded="false"><span></span> <span></span> <span></span></button></div><div class="mobile-nav-overlay" id="mobile-nav-overlay"><div class="mobile-nav-content"><a href="#architectures" onclick="closeMobileMenu()">Architectures</a> <a href="#tech-stack" onclick="closeMobileMenu()">Tech Stack</a> <a href="#open-source" onclick="closeMobileMenu()">Open Source</a> <a href="#domain-expertise" onclick="closeMobileMenu()">Domain Expertise</a> <a href="#contact" onclick="closeMobileMenu()">Contact</a></div></div></nav><section class="hero"><div class="hero-bg-fallback" style="background-image:url('images/hero-bg.svg');background-size:cover;background-position:center;opacity:.5"></div><div class="hero-bg-overlay"></div><div class="hero-content"><div class="terminal-boot-container"><div class="terminal-header"><div class="terminal-buttons"><span class="terminal-btn close"></span> <span class="terminal-btn min"></span> <span class="terminal-btn max"></span></div><div class="terminal-title">corax_os_v2.0 -- bash</div></div><div class="terminal-body" id="terminal-body"></div></div><h1 class="glitch" data-text="Pelle Nyberg">Pelle Nyberg</h1><p class="hero-subtitle">Deep Tech Developer & AI/Robotics Innovator</p><p class="hero-description">"I combine strategic vision with hands-on engineering at the hardware level. With a background as a Master Gardener and an expert in industrial forestry flows, I build cyber-physical systems that truly understand the biological environments they operate within. I can solder a circuit, train a neural network, and design the ecological context."</p><div class="hero-ctas"><a href="https://github.com/PelleNybe" target="_blank" rel="noopener noreferrer" class="cta-button primary-cta">Explore My GitHub </a><a href="https://coraxcolab.com" target="_blank" rel="noopener noreferrer" class="cta-button secondary-cta">Visit Corax CoLAB</a></div></div></section><section id="featured-project" style="padding-top:4rem;padding-bottom:2rem"><div class="featured-project-container"><div class="header-section"><div class="icon-container"><i class="fa-solid fa-robot"></i></div><div><h2 class="project-title">Agent-Commit Tracker</h2><p class="project-subtitle">Automated Transparency for AI-Generated Code</p></div></div><div class="tech-badges"><span class="badge"><i class="fa-brands fa-python"></i> Python / FastAPI</span> <span class="badge"><i class="fa-brands fa-google"></i> Google Cloud Run</span> <span class="badge"><i class="fa-brands fa-github"></i> GitHub Webhooks</span> <span class="badge"><i class="fa-solid fa-server"></i> Serverless</span></div><div class="project-description"><p>As AI agents increasingly write our code, human reviewers lose the critical context behind the commits. I built the Agent-Commit Tracker to solve this blind spot. It is a production-grade, serverless microservice that intercepts GitHub webhooks in real-time, parsing hidden AI metadata to inject perfectly formatted context reports directly into Pull Requests.</p></div><ul class="features-list"><li><i class="fa-solid fa-bolt"></i> <strong>Zero Latency Parsing</strong> <span>Built with Python and robust Regex, it instantly extracts embedded context markers from PR descriptions without delaying the CI/CD pipeline.</span></li><li><i class="fa-solid fa-cloud"></i> <strong>100% Serverless</strong> <span>Containerized and deployed on Google Cloud Run. It scales from zero to handle webhook spikes securely and cost-effectively.</span></li><li><i class="fa-solid fa-shield-halved"></i> <strong>Enterprise Security</strong> <span>Enforces strict validation of <code>X-Hub-Signature-256</code> headers to guarantee payload authenticity before any processing begins.</span></li></ul><div class="action-buttons"><a href="https://github.com/PelleNybe/agent-commit-tracker" target="_blank" rel="noopener noreferrer" class="btn btn-primary"><i class="fa-brands fa-github"></i> Install GitHub App</a> <a href="agent-commit-tracker/index.html" class="btn btn-secondary"><i class="fa-solid fa-link"></i> Project Page</a> <a href="https://github.com/PelleNybe/agent-commit-tracker" target="_blank" rel="noopener noreferrer" class="btn btn-secondary"><i class="fa-solid fa-code"></i> View Source Architecture</a></div></div></section><section id="architectures"><h2 class="section-title">🤖 Architectures & Innovation</h2><p class="section-subtitle">As the Founder and CEO of Corax CoLAB, I drive intelligent automation in Deep Tech and AgTech. I am the architect behind the GAP (Green Automated Process) Platform and GAPbot, a Python-based hexapod robot. These platforms integrate IoT sensors, AI models like EcoMind, and autonomous navigation to conquer challenging terrains.</p><div class="configurator-wrapper" style="display:flex;flex-direction:column;gap:2rem;margin-top:2rem;background:var(--card-bg);border-radius:var(--border-radius);padding:1.5rem;border:1px solid rgba(0,255,194,.2)"><div id="gapbot-3d-container" style="width:100%;height:400px;position:relative;border-radius:var(--border-radius-small);overflow:hidden;background:radial-gradient(circle at center,rgba(0,255,194,.05),transparent 70%);flex:2;cursor:grab"><div style="position:absolute;top:10px;left:10px;z-index:10;font-family:monospace;color:var(--primary-color);font-size:.8rem;pointer-events:none">DRAG TO ROTATE<br>SCROLL TO ZOOM</div></div><div class="configurator-controls" style="flex:1;display:flex;flex-direction:column;gap:1rem"><h3 style="color:var(--primary-color);border-bottom:1px solid rgba(0,255,194,.2);padding-bottom:.5rem">GAPbot Configurator</h3><div class="config-group"><label style="display:block;color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem">Vision System (Edge AI)</label><div style="display:flex;gap:.5rem"><button aria-label="Configure module" class="config-btn active" data-module="vision" data-type="standard">Standard RGB</button> <button aria-label="Configure module" class="config-btn" data-module="vision" data-type="multispectral">Multispectral</button> <button aria-label="Configure module" class="config-btn" data-module="vision" data-type="lidar">LiDAR Array</button></div></div><div class="config-group"><label style="display:block;color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem">Power System</label><div style="display:flex;gap:.5rem"><button aria-label="Configure module" class="config-btn active" data-module="power" data-type="battery">Li-ion Core</button> <button aria-label="Configure module" class="config-btn" data-module="power" data-type="solar">Solar MPPT Wings</button></div></div><div class="config-group"><label style="display:block;color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem">Chassis Armor</label><div style="display:flex;gap:.5rem"><button aria-label="Configure module" class="config-btn active" data-module="armor" data-type="light">Light (Agile)</button> <button aria-label="Configure module" class="config-btn" data-module="armor" data-type="heavy">Heavy (Industrial)</button></div></div><div class="config-stats" style="margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)"><div style="display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem"><span style="color:var(--text-muted)">Processing Power:</span> <span id="stat-proc" style="color:var(--primary-color);font-family:monospace">85%</span></div><div style="display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem"><span style="color:var(--text-muted)">Energy Efficiency:</span> <span id="stat-energy" style="color:var(--success-color);font-family:monospace">90%</span></div><div style="display:flex;justify-content:space-between;font-size:.9rem"><span style="color:var(--text-muted)">Weight / Mobility:</span> <span id="stat-weight" style="color:var(--warning-color);font-family:monospace">75%</span></div></div></div></div><style>.config-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);padding:.4rem .8rem;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s;flex:1}.config-btn:hover{background:rgba(0,255,194,.1)}.config-btn.active{background:rgba(0,255,194,.15);border-color:var(--primary-color);color:var(--primary-color);font-weight:700}</style><div class="grid-2" style="margin-top:3rem"><div class="feature-card product-card tilt-card"><h3>GAP Platform (The Brain)</h3><p>The industrial analysis and control center, developed to handle the most complex business logic and real-time data streams. A hybrid cloud/edge platform orchestrating fleets of robots.</p><ul style="text-align:left;margin-top:1.5rem;color:var(--text-secondary);padding-left:1.5rem;line-height:1.8"><li><strong>Hybrid Architecture:</strong> Balances reliable execution with ultra-low latency for Edge data.</li><li><strong>Protocol Integration:</strong> Seamless integration with OPC-UA, Modbus, BACnet, and PQC-secured MQTT.</li><li><strong>Explainable AI (XAI):</strong> Human-understandable explanations for predictive decisions (EU AI Act compliant).</li><li><strong>Digital Twin & 4D:</strong> Virtual copies for remote monitoring and Digital Risk Mitigation.</li></ul></div><div class="feature-card product-card tilt-card"><h3>GAPbot (The Body)</h3><p>Autonomous hexapod robotics for optimization, security, and analysis. Equipped with 'Sun Bathing Mode' for extreme endurance and superior accessibility in complex environments.</p><ul style="text-align:left;margin-top:1.5rem;color:var(--text-secondary);padding-left:1.5rem;line-height:1.8"><li><strong>Neuro-Symbolic Hybrid AI:</strong> Edge AI (YOLOv8-Seg on Hailo-8L) + Generative AI (Phi-3 Medium).</li><li><strong>Hexapod Kinematics:</strong> Superior mobility with 'Split-Belly Kinematics' for a low center of gravity.</li><li><strong>Energy Optimization:</strong> MPPT 'Sun Bathing Mode' maximizes autonomous runtime via solar panels.</li><li><strong>Self-Healing Code:</strong> Dynamically identifies errors, generates fixes, and applies them for maximum uptime.</li></ul></div></div></section><section id="tech-stack"><h2 class="section-title">Tech Stack & Hardware</h2><p class="section-subtitle">The "Full-Stack" of Matter: My technical environment bridges high-level code with physical execution.</p><div class="features-grid"><div class="feature-card tilt-card"><div class="feature-illustration"><img src="images/ai-illustration.svg" alt="Edge AI & Robotics" style="width:100%;height:auto" loading="eager"></div><h3>Edge AI & Robotics</h3><p>Developing with Python and ROS on Linux environments to bring intelligent perception to edge devices.</p></div><div class="feature-card tilt-card"><div class="feature-illustration"><img src="images/automation-illustration.svg" alt="Hardware Specialization" style="width:100%;height:auto" loading="eager"></div><h3>Hardware Specialization</h3><p>Optimizing compute on Raspberry Pi 5 (16 GiB RAM), utilizing Hailo 8L AI accelerators (PCIe), and fast NVMe SSDs.</p></div><div class="feature-card tilt-card"><div class="feature-illustration"><img src="images/blockchain-illustration.svg" alt="Workflow" style="width:100%;height:auto" loading="eager"></div><h3>Workflow & Integration</h3><p>Operating headless environments via SSH/VNC, with heavy VScode and GitHub integrations powered by AI-driven development.</p></div></div></section><section id="hologram"><h2 class="section-title">Code as Architecture</h2><p class="section-subtitle">Interact with the holographic representation of a GAP-managed facility. Discover how our code translates to physical automation.</p><div class="hologram-container" style="position:relative;height:600px;max-width:1000px;margin:2rem auto;background:var(--card-bg);border-radius:var(--border-radius);border:1px solid rgba(0,255,194,.2);overflow:hidden;perspective:1200px"><div style="position:absolute;width:200%;height:200%;top:-50%;left:-50%;background-image:linear-gradient(rgba(0,255,194,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,194,.1) 1px,transparent 1px);background-size:50px 50px;transform:rotateX(60deg) translateZ(-200px);transform-origin:top;z-index:0;pointer-events:none"></div><div class="holo-scene" style="position:absolute;width:100%;height:100%;top:0;left:0;transform-style:preserve-3d;transition:transform .5s ease-out;z-index:1"><div class="holo-node" data-code="python" data-target="pump" style="top:60%;left:30%"><div class="node-marker"></div><span class="node-label">Irrigation Pump</span></div><div class="holo-node" data-code="cpp" data-target="sensor" style="top:40%;left:60%"><div class="node-marker"></div><span class="node-label">Edge Sensor Hub</span></div><div class="holo-node" data-code="rust" data-target="solar" style="top:20%;left:40%"><div class="node-marker"></div><span class="node-label">Solar MPPT Array</span></div></div><div id="holo-code-overlay" style="position:absolute;top:20px;right:20px;width:350px;background:rgba(5,5,5,.9);border:1px solid var(--primary-color);border-radius:var(--border-radius-small);padding:1rem;color:#fff;font-family:monospace;z-index:10;opacity:0;pointer-events:none;transition:opacity .3s;box-shadow:0 0 20px rgba(0,255,194,.2)"><div style="color:var(--text-muted);border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem;margin-bottom:.5rem;display:flex;justify-content:space-between"><span id="holo-filename">pump_control.py</span> <span style="color:var(--primary-color)">● LIVE</span></div><pre><code id="holo-code-content" style="color:#0fc;white-space:pre-wrap;font-size:.85rem"></code></pre></div></div><style>.holo-node{position:absolute;transform:translate(-50%,-50%) translateZ(50px);cursor:pointer;display:flex;flex-direction:column;align-items:center;transition:transform .3s}.holo-node:hover{transform:translate(-50%,-50%) translateZ(80px) scale(1.1)}.node-marker{width:20px;height:20px;background:rgba(0,255,194,.2);border:2px solid var(--primary-color);border-radius:50%;box-shadow:0 0 15px var(--primary-color);animation:pulse-node 2s infinite}.node-label{margin-top:10px;color:#fff;background:rgba(0,0,0,.6);padding:4px 8px;border-radius:4px;font-size:.8rem;border:1px solid rgba(0,255,194,.3)}@keyframes pulse-node{0%{box-shadow:0 0 0 0 rgba(0,255,194,.7)}70%{box-shadow:0 0 0 15px rgba(0,255,194,0)}100%{box-shadow:0 0 0 0 rgba(0,255,194,0)}}</style></section><section id="ai-simulator"><h2 class="section-title">Neuro-Symbolic AI Simulator</h2><p class="section-subtitle">Watch our hybrid AI process raw Edge data, identify anomalies, and output logical, explainable decisions in real-time.</p><div class="ai-dashboard" style="display:flex;flex-direction:column;md:flex-row;gap:1rem;max-width:1000px;margin:2rem auto;background:var(--dark-bg);border:1px solid rgba(0,255,194,.3);border-radius:var(--border-radius);padding:1rem;box-shadow:0 0 30px rgba(0,0,0,.8)"><div class="ai-controls" style="display:flex;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)"><button aria-label="Run scenario" class="cta-button secondary-cta sim-btn" data-scenario="nominal" style="padding:.5rem 1rem;font-size:.8rem">Scenario: Nominal</button> <button aria-label="Run scenario" class="cta-button secondary-cta sim-btn" data-scenario="pest" style="padding:.5rem 1rem;font-size:.8rem;border-color:var(--warning-color);color:var(--warning-color)">Inject Pest Anomaly</button> <button aria-label="Run scenario" class="cta-button secondary-cta sim-btn" data-scenario="drought" style="padding:.5rem 1rem;font-size:.8rem;border-color:var(--error-color);color:var(--error-color)">Inject Drought Risk</button></div><div style="display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap"><div class="ai-vision" style="flex:1;min-width:300px;position:relative;background:#000;border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-small);overflow:hidden;height:300px"><div style="position:absolute;top:10px;left:10px;color:var(--primary-color);font-family:monospace;z-index:10;font-size:.8rem;background:rgba(0,0,0,.5);padding:4px">YOLOv8-Seg (Edge) <span id="fps-counter" style="color:var(--warning-color)">60 FPS</span></div><canvas id="vision-canvas" style="width:100%;height:100%;filter:contrast(1.5) sepia(1) hue-rotate(100deg) saturate(2);opacity:.8"></canvas><div id="bbox-overlay" style="position:absolute;border:2px solid var(--primary-color);background:rgba(0,255,194,.1);display:none;transition:all .2s"><span id="bbox-label" style="position:absolute;top:-20px;left:-2px;background:var(--primary-color);color:#000;font-size:.7rem;font-family:monospace;padding:2px 4px;white-space:nowrap">Target 99%</span></div></div><div class="ai-reasoning" style="flex:1;min-width:300px;display:flex;flex-direction:column;gap:.5rem"><div style="flex:1;background:rgba(10,10,10,.9);border:1px solid rgba(0,255,194,.2);padding:1rem;font-family:monospace;border-radius:var(--border-radius-small);overflow-y:auto"><div style="color:var(--text-muted);font-size:.8rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem;margin-bottom:.5rem">Symbolic Logic Engine (XAI)</div><div id="reasoning-log" style="font-size:.85rem;line-height:1.4"><span style="color:var(--primary-color)">> SYSTEM INITIALIZED. Awaiting data...</span></div></div><div style="background:rgba(10,10,10,.9);border:1px solid rgba(0,255,194,.2);padding:1rem;font-family:monospace;border-radius:var(--border-radius-small);font-size:.9rem"><div style="color:var(--text-muted);font-size:.8rem;margin-bottom:.5rem">Current Action State</div><div id="action-state" style="color:var(--success-color);font-weight:700;font-size:1.1rem;text-shadow:0 0 10px rgba(0,255,194,.5)">MONITORING</div></div></div></div></div></section><section id="open-source"><h2 class="section-title">Open Source & Developer Tools</h2><p class="section-subtitle">Showcasing specific coding projects, from serverless webhooks to Web3 data integrity and decentralized IoT networks.</p><div class="projects-grid"><project-card name="Crypto MCP Server" url="https://github.com/PelleNybe/Crypto-MCP-Server---by-Corax-CoLAB" description="Exploring Web3 data integrity and decentralized IoT networks. Built to bridge AI models with real-time blockchain analytics and trading data." language="TypeScript" color="#3178c6" topics='["MCP", "Web3", "Blockchain"]' tag="Web3 Integration"></project-card><project-card name="Founder's Core Insights" url="https://github.com/PelleNybe/PelleNybe" description="Architectural overviews, vision documents, and foundational code structures driving the Corax CoLAB engineering ethos." language="Markdown" color="#083fa1" topics='["Architecture", "Vision"]' tag="Architecture"></project-card></div><div id="loading" style="display:none;text-align:center;padding:2rem;color:var(--primary-color)">Loading projects...</div><div id="projects-grid" class="projects-grid" style="display:none"></div><div id="error-message" class="error-message" style="display:none"></div></section><section id="gallery" style="margin-top:4rem;text-align:center"><h3 style="color:var(--text-secondary);margin-bottom:2rem">Platform Dashboard Previews</h3><div class="projects-grid" style="grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem"><div class="project-card"><img src="images/1773184753736.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773184772226.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773184783812.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773184794241.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773185420660.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773185446305.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div><div class="project-card"><img src="images/1773242699963.png" style="width:100%;border-radius:var(--border-radius-small)" alt="Dashboard UI component demonstrating real-time data visualization" loading="lazy"></div></div></section><section id="domain-expertise"><h2 class="section-title">Domain Expertise: Biology Meets Tech</h2><div class="grid-2" style="margin-top:3rem;margin-bottom:3rem"><div><img src="images/gap_digital_bridge_between_old_industry_and_future_iot.png" alt="Digital Bridge" style="width:100%;border-radius:var(--border-radius);box-shadow:var(--shadow-soft)" loading="lazy"></div><div><img src="images/GAPenterprise_grade_sec.png" alt="Enterprise Grade Security" style="width:100%;border-radius:var(--border-radius);box-shadow:var(--shadow-soft)" loading="lazy"></div></div><p class="section-subtitle">With formal graduation as a Master Gardener and a decade of experience as a Quality Leader in industrial forestry, I bring a unique dual expertise. This ensures that my technological solutions are not just "smart," but ecologically sound and grounded in physical reality.</p><div class="stats-grid"><div class="stat-card"><span class="stat-number">30-50%</span><div class="stat-label">Energy Savings</div></div><div class="stat-card"><span class="stat-number">100%</span><div class="stat-label">Regulatory Traceability</div></div><div class="stat-card"><span class="stat-number">Zero</span><div class="stat-label">Trust Architecture</div></div><div class="stat-card"><span class="stat-number">Edge</span><div class="stat-label">Local Data Processing</div></div></div></section><section id="insights"><h2 class="section-title">Insights & Updates</h2><p class="section-subtitle">Deep dives into our neuro-symbolic AI models, hardware iterations, and Web3 infrastructure developments.</p><div style="max-width:600px;margin:0 auto;margin-bottom:2rem;position:relative"><label for="blog-search" class="sr-only" style="position:absolute;left:-9999px">Search insights</label> <input type="text" id="blog-search" aria-label="Search insights" placeholder="Discover insights via tags (e.g. YOLOv8, MQTT, GAP)" style="width:100%;padding:12px 20px;font-size:1rem;border-radius:30px;border:1px solid rgba(0,255,194,.3);background:rgba(0,0,0,.4);color:#fff;outline:0;transition:all .3s ease"> <span aria-hidden="true" style="position:absolute;right:20px;top:12px;opacity:.5">🔍</span></div><div id="blog-grid" class="projects-grid" style="margin-top:2rem"></div></section><section id="web3-demo"><h2 class="section-title">Web3 & Blockchain Integration</h2><p class="section-subtitle">Experience our trustless architecture. Connect your wallet to sign a secure payload, demonstrating our decentralized approach and seamless interactions with blockchain tech.</p><div style="display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:2rem"><div style="flex:1;min-width:300px;max-width:500px;text-align:left"><h3 style="color:var(--primary-color);margin-bottom:1rem">Decentralized AI Ecosystem</h3><p style="color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem">Corax CoLAB merges cutting-edge AI and automation with Web3 infrastructure to ensure high-security, transparent, and auditable processes. Our integrations empower edge devices to securely authenticate, share data, and process commands leveraging decentralized smart contracts.</p><ul style="color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;padding-left:1.2rem"><li>Secure cryptographic authorization for GAPbot endpoints.</li><li>Smart contract-based device state management.</li><li>Incentivized decentralized data exchange.</li></ul><a href="https://cryptop.coraxcolab.com" target="_blank" rel="noopener noreferrer" class="cta-button secondary-cta">Explore Crypto P's Crypto Circus →</a></div><div style="flex:1;min-width:300px;max-width:500px;padding:2rem;background:var(--card-bg);border-radius:var(--border-radius);border:1px solid rgba(0,255,194,.2);text-align:center;box-shadow:var(--shadow-soft)"><h3 style="margin-bottom:1rem;color:var(--text-primary)">Interactive Signature Demo</h3><div id="wallet-status" style="margin-bottom:1.5rem;font-family:monospace;color:var(--text-muted);background:rgba(0,0,0,.3);padding:.5rem;border-radius:4px">Status: Disconnected</div><button aria-label="Action button" id="connect-wallet-btn" class="cta-button primary-cta" style="margin-bottom:1rem;width:100%;justify-content:center">Connect Wallet (MetaMask)</button><div id="web3-actions" style="display:none;flex-direction:column;gap:1rem;margin-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem"><p style="font-size:.9rem;color:var(--text-secondary)">Sign a test message to verify your identity on the Edge node securely using personal_sign.</p><button aria-label="Action button" id="sign-message-btn" class="cta-button secondary-cta" style="width:100%;justify-content:center">Sign GAPbot Auth Payload</button><div id="signature-result" style="margin-top:1rem;font-family:monospace;font-size:.8rem;color:var(--success-color);word-break:break-all;background:rgba(0,255,194,.1);padding:1rem;border-radius:4px;display:none"></div></div></div></div></section><div id="theme-customizer" style="position:fixed;bottom:20px;left:20px;z-index:1000;display:flex;gap:10px"><button id="theme-btn-default" class="theme-btn" aria-label="Set default color theme" style="background:linear-gradient(135deg,#00ffc2,#1a73e8)" data-primary="#00FFC2" data-secondary="#1A73E8"></button> <button id="theme-btn-cyber" class="theme-btn" aria-label="Set cyber color theme" style="background:linear-gradient(135deg,#f0f,#0ff)" data-primary="#FF00FF" data-secondary="#00FFFF"></button> <button id="theme-btn-neon" class="theme-btn" aria-label="Set neon color theme" style="background:linear-gradient(135deg,gold,#ff4500)" data-primary="#FFD700" data-secondary="#FF4500"></button></div><section id="activity" style="margin-top:4rem"><h3 style="text-align:center;color:var(--text-secondary);margin-bottom:2rem">Recent GitHub Activity</h3><div id="github-activity" style="display:flex;flex-direction:column;gap:10px;max-width:800px;margin:0 auto"></div></section><section id="network" style="margin-top:6rem;position:relative"><h2 class="section-title">Global Decentralized Network</h2><p class="section-subtitle">Real-time visualization of active edge nodes, validators, and data relays across the globe.</p><div id="globe-container" style="width:100%;height:500px;margin-top:2rem;position:relative;border-radius:var(--border-radius);overflow:hidden;background:radial-gradient(circle at center,rgba(0,255,194,.05) 0,transparent 70%);border:1px solid rgba(255,255,255,.05)"><div id="globe-tooltip" style="position:absolute;display:none;background:rgba(0,0,0,.8);border:1px solid var(--primary-color);padding:10px;border-radius:4px;color:#fff;font-family:monospace;font-size:.8rem;pointer-events:none;z-index:10"></div></div><div style="display:flex;justify-content:center;gap:20px;margin-top:1rem;font-family:monospace;font-size:.9rem"><span style="color:var(--primary-color)">● Active Node</span> <span style="color:var(--warning-color)">● Validator</span> <span style="color:var(--secondary-color)">● Data Relay</span></div></section><section id="telemetry-dash" style="margin-top:6rem;max-width:800px;margin-left:auto;margin-right:auto"><h3 style="text-align:center;color:var(--text-secondary);margin-bottom:2rem">Live Swarm Telemetry</h3><div style="background:var(--card-bg);padding:2rem;border-radius:var(--border-radius);border:1px solid rgba(0,255,194,.2);box-shadow:var(--shadow-soft)"><canvas id="telemetryChart" height="100"></canvas></div></section><section id="architecture" style="margin-top:4rem"><h3 style="text-align:center;color:var(--text-secondary);margin-bottom:2rem">Interactive Architecture Diagram</h3><div style="position:relative;max-width:800px;height:400px;margin:0 auto;padding:2rem;background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow-soft)"><div class="arch-node" style="top:20%;left:50%" data-info="Neuro-Symbolic Hybrid AI for Edge reasoning.">Edge AI</div><div class="arch-node" style="top:50%;left:20%" data-info="Advanced Swarm Intelligence via Consensus-Based Bundle Algorithm.">Swarm logic</div><div class="arch-node" style="top:50%;left:80%" data-info="Blockchain and Web3 Integration for decentralized trust.">Web3</div><div class="arch-node" style="top:80%;left:50%" data-info="Hardware integrations: Controllers, sensors, GAPbot.">Hardware</div><svg style="position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1"><line x1="50%" y1="20%" x2="20%" y2="50%" stroke="var(--primary-color)" stroke-width="3" style="filter:drop-shadow(0 0 5px var(--primary-color));animation:dash 5s linear infinite;stroke-dasharray:10,5"/><style>@keyframes dash{to{stroke-dashoffset:-50}}</style><line x1="50%" y1="20%" x2="80%" y2="50%" stroke="var(--primary-color)" stroke-width="2"/><line x1="20%" y1="50%" x2="50%" y2="80%" stroke="var(--primary-color)" stroke-width="2"/><line x1="80%" y1="50%" x2="50%" y2="80%" stroke="var(--primary-color)" stroke-width="2"/><line x1="50%" y1="20%" x2="50%" y2="80%" stroke="var(--primary-color)" stroke-width="2" stroke-dasharray="5,5"/></svg></div><div id="arch-info" style="margin-top:2rem;padding:1rem;background:rgba(0,255,194,.1);border-left:4px solid var(--primary-color);color:var(--text-primary);border-radius:var(--border-radius-small);min-height:50px;text-align:center">Hover over a component to see details.</div></section><section id="contact"><h2 class="section-title">Let's Connect</h2><p class="section-subtitle">Ready to build the future with autonomous robotics, Edge AI, and sustainable ecosystems? Let's talk.</p><div class="features-grid" style="max-width:800px;margin:0 auto"><div class="feature-card" style="padding:2rem"><span class="feature-icon">🌐</span><h3>Main Website</h3><p>Visit our primary domain for deep dives into our services, enterprise solutions, and booking a demo.</p><a href="https://coraxcolab.com" target="_blank" rel="noopener noreferrer" class="cta-button" style="margin-top:1rem;width:100%;justify-content:center">coraxcolab.com</a></div><div class="feature-card" style="padding:2rem"><span class="feature-icon">✉️</span><h3>Contact Us</h3><p>Reach out directly for consultation regarding AI, Web3, Blockchain, and advanced robotics integrations.</p><a href="mailto:info@coraxcolab.com" class="cta-button secondary-cta" style="margin-top:1rem;width:100%;justify-content:center">info@coraxcolab.com</a></div></div></section><footer><div class="footer-content"><img src="images/coraxcolabloggarund.png" alt="Corax CoLAB Footer Logo" style="height:60px;margin-bottom:1rem" loading="lazy"><br><div class="footer-links"><a href="https://coraxcolab.com" target="_blank" rel="noopener noreferrer">Corax CoLAB Website</a> <a href="https://cryptop.coraxcolab.com" target="_blank" rel="noopener noreferrer">Crypto P's Crypto Circus</a> <a href="https://github.com/PelleNybe" target="_blank" rel="noopener noreferrer">GitHub (PelleNybe)</a> <a href="#architectures">Architectures & Innovation</a></div><p style="color:var(--text-muted);margin-top:1.5rem;font-size:.9rem">© <span id="year"></span> Pelle Nyberg. All rights reserved.<br>Building the future with intelligent technology that combines efficiency with responsibility.</p></div></footer><div id="telemetry-panel" style="position:fixed;top:100px;right:20px;z-index:999;background:rgba(10,10,10,.85);border:1px solid var(--primary-color);border-radius:8px;padding:15px;width:250px;font-family:monospace;color:var(--text-secondary);backdrop-filter:blur(10px);display:none;box-shadow:0 0 15px rgba(0,255,194,.1)"><div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;border-bottom:1px solid rgba(0,255,194,.2);padding-bottom:5px"><span style="color:var(--primary-color);font-weight:700">SYS_TELEMETRY</span> <button id="close-telemetry" aria-label="Close telemetry panel" style="background:0 0;border:none;color:var(--text-muted);cursor:pointer">✕</button></div><div id="vitals-lcp" style="margin-bottom:5px">LCP: <span style="color:var(--warning-color)">Measuring...</span></div><div id="vitals-fid" style="margin-bottom:5px">FID: <span style="color:var(--warning-color)">Measuring...</span></div><div id="vitals-cls" style="margin-bottom:5px">CLS: <span style="color:var(--warning-color)">Measuring...</span></div><div id="vitals-inp" style="margin-bottom:5px">INP: <span style="color:var(--warning-color)">Measuring...</span></div><div style="font-size:.8rem;margin-top:10px;opacity:.5">Core Web Vitals active</div></div><script src="https://cdnjs.cloudflare.com/ajax/libs/lunr.js/2.3.9/lunr.min.js"></script><script src="https://unpkg.com/web-vitals@3/dist/web-vitals.iife.js"></script><script src="https://cdn.jsdelivr.net/npm/chart.js"></script><script src="app.js" defer="defer"></script></body></html> No newline at end of file |
PelleNybe
deleted the
feat/optimize-real-data-telemetry-10986604657532319588
branch
August 30, 2026 17:45
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
What:
Replaced mock sine wave data in TelemetryChart with actual measured main thread frame latency and web worker mathematical load times. Replaced hardcoded fake string logs in AISimulator with real intensity tracking from the mathematical Perlin noise simulation.
Why:
Project requirements strictly forbid mock-ups and placeholders with fake content. All telemetry must be mathematically accurate or represent real systemic metrics.
Impact:
Ensures 100% compliance with data integrity policies, representing true system loads and live mathematical models rather than arbitrary placeholders.
Measurement:
Verified via e2e Playwright tests. No regressions in functionality.
PR created automatically by Jules for task 10986604657532319588 started by @PelleNybe