Domain > 2025.gridbase.ai

More information on this domain is in AlienVault OTX

DNS Resolutions

Date	IP Address
2025-12-27	20.84.237.30 (ClassC)
2026-03-01	20.99.163.40 (ClassC)

HTTP/1.1 200 OKContent-Length: 119766Content-Type: text/htmlDate: Sun, 01 Mar 2026 16:37:01 GMTCache-Control: public, must-revalidate, max-age30ETag: 14035301Last-Modified: Sun, 28 Dec 2025 03:18:32 GMTStrict-Transport-Security: max-age10886400; includeSubDomains; preloadReferrer-Policy: same-originX-Content-Type-Options: nosniffX-XSS-Protection: 1; modeblockX-DNS-Prefetch-Control: off

!doctype html>html langen>    head>        meta charsetUTF-8 />        meta nameviewport contentwidthdevice-width, initial-scale1.0 />        title>2025 Year in Review - Engineering Team/title>        link            hrefhttps://fonts.googleapis.com/css2?familySpace+Grotesk:wght@300;400;500;600;700&familyJetBrains+Mono:wght@400;500;600&displayswap            relstylesheet        />        style>            * {                margin: 0;                padding: 0;                box-sizing: border-box;            }            :root {                --primary: #6366f1;                --secondary: #8b5cf6;                --accent: #06b6d4;                --success: #10b981;                --warning: #f59e0b;                --danger: #ef4444;                --dark: #0f172a;                --darker: #020617;                --light: #f8fafc;            }            html {                scroll-behavior: smooth;            }            body {                font-family: Space Grotesk, sans-serif;                background: var(--darker);                color: var(--light);                overflow-x: hidden;                line-height: 1.6;            }            /* Animated Background */            .bg-animation {                position: fixed;                top: 0;                left: 0;                width: 100%;                height: 100%;                z-index: -1;                overflow: hidden;            }            .bg-animation .stars {                position: absolute;                width: 100%;                height: 100%;                background: transparent;            }            .bg-animation .stars span {                position: absolute;                width: 2px;                height: 2px;                background: white;                border-radius: 50%;                animation: twinkle 3s infinite;            }            @keyframes twinkle {                0%,                100% {                    opacity: 0.3;                    transform: scale(1);                }                50% {                    opacity: 1;                    transform: scale(1.2);                }            }            .floating-orb {                position: fixed;                border-radius: 50%;                filter: blur(80px);                opacity: 0.4;                animation: float 20s infinite ease-in-out;                pointer-events: none;            }            .orb-1 {                width: 600px;                height: 600px;                background: var(--primary);                top: -200px;                left: -200px;                animation-delay: 0s;            }            .orb-2 {                width: 500px;                height: 500px;                background: var(--secondary);                bottom: -150px;                right: -150px;                animation-delay: -5s;            }            .orb-3 {                width: 400px;                height: 400px;                background: var(--accent);                top: 50%;                left: 50%;                animation-delay: -10s;            }            @keyframes float {                0%,                100% {                    transform: translate(0, 0) rotate(0deg);                }                25% {                    transform: translate(50px, 50px) rotate(90deg);                }                50% {                    transform: translate(0, 100px) rotate(180deg);                }                75% {                    transform: translate(-50px, 50px) rotate(270deg);                }            }            /* Hero Section */            .hero {                min-height: 100vh;                display: flex;                flex-direction: column;                justify-content: center;                align-items: center;                text-align: center;                padding: 2rem;                position: relative;            }            .hero-badge {                display: inline-block;                padding: 0.5rem 1.5rem;                background: linear-gradient(                    135deg,                    var(--primary),                    var(--secondary)                );                border-radius: 50px;                font-size: 0.875rem;                font-weight: 600;                letter-spacing: 2px;                text-transform: uppercase;                margin-bottom: 2rem;                animation: pulse-glow 2s infinite;            }            @keyframes pulse-glow {                0%,                100% {                    box-shadow: 0 0 20px rgba(99, 102, 241, 0.5);                }                50% {                    box-shadow: 0 0 40px rgba(99, 102, 241, 0.8);                }            }            .hero h1 {                font-size: clamp(3rem, 10vw, 8rem);                font-weight: 700;                background: linear-gradient(                    135deg,                    #fff,                    var(--accent),                    var(--primary)                );                -webkit-background-clip: text;                -webkit-text-fill-color: transparent;                background-clip: text;                line-height: 1.1;                margin-bottom: 1rem;                animation: text-shimmer 3s infinite;                background-size: 200% auto;            }            @keyframes text-shimmer {                0%,                100% {                    background-position: 0% center;                }                50% {                    background-position: 200% center;                }            }            .hero .year {                font-size: clamp(4rem, 15vw, 12rem);                font-weight: 700;                background: linear-gradient(                    135deg,                    var(--primary),                    var(--accent),                    var(--success)                );                -webkit-background-clip: text;                -webkit-text-fill-color: transparent;                background-clip: text;                animation: text-shimmer 4s infinite;                background-size: 300% auto;            }            .hero-subtitle {                font-size: 1.5rem;                color: rgba(255, 255, 255, 0.7);                max-width: 600px;                margin-top: 2rem;            }            .scroll-indicator {                position: absolute;                bottom: 2rem;                left: 50%;                transform: translateX(-50%);                animation: bounce 2s infinite;            }            .scroll-indicator svg {                width: 40px;                height: 40px;                stroke: var(--accent);            }            @keyframes bounce {                0%,                100% {                    transform: translateX(-50%) translateY(0);                }                50% {                    transform: translateX(-50%) translateY(10px);                }            }            /* Section Styles */            section {                padding: 6rem 2rem;                position: relative;            }            .container {                max-width: 1400px;                margin: 0 auto;            }            .section-header {                text-align: center;                margin-bottom: 4rem;            }            .section-header h2 {                font-size: clamp(2rem, 5vw, 4rem);                font-weight: 700;                margin-bottom: 1rem;                background: linear-gradient(135deg, #fff, var(--accent));                -webkit-background-clip: text;                -webkit-text-fill-color: transparent;                background-clip: text;            }            .section-header p {                color: rgba(255, 255, 255, 0.6);                font-size: 1.25rem;            }            /* Stats Grid */            .stats-grid {                display: grid;                grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));                gap: 2rem;                margin-bottom: 4rem;            }            .stat-card {                background: linear-gradient(                    135deg,                    rgba(255, 255, 255, 0.1),                    rgba(255, 255, 255, 0.05)                );                border: 1px solid rgba(255, 255, 255, 0.1);                border-radius: 24px;                padding: 2.5rem;                text-align: center;                position: relative;                overflow: hidden;                transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);                backdrop-filter: blur(10px);            }            .stat-card::before {                content: ;                position: absolute;                top: 0;                left: 0;                right: 0;                height: 4px;                background: linear-gradient(                    90deg,                    var(--primary),                    var(--accent)                );                transform: scaleX(0);                transition: transform 0.5s ease;            }            .stat-card:hover {                transform: translateY(-10px);                box-shadow: 0 30px 60px rgba(99, 102, 241, 0.3);            }            .stat-card:hover::before {                transform: scaleX(1);            }            .stat-icon {                width: 80px;                height: 80px;                margin: 0 auto 1.5rem;                background: linear-gradient(                    135deg,                    var(--primary),                    var(--secondary)                );                border-radius: 20px;                display: flex;                align-items: center;                justify-content: center;                font-size: 2.5rem;                animation: icon-float 3s infinite ease-in-out;            }            @keyframes icon-float {                0%,                100% {                    transform: translateY(0);                }                50% {                    transform: translateY(-10px);                }            }            .stat-number {                font-family: JetBrains Mono, monospace;                font-size: 3.5rem;                font-weight: 700;                background: linear-gradient(135deg, #fff, var(--accent));                -webkit-background-clip: text;                -webkit-text-fill-color: transparent;                background-clip: text;                margin-bottom: 0.5rem;            }            .stat-label {                font-size: 1.1rem;                color: rgba(255, 255, 255, 0.7);                text-transform: uppercase;                letter-spacing: 2px;            }            /* Leaderboard */            .leaderboard {                background: linear-gradient(                    135deg,                    rgba(255, 255, 255, 0.08),                    rgba(255, 255, 255, 0.02)                );                border: 1px solid rgba(255, 255, 255, 0.1);                border-radius: 32px;                padding: 3rem;                backdrop-filter: blur(20px);            }            .leaderboard-item {                display: grid;                grid-template-columns: 60px 1fr 2fr;                gap: 2rem;                align-items: center;                padding: 1.5rem;                margin-bottom: 1rem;                background: linear-gradient(                    135deg,                    rgba(255, 255, 255, 0.05),                    transparent                );                border-radius: 16px;                transition: all 0.3s ease;                position: relative;                overflow: hidden;            }            .leaderboard-item::before {                content: ;                position: absolute;                left: 0;                top: 0;                bottom: 0;                width: 4px;                background: linear-gradient(                    180deg,                    var(--primary),                    var(--accent)                );                opacity: 0;                transition: opacity 0.3s ease;            }            .leaderboard-item:hover {                background: linear-gradient(                    135deg,                    rgba(99, 102, 241, 0.2),                    rgba(6, 182, 212, 0.1)                );                transform: translateX(10px);            }            .leaderboard-item:hover::before {                opacity: 1;            }            .rank {                width: 50px;                height: 50px;                border-radius: 50%;                display: flex;                align-items: center;                justify-content: center;                font-weight: 700;                font-size: 1.25rem;            }            .rank-1 {                background: linear-gradient(135deg, #ffd700, #ffaa00);                color: #000;            }            .rank-2 {                background: linear-gradient(135deg, #c0c0c0, #a0a0a0);                color: #000;            }            .rank-3 {                background: linear-gradient(135deg, #cd7f32, #b87333);                color: #fff;            }            .rank-4,            .rank-5,            .rank-6 {                background: linear-gradient(                    135deg,                    var(--primary),                    var(--secondary)                );                color: #fff;            }            .contributor-info h3 {                font-size: 1.25rem;                margin-bottom: 0.25rem;            }            .contributor-info span {                color: rgba(255, 255, 255, 0.5);                font-size: 0.875rem;            }            .stats-bars {                display: flex;                flex-direction: column;                gap: 0.75rem;            }            .bar-container {                display: flex;                align-items: center;                gap: 1rem;            }            .bar-label {                font-size: 0.75rem;                color: rgba(255, 255, 255, 0.6);                width: 60px;                text-transform: uppercase;                letter-spacing: 1px;            }            .bar-track {                flex: 1;                height: 8px;                background: rgba(255, 255, 255, 0.1);                border-radius: 4px;                overflow: hidden;            }            .bar-fill {                height: 100%;                border-radius: 4px;                transition: width 1.5s cubic-bezier(0.4, 0, 0.2, 1);                width: 0;            }            .bar-fill.prs {                background: linear-gradient(                    90deg,                    var(--primary),                    var(--secondary)                );            }            .bar-fill.commits {                background: linear-gradient(                    90deg,                    var(--accent),                    var(--success)                );            }            .bar-fill.lines {                background: linear-gradient(                    90deg,                    var(--warning),                    var(--danger)                );            }            .bar-fill.retention {                background: linear-gradient(                    90deg,                    var(--success),                    var(--accent)                );            }            .bar-value {                font-family: JetBrains Mono, monospace;                font-size: 0.875rem;                color: var(--accent);                width: 80px;                text-align: right;            }            /* Code Rain Effect */            .code-rain {                position: fixed;                top: 0;                left: 0;                width: 100%;                height: 100%;                pointer-events: none;                z-index: -1;                overflow: hidden;            }            .code-column {                position: absolute;                top: -100%;                font-family: JetBrains Mono, monospace;                font-size: 14px;                color: var(--accent);                opacity: 0.15;                animation: code-fall linear infinite;                white-space: nowrap;            }            @keyframes code-fall {                0% {                    transform: translateY(-100%);                }                100% {                    transform: translateY(200vh);                }            }            /* Achievement Section - New Layout */            .achievements-wrapper {                display: flex;                flex-direction: column;                gap: 3rem;            }            /* Team Award - Hero Style */            .team-award {                background: linear-gradient(                    135deg,                    rgba(99, 102, 241, 0.2),                    rgba(6, 182, 212, 0.15),                    rgba(16, 185, 129, 0.1)                );                border: 2px solid rgba(99, 102, 241, 0.4);                border-radius: 32px;                padding: 3rem;                text-align: center;                position: relative;                overflow: hidden;            }            .team-award::before {                content: ;                position: absolute;                top: -50%;                left: -50%;                width: 200%;                height: 200%;                background: conic-gradient(                    from 0deg,                    transparent,                    rgba(99, 102, 241, 0.1),                    transparent,                    rgba(6, 182, 212, 0.1),                    transparent                );                animation: rotate-bg 10s linear infinite;            }            @keyframes rotate-bg {                100% {                    transform: rotate(360deg);                }            }            .team-award-content {                position: relative;                z-index: 1;            }            .team-award .award-icon {                font-size: 5rem;                display: block;                margin-bottom: 1rem;                animation: pulse-scale 2s infinite;            }            @keyframes pulse-scale {                0%,                100% {                    transform: scale(1);                }                50% {                    transform: scale(1.1);                }            }            .team-award h3 {                font-size: 2.5rem;                margin-bottom: 1rem;                background: linear-gradient(                    135deg,                    #fff,                    var(--accent),                    var(--success)                );                -webkit-background-clip: text;                -webkit-text-fill-color: transparent;                background-clip: text;            }            .team-award .description {                font-size: 1.25rem;                color: rgba(255, 255, 255, 0.7);                margin-bottom: 1.5rem;            }            .team-award .stat {                font-family: JetBrains Mono, monospace;                font-size: 1.5rem;                font-weight: 600;                color: var(--accent);            }            /* Individual Awards - Timeline Style */            .individual-awards {                position: relative;                display: flex;                flex-direction: column;                gap: 2rem;            }            .individual-awards::before {                content: ;                position: absolute;                left: 50%;                top: 0;                bottom: 0;                width: 2px;                background: linear-gradient(                    180deg,                    var(--primary),                    var(--accent),                    var(--success),                    var(--primary)                );                transform: translateX(-50%);            }            .award-row {                display: flex;                align-items: center;                position: relative;            }            .award-row:nth-child(odd) {                flex-direction: row;                justify-content: flex-start;            }            .award-row:nth-child(even) {                flex-direction: row-reverse;                justify-content: flex-start;            }            .award-card {                width: 44%;                background: linear-gradient(                    135deg,                    rgba(255, 255, 255, 0.08),                    rgba(255, 255, 255, 0.02)                );                border: 1px solid rgba(255, 255, 255, 0.1);                border-radius: 24px;                padding: 2rem;                position: relative;                transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);            }            .award-card:hover {                transform: translateY(-5px) scale(1.02);                box-shadow: 0 20px 40px rgba(99, 102, 241, 0.3);                border-color: var(--primary);            }            .award-node {                width: 60px;                height: 60px;                background: linear-gradient(                    135deg,                    var(--primary),                    var(--secondary)                );                border-radius: 50%;                display: flex;                align-items: center;                justify-content: center;                font-size: 1.75rem;                font-weight: 600;                box-shadow: 0 0 30px rgba(99, 102, 241, 0.5);                position: absolute;                left: 50%;                transform: translateX(-50%);                z-index: 2;            }            .award-card-header {                display: flex;                align-items: center;                gap: 1rem;                margin-bottom: 1rem;            }            .award-card-icon {                font-size: 2.5rem;            }            .award-card h3 {                font-size: 1.4rem;                background: linear-gradient(135deg, #fff, var(--accent));                -webkit-background-clip: text;                -webkit-text-fill-color: transparent;                background-clip: text;            }            .award-card .winner-name {                font-size: 1.1rem;                color: var(--accent);                font-weight: 600;                margin-bottom: 0.5rem;            }            .award-card .description {                color: rgba(255, 255, 255, 0.6);                font-size: 0.95rem;                margin-bottom: 1rem;                line-height: 1.5;            }            .award-card .proof {                display: inline-block;                padding: 0.5rem 1rem;                background: rgba(99, 102, 241, 0.2);                border: 1px solid rgba(99, 102, 241, 0.3);                border-radius: 8px;                font-family: JetBrains Mono, monospace;                font-size: 0.85rem;                color: var(--accent);            }            /* Responsive */            @media (max-width: 900px) {                .individual-awards::before {                    left: 25px;                }                .award-row,                .award-row:nth-child(odd),                .award-row:nth-child(even) {                    flex-direction: row;                    justify-content: flex-end;                }                .award-card {                    width: calc(100% - 70px);                }                .award-node {                    width: 50px;                    height: 50px;                    font-size: 1.25rem;                    left: 25px;                    transform: translateX(-50%);                }            }            /* Closing Section */            .closing {                text-align: center;                padding: 8rem 2rem;            }            .closing h2 {                font-size: clamp(2rem, 6vw, 5rem);                font-weight: 700;                margin-bottom: 2rem;                background: linear-gradient(                    135deg,                    var(--primary),                    var(--accent),                    var(--success)                );                -webkit-background-clip: text;                -webkit-text-fill-color: transparent;                background-clip: text;                animation: text-shimmer 4s infinite;                background-size: 300% auto;            }            .closing p {                font-size: 1.5rem;                color: rgba(255, 255, 255, 0.7);                max-width: 800px;                margin: 0 auto 3rem;            }            .confetti {                position: fixed;                width: 10px;                height: 10px;                pointer-events: none;                animation: confetti-fall 3s linear forwards;            }            @keyframes confetti-fall {                0% {                    transform: translateY(-100vh) rotate(0deg);                    opacity: 1;                }                100% {                    transform: translateY(100vh) rotate(720deg);                    opacity: 0;                }            }            /* Responsive */            @media (max-width: 768px) {                .leaderboard-item {                    grid-template-columns: 50px 1fr;                    gap: 1rem;                }                .stats-bars {                    grid-column: span 2;                }                .stat-card {                    padding: 1.5rem;                }                .stat-number {                    font-size: 2.5rem;                }            }            /* Scroll Animations */            .fade-in {                opacity: 0;                transform: translateY(30px);                transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);            }            .fade-in.visible {                opacity: 1;                transform: translateY(0);            }            /* Particles */            .particle {                position: fixed;                width: 4px;                height: 4px;                background: var(--accent);                border-radius: 50%;                pointer-events: none;                opacity: 0;            }            /* Counter Animation */            .counting {                display: inline-block;            }            /* Glitch Effect */            .glitch {                position: relative;            }            .glitch::before,            .glitch::after {                content: attr(data-text);                position: absolute;                top: 0;                left: 0;                width: 100%;                height: 100%;                background: transparent;            }            .glitch::before {                animation: glitch-1 2s infinite linear alternate-reverse;                color: var(--accent);                opacity: 0.8;            }            .glitch::after {                animation: glitch-2 3s infinite linear alternate-reverse;                color: var(--secondary);                opacity: 0.8;            }            @keyframes glitch-1 {                0% {                    transform: translateX(0);                }                20% {                    transform: translateX(-2px);                }                40% {                    transform: translateX(2px);                }                60% {                    transform: translateX(-2px);                }                80% {                    transform: translateX(2px);                }                100% {                    transform: translateX(0);                }            }            @keyframes glitch-2 {                0% {                    transform: translateX(0);                }                25% {                    transform: translateX(2px);                }                50% {                    transform: translateX(-2px);                }                75% {                    transform: translateX(2px);                }                100% {                    transform: translateX(0);                }            }            /* Net Lines Visualization */            .net-lines-viz {                margin-top: 4rem;                padding: 3rem;                background: linear-gradient(                    135deg,                    rgba(16, 185, 129, 0.1),                    rgba(6, 182, 212, 0.1)                );                border-radius: 32px;                border: 1px solid rgba(16, 185, 129, 0.3);            }            .net-lines-header {                text-align: center;                margin-bottom: 2rem;            }            .net-lines-header h3 {                font-size: 2rem;                background: linear-gradient(                    135deg,                    var(--success),                    var(--accent)                );                -webkit-background-clip: text;                -webkit-text-fill-color: transparent;                background-clip: text;            }            .big-number {                font-family: JetBrains Mono, monospace;                font-size: clamp(3rem, 10vw, 7rem);                font-weight: 700;                text-align: center;                display: block;                width: 100%;                background: linear-gradient(                    135deg,                    var(--success),                    var(--accent),                    var(--primary)                );                -webkit-background-clip: text;                -webkit-text-fill-color: transparent;                background-clip: text;                animation: pulse 2s infinite;            }            @keyframes pulse {                0%,                100% {                    transform: scale(1);                }                50% {                    transform: scale(1.02);                }            }            .lines-breakdown {                display: flex;                justify-content: center;                gap: 4rem;                margin-top: 2rem;                flex-wrap: wrap;            }            .lines-item {                text-align: center;            }            .lines-item .value {                font-family: JetBrains Mono, monospace;                font-size: 2rem;                font-weight: 600;            }            .lines-item .value.added {                color: var(--success);            }            .lines-item .value.removed {                color: var(--danger);            }            .lines-item .label {                color: rgba(255, 255, 255, 0.6);                font-size: 0.875rem;                text-transform: uppercase;                letter-spacing: 1px;            }            /* UFO Animation */            .ufo-container {                position: fixed;                top: 0;                left: 0;                width: 100%;                height: 100%;                pointer-events: none;                z-index: 1000;                overflow: hidden;                opacity: 0;                transition: opacity 0.3s ease;            }            .ufo-container.visible {                opacity: 1;            }            .ufo {                position: absolute;                top: 30%;                left: -200px;                font-size: 5rem;                filter: drop-shadow(0 0 30px rgba(6, 182, 212, 0.8));                animation: ufo-fly 4s ease-in-out forwards;            }            .ufo::after {                content: ;                position: absolute;                bottom: -20px;                left: 50%;                transform: translateX(-50%);                width: 60px;                height: 100px;                background: linear-gradient(                    180deg,                    rgba(6, 182, 212, 0.6),                    transparent                );                clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);                animation: beam-pulse 0.5s infinite alternate;            }            @keyframes ufo-fly {                0% {                    left: -200px;                    top: 30%;                    transform: rotate(-10deg) scale(0.5);                }                30% {                    left: 40%;                    top: 40%;                    transform: rotate(5deg) scale(1);                }                50% {                    left: 50%;                    top: 35%;                    transform: rotate(-5deg) scale(1.1);                }                70% {                    left: 60%;                    top: 40%;                    transform: rotate(5deg) scale(1);                }                100% {                    left: 120%;                    top: -20%;                    transform: rotate(-20deg) scale(0.3);                }            }            @keyframes ufo-fly-reverse {                0% {                    left: 120%;                    top: 30%;                    transform: rotate(10deg) scale(0.5);                }                30% {                    left: 60%;                    top: 40%;                    transform: rotate(-5deg) scale(1);                }                50% {                    left: 50%;                    top: 35%;                    transform: rotate(5deg) scale(1.1);                }                70% {                    left: 40%;                    top: 40%;                    transform: rotate(-5deg) scale(1);                }                100% {                    left: -200px;                    top: -20%;                    transform: rotate(20deg) scale(0.3);                }            }            @keyframes beam-pulse {                0% {                    opacity: 0.3;                }                100% {                    opacity: 0.8;                }            }            .ufo-trail {                position: absolute;                width: 8px;                height: 8px;                background: var(--accent);                border-radius: 50%;                filter: blur(2px);                animation: trail-fade 0.5s forwards;            }            @keyframes trail-fade {                0% {                    opacity: 1;                    transform: scale(1);                }                100% {                    opacity: 0;                    transform: scale(0);                }            }            /* Shocked Robot Animation */            .robot-container {                position: fixed;                right: -200px;                top: 50%;                transform: translateY(-50%);                z-index: 1000;                pointer-events: none;                transition: right 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);            }            .robot-container.visible {                right: -40px;            }            .robot {                font-size: 8rem;                position: relative;                animation: robot-shake 0.5s ease-in-out infinite;                animation-play-state: paused;            }            .robot-container.visible .robot {                animation-play-state: running;            }            @keyframes robot-shake {                0%,                100% {                    transform: rotate(0deg);                }                25% {                    transform: rotate(-5deg);                }                75% {                    transform: rotate(5deg);                }            }            .robot-reactions {                position: absolute;                top: -20px;                left: -60px;                display: flex;                flex-direction: column;                gap: 10px;                opacity: 0;                transition: opacity 0.3s ease 0.3s;            }            .robot-container.visible .robot-reactions {                opacity: 1;            }            .reaction {                font-size: 2rem;                animation: reaction-pop 0.6s ease-out forwards;                opacity: 0;            }            .reaction:nth-child(1) {                animation-delay: 0.4s;            }            .reaction:nth-child(2) {                animation-delay: 0.6s;            }            .reaction:nth-child(3) {                animation-delay: 0.8s;            }            @keyframes reaction-pop {                0% {                    opacity: 0;                    transform: scale(0) rotate(-20deg);                }                50% {                    transform: scale(1.3) rotate(10deg);                }                100% {                    opacity: 1;                    transform: scale(1) rotate(0deg);                }            }            .robot-speech {                position: absolute;                top: -80px;                left: -180px;                background: white;                color: #1a1a2e;                padding: 12px 20px;                border-radius: 20px;                font-size: 1rem;                font-weight: 600;                white-space: nowrap;                opacity: 0;                transform: scale(0);                transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);                transition-delay: 0.5s;            }            .robot-speech::after {                content: ;                position: absolute;                bottom: -10px;                right: 30px;                width: 0;                height: 0;                border-left: 10px solid transparent;                border-right: 10px solid transparent;                border-top: 15px solid white;            }            .robot-container.visible .robot-speech {                opacity: 1;                transform: scale(1);            }            .robot-eyes {                position: absolute;                top: 25px;                left: 50%;                transform: translateX(-50%);                display: flex;                gap: 15px;            }            .robot-eye {                width: 20px;                height: 20px;                background: #ff0;                border-radius: 50%;                animation: eye-blink 2s infinite;                box-shadow:                    0 0 20px #ff0,                    0 0 40px #ff0;            }            @keyframes eye-blink {                0%,                45%,                55%,                100% {                    transform: scaleY(1);                }                50% {                    transform: scaleY(0.1);                }            }            .sweat-drop {                position: absolute;                top: 60px;                left: -10px;                font-size: 1.5rem;                animation: sweat-fall 1s ease-in infinite;            }            @keyframes sweat-fall {                0% {                    opacity: 1;                    transform: translateY(0);                }                100% {                    opacity: 0;                    transform: translateY(30px);                }            }            /* Demo Modal */            .modal-overlay {                position: fixed;                top: 0;                left: 0;                width: 100%;                height: 100%;                background: rgba(0, 0, 0, 0.8);                backdrop-filter: blur(10px);                z-index: 2000;                display: flex;                align-items: center;                justify-content: center;                opacity: 0;                visibility: hidden;                transition: all 0.4s ease;            }            .modal-overlay.visible {                opacity: 1;                visibility: visible;            }            .modal {                background: linear-gradient(                    135deg,                    rgba(30, 30, 60, 0.95),                    rgba(20, 20, 40, 0.98)                );                border: 1px solid rgba(99, 102, 241, 0.3);                border-radius: 32px;                padding: 3rem;                max-width: 500px;                width: 90%;                text-align: center;                position: relative;                transform: scale(0.8) translateY(20px);                transition: transform 0.4s                    cubic-bezier(0.68, -0.55, 0.265, 1.55);                box-shadow:                    0 25px 80px rgba(99, 102, 241, 0.3),                    0 0 100px rgba(6, 182, 212, 0.1);            }            .modal-overlay.visible .modal {                transform: scale(1) translateY(0);            }            .modal-close {                position: absolute;                top: 1rem;                right: 1.5rem;                background: none;                border: none;                color: rgba(255, 255, 255, 0.5);                font-size: 1.5rem;                cursor: pointer;                transition: color 0.3s ease;                padding: 0.5rem;            }            .modal-close:hover {                color: white;            }            .modal-icon {                font-size: 4rem;                margin-bottom: 1rem;                display: block;                animation: modal-icon-bounce 2s infinite;            }            @keyframes modal-icon-bounce {                0%,                100% {                    transform: translateY(0);                }                50% {                    transform: translateY(-10px);                }            }            .modal h2 {                font-size: 1.75rem;                margin-bottom: 0.75rem;                background: linear-gradient(135deg, #fff, var(--accent));                -webkit-background-clip: text;                -webkit-text-fill-color: transparent;                background-clip: text;            }            .modal p {                color: rgba(255, 255, 255, 0.7);                margin-bottom: 2rem;                font-size: 1.1rem;                line-height: 1.6;            }            .modal-form {                display: flex;                flex-direction: column;                gap: 1rem;            }            .modal-input {                width: 100%;                padding: 1rem 1.5rem;                background: rgba(255, 255, 255, 0.1);                border: 1px solid rgba(255, 255, 255, 0.2);                border-radius: 12px;                color: white;                font-size: 1rem;                font-family: inherit;                transition: all 0.3s ease;            }            .modal-input::placeholder {                color: rgba(255, 255, 255, 0.4);            }            .modal-input:focus {                outline: none;                border-color: var(--accent);                background: rgba(255, 255, 255, 0.15);                box-shadow: 0 0 20px rgba(6, 182, 212, 0.2);            }            .modal-submit {                width: 100%;                padding: 1rem 2rem;                background: linear-gradient(                    135deg,                    var(--primary),                    var(--secondary)                );                border: none;                border-radius: 12px;                color: white;                font-size: 1.1rem;                font-weight: 600;                font-family: inherit;                cursor: pointer;                transition: all 0.3s ease;                position: relative;                overflow: hidden;            }            .modal-submit::before {                content: ;                position: absolute;                top: 0;                left: -100%;                width: 100%;                height: 100%;                background: linear-gradient(                    90deg,                    transparent,                    rgba(255, 255, 255, 0.2),                    transparent                );                transition: left 0.5s ease;            }            .modal-submit:hover {                transform: translateY(-2px);                box-shadow: 0 10px 30px rgba(99, 102, 241, 0.4);            }            .modal-submit:hover::before {                left: 100%;            }            .modal-success {                display: none;                flex-direction: column;                align-items: center;                gap: 1rem;            }            .modal-success.visible {                display: flex;            }            .modal-form.hidden {                display: none;            }            .success-icon {                font-size: 4rem;                animation: success-pop 0.5s                    cubic-bezier(0.68, -0.55, 0.265, 1.55);            }            @keyframes success-pop {                0% {                    transform: scale(0);                }                50% {                    transform: scale(1.2);                }                100% {                    transform: scale(1);                }            }            .modal-skip {                background: none;                border: none;                color: rgba(255, 255, 255, 0.4);                font-size: 0.875rem;                cursor: pointer;                margin-top: 1rem;                padding: 0.5rem;                transition: color 0.3s ease;            }            .modal-skip:hover {                color: rgba(255, 255, 255, 0.7);            }            /* UFO Crash Animation */            .ufo-crash-container {                position: fixed;                top: 0;                left: 0;                width: 100%;                height: 100%;                z-index: 3000;                pointer-events: none;                display: flex;                align-items: center;                justify-content: center;                opacity: 0;                transition: opacity 0.1s;            }            .ufo-crash-container.visible {                opacity: 1;            }            .ufo-crash {                font-size: 4rem;                filter: drop-shadow(0 0 30px rgba(6, 182, 212, 1))                    drop-shadow(0 0 60px rgba(6, 182, 212, 0.8));                transform: scale(0.1);                opacity: 0;            }            .ufo-crash-container.visible .ufo-crash {                animation: ufo-crash-approach 2.5s cubic-bezier(0.4, 0, 1, 1)                    forwards;            }            @keyframes ufo-crash-approach {                0% {                    transform: scale(0.1) translateZ(0);                    opacity: 0;                    filter: drop-shadow(0 0 10px rgba(6, 182, 212, 0.5));                }                10% {                    opacity: 1;                }                40% {                    transform: scale(1) translateZ(0);                    filter: drop-shadow(0 0 30px rgba(6, 182, 212, 0.8));                }                70% {                    transform: scale(4) translateZ(0);                    filter: drop-shadow(0 0 50px rgba(6, 182, 212, 1));                }                90% {                    transform: scale(12) translateZ(0);                    opacity: 1;                    filter: drop-shadow(0 0 80px rgba(255, 255, 255, 1));                }                100% {                    transform: scale(20) translateZ(0);                    opacity: 0;                    filter: drop-shadow(0 0 100px rgba(255, 255, 255, 1));                }            }            /* Screen Crack Effect */            .crack-overlay {                position: fixed;                top: 0;                left: 0;                width: 100%;                height: 100%;                z-index: 3001;                pointer-events: none;                opacity: 0;            }            .crack-overlay.visible {                opacity: 1;            }            .crack-overlay svg {                width: 100%;                height: 100%;            }            .crack-line {                stroke: rgba(255, 255, 255, 0.9);                stroke-width: 2;                fill: none;                stroke-dasharray: 1000;                stroke-dashoffset: 1000;                filter: drop-shadow(0 0 3px white)                    drop-shadow(0 0 10px rgba(6, 182, 212, 0.8));            }            .crack-overlay.visible .crack-line {                animation: crack-draw 0.3s ease-out forwards;            }            .crack-line:nth-child(2) {                animation-delay: 0.05s;            }            .crack-line:nth-child(3) {                animation-delay: 0.1s;            }            .crack-line:nth-child(4) {                animation-delay: 0.15s;            }            .crack-line:nth-child(5) {                animation-delay: 0.08s;            }            .crack-line:nth-child(6) {                animation-delay: 0.12s;            }            .crack-line:nth-child(7) {                animation-delay: 0.18s;            }            .crack-line:nth-child(8) {                animation-delay: 0.07s;            }            @keyframes crack-draw {                to {                    stroke-dashoffset: 0;                }            }            /* Glass shards */            .shard {                position: fixed;                z-index: 3002;                pointer-events: none;                opacity: 0;                background: linear-gradient(                    135deg,                    rgba(255, 255, 255, 0.6) 0%,                    rgba(200, 220, 255, 0.4) 50%,                    rgba(255, 255, 255, 0.2) 100%                );                border: 1px solid rgba(255, 255, 255, 0.7);                box-shadow:                    0 0 10px rgba(255, 255, 255, 0.3),                    inset 0 0 10px rgba(255, 255, 255, 0.2);            }            .shard.falling {                animation: shard-fall 1.5s ease-in forwards;            }            @keyframes shard-fall {                0% {                    opacity: 1;                    transform: translateY(0) rotate(0deg) scale(1);                }                50% {                    opacity: 0.8;                }                100% {                    opacity: 0;                    transform: translateY(120vh) rotate(360deg) scale(0.5);                }            }            /* Impact flash */            .impact-flash {                position: fixed;                top: 0;                left: 0;                width: 100%;                height: 100%;                background: white;                z-index: 2999;                opacity: 0;                pointer-events: none;            }            .impact-flash.visible {                animation: flash-impact 0.5s ease-out forwards;            }            @keyframes flash-impact {                0% {                    opacity: 0;                }                10% {                    opacity: 0.9;                }                100% {                    opacity: 0;                }            }            /* Screen shake */            .screen-shake {                animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;            }            @keyframes shake {                10%,                90% {                    transform: translateX(-2px) translateY(1px);                }                20%,                80% {                    transform: translateX(4px) translateY(-2px);                }                30%,                50%,                70% {                    transform: translateX(-6px) translateY(2px);                }                40%,                60% {                    transform: translateX(6px) translateY(-1px);                }            }            /* Engineering Metrics Section */            .metrics-grid {                display: grid;                grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));                gap: 2rem;                margin-top: 3rem;            }            .metric-card {                background: linear-gradient(                    135deg,                    rgba(255, 255, 255, 0.08),                    rgba(255, 255, 255, 0.02)                );                border: 1px solid rgba(255, 255, 255, 0.1);                border-radius: 24px;                padding: 2rem;                backdrop-filter: blur(10px);                transition: all 0.4s ease;            }            .metric-card:hover {                transform: translateY(-5px);                box-shadow: 0 20px 40px rgba(99, 102, 241, 0.2);                border-color: rgba(99, 102, 241, 0.3);            }            .metric-card h3 {                font-size: 1.25rem;                margin-bottom: 0.5rem;                background: linear-gradient(135deg, #fff, var(--accent));                -webkit-background-clip: text;                -webkit-text-fill-color: transparent;                background-clip: text;            }            .metric-card .subtitle {                color: rgba(255, 255, 255, 0.5);                font-size: 0.875rem;                margin-bottom: 1.5rem;            }            /* Velocity Chart */            .velocity-chart {                display: flex;                align-items: flex-end;                gap: 4px;                height: 120px;                padding-top: 1rem;            }            .velocity-bar {                flex: 1;                background: linear-gradient(180deg, var(--primary), var(--secondary));                border-radius: 4px 4px 0 0;                min-width: 20px;                position: relative;                transition: all 0.3s ease;                cursor: pointer;            }            .velocity-bar:hover {                filter: brightness(1.2);                transform: scaleY(1.05);                transform-origin: bottom;            }            .velocity-bar::after {                content: attr(data-value);                position: absolute;                top: -20px;                left: 50%;                transform: translateX(-50%);                font-size: 0.7rem;                color: rgba(255, 255, 255, 0.7);                opacity: 0;                transition: opacity 0.2s;            }            .velocity-bar:hover::after {                opacity: 1;            }            .velocity-labels {                display: flex;                justify-content: space-between;                margin-top: 0.5rem;                font-size: 0.7rem;                color: rgba(255, 255, 255, 0.5);            }            /* PR Type Donut Chart */            .donut-container {                display: flex;                align-items: center;                gap: 2rem;            }            .donut-chart {                width: 140px;                height: 140px;                position: relative;            }            .donut-chart svg {                width: 100%;                height: 100%;                transform: rotate(-90deg);            }            .donut-segment {                fill: none;                stroke-width: 25;                transition: all 0.3s ease;                cursor: pointer;            }            .donut-segment:hover {                stroke-width: 30;                filter: brightness(1.2);            }            .donut-center {                position: absolute;                top: 50%;                left: 50%;                transform: translate(-50%, -50%);                text-align: center;            }            .donut-center .value {                font-family: JetBrains Mono, monospace;                font-size: 1.5rem;                font-weight: 700;                color: white;            }            .donut-center .label {                font-size: 0.7rem;                color: rgba(255, 255, 255, 0.6);            }            .donut-legend {                display: flex;                flex-direction: column;                gap: 0.5rem;            }            .legend-item {                display: flex;                align-items: center;                gap: 0.5rem;                font-size: 0.85rem;            }            .legend-dot {                width: 12px;                height: 12px;                border-radius: 3px;            }            .legend-dot.features { background: var(--success); }            .legend-dot.bugfixes { background: var(--danger); }            .legend-dot.refactors { background: var(--warning); }            .legend-dot.docs { background: var(--accent); }            .legend-dot.other { background: var(--secondary); }            .legend-value {                color: rgba(255, 255, 255, 0.6);                font-family: JetBrains Mono, monospace;                margin-left: auto;            }            /* PR Size Distribution */            .size-distribution {                display: flex;                flex-direction: column;                gap: 0.75rem;            }            .size-row {                display: flex;                align-items: center;                gap: 1rem;            }            .size-label {                width: 70px;                font-size: 0.8rem;                color: rgba(255, 255, 255, 0.7);            }            .size-bar-track {                flex: 1;                height: 24px;                background: rgba(255, 255, 255, 0.1);                border-radius: 12px;                overflow: hidden;            }            .size-bar-fill {                height: 100%;                border-radius: 12px;                display: flex;                align-items: center;                padding-left: 12px;                font-size: 0.75rem;                font-family: JetBrains Mono, monospace;                color: white;                transition: width 1s ease;            }            .size-bar-fill.small { background: linear-gradient(90deg, #10b981, #34d399); }            .size-bar-fill.medium { background: linear-gradient(90deg, #06b6d4, #22d3ee); }            .size-bar-fill.large { background: linear-gradient(90deg, #f59e0b, #fbbf24); }            .size-bar-fill.xlarge { background: linear-gradient(90deg, #ef4444, #f87171); }            /* Code Churn Chart */            .churn-chart {                position: relative;                height: 150px;                margin-top: 1rem;            }            .churn-svg {                width: 100%;                height: 100%;            }            .churn-area-added {                fill: url(#addedGradient);                opacity: 0.3;            }            .churn-area-net {                fill: url(#netGradient);                opacity: 0.5;            }            .churn-line {                fill: none;                stroke-width: 2;                stroke-linecap: round;                stroke-linejoin: round;            }            .churn-line.added { stroke: var(--success); }            .churn-line.net { stroke: var(--accent); }            .churn-dot {                fill: white;                stroke-width: 2;                cursor: pointer;                transition: all 0.2s ease;            }            .churn-dot:hover {                r: 6;            }            .churn-dot.added { stroke: var(--success); }            .churn-dot.net { stroke: var(--accent); }            .churn-labels {                display: flex;                justify-content: space-between;                font-size: 0.65rem;                color: rgba(255, 255, 255, 0.5);                margin-top: 0.5rem;            }            .churn-legend {                display: flex;                gap: 1.5rem;                margin-top: 1rem;                justify-content: center;            }            .churn-legend-item {                display: flex;                align-items: center;                gap: 0.5rem;                font-size: 0.8rem;            }            .churn-legend-line {                width: 20px;                height: 3px;                border-radius: 2px;            }            .churn-legend-line.added { background: var(--success); }            .churn-legend-line.net { background: var(--accent); }            /* Quick Stats Row */            .quick-stats {                display: grid;                grid-template-columns: repeat(4, 1fr);                gap: 1.5rem;                margin-top: 3rem;            }            .quick-stat {                background: linear-gradient(                    135deg,                    rgba(99, 102, 241, 0.15),                    rgba(6, 182, 212, 0.1)                );                border: 1px solid rgba(99, 102, 241, 0.2);                border-radius: 16px;                padding: 1.5rem;                text-align: center;                transition: all 0.3s ease;            }            .quick-stat:hover {                transform: translateY(-3px);                border-color: var(--primary);            }            .quick-stat .value {                font-family: JetBrains Mono, monospace;                font-size: 2rem;                font-weight: 700;                background: linear-gradient(135deg, #fff, var(--accent));                -webkit-background-clip: text;                -webkit-text-fill-color: transparent;                background-clip: text;            }            .quick-stat .label {                font-size: 0.8rem;                color: rgba(255, 255, 255, 0.6);                margin-top: 0.25rem;            }            @media (max-width: 768px) {                .quick-stats {                    grid-template-columns: repeat(2, 1fr);                }                .donut-container {                    flex-direction: column;                }                .metrics-grid {                    grid-template-columns: 1fr;                }            }        /style>    /head>    body>        !-- Background Effects -->        div classbg-animation>            div classstars idstars>/div>        /div>        div classfloating-orb orb-1>/div>        div classfloating-orb orb-2>/div>        div classfloating-orb orb-3>/div>        div classcode-rain idcodeRain>/div>        !-- UFO Easter Egg -->        div classufo-container idufoContainer>            div classufo idufo>🛸/div>        /div>        !-- Shocked Robot -->        div classrobot-container idrobotContainer>            div classrobot-speech>WHAT?! 446K lines?!/div>            div classrobot-reactions>                span classreaction>❗/span>                span classreaction>💥/span>                span classreaction>⭐/span>            /div>            div classrobot>🤖/div>            div classsweat-drop>💧/div>        /div>        !-- UFO Crash Effect -->        div classufo-crash-container idufoCrashContainer>            div classufo-crash>🛸/div>        /div>        !-- Impact Flash -->        div classimpact-flash idimpactFlash>/div>        !-- Screen Crack Overlay -->        div classcrack-overlay idcrackOverlay>            svg viewBox0 0 100 100 preserveAspectRationone>                !-- Main impact point cracks radiating from center -->                path classcrack-line dM50,50 L20,10 />                path classcrack-line dM50,50 L80,5 />                path classcrack-line dM50,50 L95,35 />                path classcrack-line dM50,50 L90,70 />                path classcrack-line dM50,50 L70,95 />                path classcrack-line dM50,50 L25,90 />                path classcrack-line dM50,50 L5,60 />                path classcrack-line dM50,50 L10,30 />                !-- Secondary cracks branching off -->                path classcrack-line dM35,30 L15,25 />                path classcrack-line dM35,30 L40,15 />                path classcrack-line dM65,27 L75,10 />                path classcrack-line dM65,27 L85,25 />                path classcrack-line dM72,52 L95,50 />                path classcrack-line dM72,52 L85,65 />                path classcrack-line dM60,72 L55,95 />                path classcrack-line dM60,72 L80,85 />                path classcrack-line dM37,70 L20,80 />                path classcrack-line dM37,70 L35,95 />                path classcrack-line dM27,50 L5,45 />                path classcrack-line dM27,50 L10,65 />                !-- Tertiary smaller cracks -->                path classcrack-line dM25,20 L10,5 />                path classcrack-line dM80,20 L95,10 />                path classcrack-line dM85,55 L100,60 />                path classcrack-line dM75,80 L90,95 />                path classcrack-line dM40,85 L30,100 />                path classcrack-line dM15,70 L0,80 />                path classcrack-line dM15,40 L0,35 />            /svg>        /div>        !-- Demo Request Modal -->        div classmodal-overlay iddemoModal>            div classmodal>                button classmodal-close idmodalClose>×/button>                span classmodal-icon>🎬/span>                h2>Want to See What We Built?/h2>                p>                    All those lines of code turned into something amazing. Want                    to see what we built? Lets schedule a demo!                /p>                div classmodal-form iddemoForm>                    button                        typebutton                        classmodal-submit                        idrequestDemoBtn                    >                        Request a Demo 🚀                    /button>                /div>                div classmodal-success idmodalSuccess>                    span classsuccess-icon>🎉/span>                    h2>Email Ready!/h2>                    p stylemargin-bottom: 0>                        Just hit send and well be in touch soon!                    /p>                /div>                button classmodal-skip idmodalSkip>Maybe later/button>            /div>        /div>        !-- Hero Section -->        section classhero>            div classhero-badge>Engineering Excellence/div>            h1>Year In Review/h1>            div classyear glitch data-text2025>2025/div>            p classhero-subtitle>                A celebration of innovation, collaboration, and incredible                productivity from our engineering team            /p>            div classscroll-indicator>                svg                    viewBox0 0 24 24                    fillnone                    strokecurrentColor                    stroke-width2                >                    path dM7 13l5 5 5-5M7 6l5 5 5-5 />                /svg>            /div>        /section>        !-- Stats Overview -->        section idstats>            div classcontainer>                div classsection-header fade-in>                    h2>The Numbers Dont Lie/h2>                    p>Our team crushed it this year. Heres the proof./p>                /div>                div classstats-grid>                    div classstat-card fade-in>                        div classstat-icon>💻/div>                        div                            classstat-number counting                            data-statcommits                            data-target0                        >                            0                        /div>                        div classstat-label>Commits/div>                    /div>                    div classstat-card fade-in>                        div classstat-icon>📈/div>                        div                            classstat-number counting                            data-statlinesAdded                            data-target0                        >                            0                        /div>                        div classstat-label>Lines Added/div>                    /div>                    div classstat-card fade-in>                        div classstat-icon>🔥/div>                        div                            classstat-number counting                            data-statcontributors                            data-target0                        >                            0                        /div>                        div classstat-label>Contributors/div>                    /div>                /div>                !-- Net Lines Visualization -->                div classnet-lines-viz fade-in>                    div classnet-lines-header>                        h3>Net Code Impact/h3>                    /div>                    div                        classbig-number counting                        data-statnetLines                        data-target0                    >                        0                    /div>                    p                        style                            text-align: center;                            color: rgba(255, 255, 255, 0.6);                            margin-top: 1rem;                                            >                        Net lines of production code shipped                    /p>                    div classlines-breakdown>                        div classlines-item>                            div classvalue added idlinesAddedDisplay>                                +0                            /div>                            div classlabel>Lines Added/div>                        /div>                        div classlines-item>                            div classvalue removed idlinesRemovedDisplay>                                -0                            /div>                            div classlabel>Lines Removed/div>                        /div>                    /div>                /div>            /div>        /section>        !-- Engineering Metrics -->        section idmetrics>            div classcontainer>                div classsection-header fade-in>                    h2>Engineering Metrics/h2>                    p>Key performance indicators derived from our development data/p>                /div>                !-- Quick Stats Row -->                div classquick-stats fade-in>                    div classquick-stat>                        div classvalue idavgPRsPerWeek>0/div>                        div classlabel>Avg PRs / Week/div>                    /div>                    div classquick-stat>                        div classvalue idavgCommitsPerWeek>0/div>                        div classlabel>Avg Commits / Week/div>                    /div>                    div classquick-stat>                        div classvalue idavgPRSize>0/div>                        div classlabel>Avg PR Size (lines)/div>                    /div>                    div classquick-stat>                        div classvalue idavgCommitsPerPR>0/div>                        div classlabel>Avg Commits / PR/div>                    /div>                /div>                div classmetrics-grid>                    !-- Weekly Velocity Chart -->                    div classmetric-card fade-in>                        h3>Weekly Velocity/h3>                        p classsubtitle>Commits shipped per week (Q4 2025)/p>                        div classvelocity-chart idvelocityChart>/div>                        div classvelocity-labels>                            span>Oct/span>                            span>Nov/span>                            span>Dec/span>                        /div>                    /div>                    !-- PR Type Distribution -->                    div classmetric-card fade-in>                        h3>PR Type Distribution/h3>                        p classsubtitle>Work categorized by branch naming/p>                        div classdonut-container>                            div classdonut-chart idprTypeChart>                                svg viewBox0 0 100 100>                                    !-- Segments will be populated by JS -->                                /svg>                                div classdonut-center>                                    div classvalue idtotalPRs>0/div>                                    div classlabel>Total PRs/div>                                /div>                            /div>                            div classdonut-legend idprTypeLegend>/div>                        /div>                    /div>                    !-- PR Size Distribution -->                    div classmetric-card fade-in>                        h3>PR Size Distribution/h3>                        p classsubtitle>Categorized by lines changed/p>                        div classsize-distribution idsizeDistribution>/div>                    /div>                    !-- Code Churn Chart -->                    div classmetric-card fade-in stylegrid-column: span 1;>                        h3>Monthly Code Churn/h3>                        p classsubtitle>Lines added vs net lines shipped/p>                        div classchurn-chart>                            svg classchurn-svg idchurnChart viewBox0 0 400 150 preserveAspectRationone>                                defs>                                    linearGradient idaddedGradient x10% y10% x20% y2100%>                                        stop offset0% stylestop-color:#10b981;stop-opacity:0.5 />                                        stop offset100% stylestop-color:#10b981;stop-opacity:0 />                                    /linearGradient>                                    linearGradient idnetGradient x10% y10% x20% y2100%>                                        stop offset0% stylestop-color:#06b6d4;stop-opacity:0.5 />                                        stop offset100% stylestop-color:#06b6d4;stop-opacity:0 />                                    /linearGradient>                                /defs>                            /svg>                        /div>                        div classchurn-labels idchurnLabels>/div>                        div classchurn-legend>                            div classchurn-legend-item>                                div classchurn-legend-line added>/div>                                span>Lines Added/span>                            /div>                            div classchurn-legend-item>                                div classchurn-legend-line net>/div>                                span>Net Lines/span>                            /div>                        /div>                    /div>                /div>            /div>        /section>        !-- Leaderboard -->        section idleaderboard>            div classcontainer>                div classsection-header fade-in>                    h2>The Leaderboard/h2>                    p>Celebrating our top contributors/p>                /div>                div classleaderboard fade-in>                    !-- Populated dynamically from data.json -->                /div>            /div>        /section>        !-- Achievements -->        section idachievements>            div classcontainer>                div classsection-header fade-in>                    h2>2025 Awards/h2>                    p>Special recognition for outstanding achievements/p>                /div>                div classachievements-wrapper>                    div classteam-award fade-in>                        !-- Team award populated dynamically -->                    /div>                    div classindividual-awards>                        !-- Individual awards populated dynamically -->                    /div>                /div>            /div>        /section>        !-- Closing -->        section classclosing>            h2>Heres to an Even Better 2026!/h2>            p>                Thank you to every team member for your dedication, creativity,                and relentless pursuit of excellence. Together, we shipped                amazing things.            /p>            div stylefont-size: 4rem; margin-top: 2rem>                🎉 🎉 🎉            /div>        /section>        script>            // Data Configuration            // Combined from: Gridbase.ai Web App, Gridbase.ai iOS, Gridbase.ai Android, iamGIS Web App            const DATA  {                year: 2025,                team: {                    name: Engineering Team,                    contributorCount: 6,                },                totals: {                    commits: 2350,                    linesAdded: 1387979,                    linesRemoved: 493387,                    netLines: 894592,                },                contributors:                     {                        name: Andy Thompson,                        title: Line Legend,                        rank: 1,                        commits: 807,                        linesAdded: 645408,                        linesRemoved: 313545,                        netLines: 331863,                    },                    {                        name: Brian Kuyper,                        title: Commit Machine,                        rank: 2,                        commits: 662,                        linesAdded: 250331,                        linesRemoved: 46711,                        netLines: 203620,                    },                    {                        name: Michael Geatz,                        title: Tech Lead,                        rank: 3,                        commits: 368,                        linesAdded: 293158,                        linesRemoved: 90287,                        netLines: 202871,                    },                    {                        name: Brandon Reuss,                        title: Feature Builder,                        rank: 4,                        commits: 367,                        linesAdded: 151453,                        linesRemoved: 33371,                        netLines: 118082,                    },                    {                        name: Bruce Freeland,                        title: Full Stack Dev,                        rank: 5,                        commits: 95,                        linesAdded: 23795,                        linesRemoved: 4888,                        netLines: 18907,                    },                    {                        name: Aleksandar Spasic,                        title: Quality Crafter,                        rank: 6,                        commits: 51,                        linesAdded: 23834,                        linesRemoved: 4585,                        netLines: 19249,                    },                ,                // Engineering Metrics - calculated from Gridbase.ai Web App PR data                // Source: 527 PRs, 1,442 commits, +858,341/-308,566 lines                metrics: {                    // Weekly velocity (Q4 2024 sample - highest activity period)                    weeklyVelocity:                         { week: Oct W1, commits: 22, prs: 8, linesNet: 15200 },                        { week: Oct W2, commits: 35, prs: 12, linesNet: 18400 },                        { week: Oct W3, commits: 68, prs: 15, linesNet: 52300 },                        { week: Oct W4, commits: 31, prs: 14, linesNet: 12800 },                        { week: Nov W1, commits: 28, prs: 11, linesNet: 9200 },                        { week: Nov W2, commits: 42, prs: 18, linesNet: 21500 },                        { week: Nov W3, commits: 38, prs: 16, linesNet: 14700 },                        { week: Nov W4, commits: 45, prs: 21, linesNet: 18300 },                        { week: Dec W1, commits: 24, prs: 10, linesNet: 41200 },                        { week: Dec W2, commits: 18, prs: 8, linesNet: 5400 },                        { week: Dec W3, commits: 52, prs: 19, linesNet: 32100 },                        { week: Dec W4, commits: 12, prs: 6, linesNet: 1800 },                    ,                    // PR Type distribution (from branch naming: Feature/, bugfix/, Bugs/, docs/, etc.)                    prTypes: {                        features: 265,    // Feature/*, feature/*                        bugfixes: 195,    // bugfix/*, Bugs/*, Hotfix/*                        refactors: 42,    // DB_Changes, fix_*, cleanup_*                        docs: 3,          // docs/*                        other: 22,        // EN-*, misc                    },                    // PR size distribution (lines added + removed)                    prSizeDistribution: {                        small: 178,       //  100 lines changed                        medium: 189,      // 100-500 lines changed                        large: 88,        // 500-1000 lines changed                        xlarge: 72,       // > 1000 lines changed                    },                    // Monthly code churn (aggregated from PR dates)                    codeChurn:                         { month: Jan, added: 2500, removed: 2000, net: 500 },                        { month: Feb, added: 3200, removed: 1800, net: 1400 },                        { month: Mar, added: 3100, removed: 2400, net: 700 },                        { month: Apr, added: 21100, removed: 30500, net: -9400 },                        { month: May, added: 64800, removed: 52100, net: 12700 },                        { month: Jun, added: 120500, removed: 33200, net: 87300 },                        { month: Jul, added: 95200, removed: 28900, net: 66300 },                        { month: Aug, added: 122400, removed: 35800, net: 86600 },                        { month: Sep, added: 68500, removed: 24100, net: 44400 },                        { month: Oct, added: 145800, removed: 55200, net: 90600 },                        { month: Nov, added: 128700, removed: 28100, net: 100600 },                        { month: Dec, added: 82541, removed: 14466, net: 68075 },                    ,                    // Calculated averages (527 PRs over ~52 weeks)                    avgPRSize: 1629,           // avg lines added per PR                    avgCommitsPerPR: 2.7,      // 1442 commits / 527 PRs                    avgPRsPerWeek: 10.1,       // 527 PRs / 52 weeks                    avgCommitsPerWeek: 27.7,   // 1442 commits / 52 weeks                },                awards:                     {                        title: The Code Tsunami,                        description:                            Most commits, most lines added, and highest net impact - an absolute force of nature,                        icon: 🌊,                        winner: Andy Thompson,                        stat: 807 commits | +645,408 lines | +331,863 net,                    },                    {                        title: The Relentless Shipper,                        description:                            Shipped across all four repositories with elite-level retention,                        icon: 🔥,                        winner: Brian Kuyper,                        stat: 662 commits | 81% retention | 4 repos,                    },                    {                        title: Strategic Leader,                        description:                            Balanced leadership with massive hands-on output across web and mobile,                        icon: 🧠,                        winner: Michael Geatz,                        stat: 368 commits | 202,871 net lines | 69% retention,                    },                    {                        title: The Steady Hand,                        description:                            Reliable feature delivery with strong code quality across multiple products,                        icon: 💪,                        winner: Brandon Reuss,                        stat: 367 commits | 118,082 net lines | 78% retention,                    },                    {                        title: The Rising Force,                        description:                            Made a major impact on iamGIS with precision and consistency,                        icon: ⭐,                        winner: Bruce Freeland,                        stat: 95 commits | 18,907 net lines | 79% retention,                    },                    {                        title: The Surgeon,                        description:                            Highest code retention on the team - precision work with minimal waste,                        icon: 🎯,                        winner: Aleksandar Spasic,                        stat: 81% retention rate | 19,249 net lines,                    },                    {                        title: Team Dominance,                        description:                            6 engineers mass produced an insane amount of production-quality software across 4 products,                        icon: 🌟,                        winner: ,                        stat: 2,350 commits | 894,592 net lines shipped,                    },                ,            };            // Create stars            function createStars() {                const starsContainer  document.getElementById(stars);                for (let i  0; i  200; i++) {                    const star  document.createElement(span);                    star.style.left  Math.random() * 100 + %;                    star.style.top  Math.random() * 100 + %;                    star.style.animationDelay  Math.random() * 3 + s;                    star.style.animationDuration  Math.random() * 2 + 2 + s;                    starsContainer.appendChild(star);                }            }            // Create code rain effect            function createCodeRain() {                const container  document.getElementById(codeRain);                const codeChars                      0,                    1,                    {,                    },                    ;,                    (),                    >,                    if,                    for,                    let,                    const,                    fn,                    ,                    &&,                    ||,                    ++,                    --,                    ,                ;                for (let i  0; i  30; i++) {                    const column  document.createElement(div);                    column.className  code-column;                    column.style.left  i * 3.5 + %;                    column.style.animationDuration                         Math.random() * 10 + 10 + s;                    column.style.animationDelay  Math.random() * 5 + s;                    let codeString  ;                    for (let j  0; j  50; j++) {                        codeString +                            codeChars                                Math.floor(Math.random() * codeChars.length)                             + br>;                    }                    column.innerHTML  codeString;                    container.appendChild(column);                }            }            // Animated counter            function animateCounter(element, target) {                const duration  2000;                const start  0;                const startTime  performance.now();                function update(currentTime) {                    const elapsed  currentTime - startTime;                    const progress  Math.min(elapsed / duration, 1);                    const easeProgress  1 - Math.pow(1 - progress, 4);                    const current  Math.floor(                        start + (target - start) * easeProgress,                    );                    element.textContent  current.toLocaleString();                    if (progress  1) {                        requestAnimationFrame(update);                    } else {                        element.textContent  target.toLocaleString();                    }                }                requestAnimationFrame(update);            }            // Intersection Observer for animations            function setupScrollAnimations() {                const observer  new IntersectionObserver(                    (entries) > {                        entries.forEach((entry) > {                            if (entry.isIntersecting) {                                entry.target.classList.add(visible);                                // Animate counters when visible                                const counters                                     entry.target.querySelectorAll(.counting);                                counters.forEach((counter) > {                                    if (!counter.dataset.animated) {                                        counter.dataset.animated  true;                                        animateCounter(                                            counter,                                            parseInt(counter.dataset.target),                                        );                                    }                                });                                // Also check if the entry itself is a counter                                if (                                    entry.target.classList.contains(                                        counting,                                    ) &&                                    !entry.target.dataset.animated                                ) {                                    entry.target.dataset.animated  true;                                    animateCounter(                                        entry.target,                                        parseInt(entry.target.dataset.target),                                    );                                }                                // Animate bars                                const bars                                     entry.target.querySelectorAll(.bar-fill);                                bars.forEach((bar, index) > {                                    setTimeout(() > {                                        bar.style.width                                             bar.style.getPropertyValue(                                                --target-width,                                            );                                    }, index * 100);                                });                            }                        });                    },                    { threshold: 0.2 },                );                document                    .querySelectorAll(.fade-in, .counting)                    .forEach((el) > observer.observe(el));            }            // Confetti effect            function createConfetti() {                const colors                      #6366f1,                    #8b5cf6,                    #06b6d4,                    #10b981,                    #f59e0b,                    #ef4444,                ;                for (let i  0; i  50; i++) {                    setTimeout(() > {                        const confetti  document.createElement(div);                        confetti.className  confetti;                        confetti.style.left  Math.random() * 100 + %;                        confetti.style.background                             colorsMath.floor(Math.random() * colors.length);                        confetti.style.animationDuration                             Math.random() * 2 + 2 + s;                        document.body.appendChild(confetti);                        setTimeout(() > confetti.remove(), 3000);                    }, i * 50);                }            }            // Mouse trail particles            let mouseTimeout;            document.addEventListener(mousemove, (e) > {                clearTimeout(mouseTimeout);                mouseTimeout  setTimeout(() > {                    const particle  document.createElement(div);                    particle.className  particle;                    particle.style.left  e.clientX + px;                    particle.style.top  e.clientY + px;                    particle.style.animation  particle-fade 1s forwards;                    document.body.appendChild(particle);                    setTimeout(() > particle.remove(), 1000);                }, 50);            });            // Add particle animation            const style  document.createElement(style);            style.textContent  `            @keyframes particle-fade {                0% { opacity: 1; transform: scale(1); }                100% { opacity: 0; transform: scale(0) translateY(-20px); }            }        `;            document.head.appendChild(style);            // Launch UFO            function launchUFO(reverse  false) {                const ufoContainer  document.getElementById(ufoContainer);                const ufo  document.getElementById(ufo);                // Reset animation                ufo.style.animation  none;                ufo.offsetHeight; // Trigger reflow                const animationName  reverse ? ufo-fly-reverse : ufo-fly;                ufo.style.animation  `${animationName} 4s ease-in-out forwards`;                ufoContainer.classList.add(visible);                // Hide after animation completes                setTimeout(() > {                    ufoContainer.classList.remove(visible);                }, 4500);            }            // Trigger UFO on scroll to stats section (reverse direction)            const statsObserver  new IntersectionObserver(                (entries) > {                    entries.forEach((entry) > {                        if (entry.isIntersecting) {                            setTimeout(() > launchUFO(true), 300);                            statsObserver.unobserve(entry.target);                        }                    });                },                { threshold: 0.3 },            );            // Trigger shocked robot on leaderboard section            function showRobot() {                const robotContainer                     document.getElementById(robotContainer);                robotContainer.classList.add(visible);                // Hide after a few seconds                setTimeout(() > {                    robotContainer.classList.remove(visible);                }, 5000);            }            const leaderboardObserver  new IntersectionObserver(                (entries) > {                    entries.forEach((entry) > {                        if (entry.isIntersecting) {                            setTimeout(showRobot, 500);                            leaderboardObserver.unobserve(entry.target);                        }                    });                },                { threshold: 0.3 },            );            // Demo Modal Functions            function showDemoModal() {                const modal  document.getElementById(demoModal);                modal.classList.add(visible);                document.body.style.overflow  hidden;            }            function hideDemoModal(triggerCrash  false) {                const modal  document.getElementById(demoModal);                modal.classList.remove(visible);                document.body.style.overflow  ;                if (triggerCrash) {                    setTimeout(triggerUFOCrash, 500);                }            }            // UFO Crash Sequence            function triggerUFOCrash() {                const crashContainer                     document.getElementById(ufoCrashContainer);                const crashUFO  crashContainer.querySelector(.ufo-crash);                const impactFlash  document.getElementById(impactFlash);                const crackOverlay  document.getElementById(crackOverlay);                // Reset any previous animation                crashUFO.style.animation  none;                crashUFO.offsetHeight; // Force reflow                crashUFO.style.animation  ;                // Start UFO approaching - make it visible                crashContainer.classList.add(visible);                // At impact point (when UFO reaches full size at 90-100% of animation  ~2.25s)                setTimeout(() > {                    // Flash on impact                    impactFlash.classList.add(visible);                    // Shake the screen                    document.body.classList.add(screen-shake);                    // Show cracks                    crackOverlay.classList.add(visible);                    // Remove shake after animation                    setTimeout(() > {                        document.body.classList.remove(screen-shake);                    }, 500);                }, 2300); // Timed to when UFO is at max scale (90% of 2.5s)                // Hide UFO container after animation completes                setTimeout(() > {                    crashContainer.classList.remove(visible);                }, 2600);                // Clean up flash                setTimeout(() > {                    impactFlash.classList.remove(visible);                }, 2800);            }            function setupDemoModal() {                const modal  document.getElementById(demoModal);                const closeBtn  document.getElementById(modalClose);                const skipBtn  document.getElementById(modalSkip);                const form  document.getElementById(demoForm);                const successDiv  document.getElementById(modalSuccess);                closeBtn.addEventListener(click, () > hideDemoModal(false));                skipBtn.addEventListener(click, () > hideDemoModal(false));                // Close on overlay click                modal.addEventListener(click, (e) > {                    if (e.target  modal) {                        hideDemoModal(false);                    }                });                // Close on escape key                document.addEventListener(keydown, (e) > {                    if (                        e.key  Escape &&                        modal.classList.contains(visible)                    ) {                        hideDemoModal(false);                    }                });                // Handle demo request button click                const requestBtn  document.getElementById(requestDemoBtn);                requestBtn.addEventListener(click, () > {                    const subject  encodeURIComponent(                        Demo Request - 2025 Year in Review,                    );                    const body  encodeURIComponent(`Hi Gridbase Team,I just saw your 2025 Year in Review and Im impressed by what your engineering team accomplished!Id love to schedule a demo to see what youve built.Please let me know your availability.Best regards`);                    window.location.href  `mailto:hello@gridbase.ai?subject${subject}&body${body}`;                    // Show success state                    form.classList.add(hidden);                    skipBtn.style.display  none;                    successDiv.classList.add(visible);                    // Auto-close after 3 seconds                    setTimeout(() > hideDemoModal(false), 3000);                });            }            // Trigger confetti and UFO on scroll to closing section            const closingObserver  new IntersectionObserver(                (entries) > {                    entries.forEach((entry) > {                        if (entry.isIntersecting) {                            createConfetti();                            // Launch UFO after a brief delay                            setTimeout(() > launchUFO(false), 500);                            // Show demo modal after UFO animation                            setTimeout(showDemoModal, 5500);                            closingObserver.unobserve(entry.target);                        }                    });                },                { threshold: 0.5 },            );            // Render Engineering Metrics            function renderMetrics(data) {                const metrics  data.metrics;                // Quick stats                document.getElementById(avgPRsPerWeek).textContent  metrics.avgPRsPerWeek;                document.getElementById(avgCommitsPerWeek).textContent  metrics.avgCommitsPerWeek;                document.getElementById(avgPRSize).textContent  metrics.avgPRSize.toLocaleString();                document.getElementById(avgCommitsPerPR).textContent  metrics.avgCommitsPerPR;                // Velocity Chart                const velocityChart  document.getElementById(velocityChart);                const maxCommits  Math.max(...metrics.weeklyVelocity.map(w > w.commits));                velocityChart.innerHTML  metrics.weeklyVelocity.map(week > {                    const height  (week.commits / maxCommits) * 100;                    return `div classvelocity-bar styleheight: ${height}% data-value${week.commits}>/div>`;                }).join();                // PR Type Donut Chart                const prTypes  metrics.prTypes;                const total  Object.values(prTypes).reduce((a, b) > a + b, 0);                document.getElementById(totalPRs).textContent  total;                const colors  {                    features: #10b981,                    bugfixes: #ef4444,                    refactors: #f59e0b,                    docs: #06b6d4,                    other: #8b5cf6                };                const labels  {                    features: Features,                    bugfixes: Bug Fixes,                    refactors: Refactors,                    docs: Documentation,                    other: Other                };                // Create donut segments                const svg  document.querySelector(#prTypeChart svg);                const radius  35;                const circumference  2 * Math.PI * radius;                let offset  0;                Object.entries(prTypes).forEach((key, value) > {                    const percentage  value / total;                    const dashLength  percentage * circumference;                    const segment  document.createElementNS(http://www.w3.org/2000/svg, circle);                    segment.setAttribute(cx, 50);                    segment.setAttribute(cy, 50);                    segment.setAttribute(r, radius);                    segment.setAttribute(class, donut-segment);                    segment.setAttribute(stroke, colorskey);                    segment.setAttribute(stroke-dasharray, `${dashLength} ${circumference}`);                    segment.setAttribute(stroke-dashoffset, -offset);                    svg.appendChild(segment);                    offset + dashLength;                });                // Create legend                const legend  document.getElementById(prTypeLegend);                legend.innerHTML  Object.entries(prTypes).map((key, value) > {                    const percentage  Math.round((value / total) * 100);                    return `                        div classlegend-item>                            div classlegend-dot ${key}>/div>                            span>${labelskey}/span>                            span classlegend-value>${percentage}%/span>                        /div>                    `;                }).join();                // PR Size Distribution                const sizeDistribution  document.getElementById(sizeDistribution);                const sizes  metrics.prSizeDistribution;                const totalSize  Object.values(sizes).reduce((a, b) > a + b, 0);                const maxSize  Math.max(...Object.values(sizes));                const sizeLabels  {                    small: Small (100),                    medium: Medium,                    large: Large,                    xlarge: XL (>1000)                };                sizeDistribution.innerHTML  Object.entries(sizes).map((key, value) > {                    const width  (value / maxSize) * 100;                    return `                        div classsize-row>                            span classsize-label>${sizeLabelskey}/span>                            div classsize-bar-track>                                div classsize-bar-fill ${key} stylewidth: ${width}%>${value}/div>                            /div>                        /div>                    `;                }).join();                // Code Churn Chart                const churnData  metrics.codeChurn;                const chartSvg  document.getElementById(churnChart);                const width  400;                const height  150;                const padding  10;                const maxAdded  Math.max(...churnData.map(d > d.added));                const xStep  (width - padding * 2) / (churnData.length - 1);                // Create points for lines                const addedPoints  churnData.map((d, i) > {                    const x  padding + i * xStep;                    const y  height - padding - (d.added / maxAdded) * (height - padding * 2);                    return `${x},${y}`;                });                const netPoints  churnData.map((d, i) > {                    const x  padding + i * xStep;                    const y  height - padding - (d.net / maxAdded) * (height - padding * 2);                    return `${x},${y}`;                });                // Area paths                const addedArea  document.createElementNS(http://www.w3.org/2000/svg, path);                addedArea.setAttribute(class, churn-area-added);                addedArea.setAttribute(d, `M${padding},${height - padding} L${addedPoints.join( L)} L${width - padding},${height - padding} Z`);                chartSvg.appendChild(addedArea);                const netArea  document.createElementNS(http://www.w3.org/2000/svg, path);                netArea.setAttribute(class, churn-area-net);                netArea.setAttribute(d, `M${padding},${height - padding} L${netPoints.join( L)} L${width - padding},${height - padding} Z`);                chartSvg.appendChild(netArea);                // Lines                const addedLine  document.createElementNS(http://www.w3.org/2000/svg, polyline);                addedLine.setAttribute(class, churn-line added);                addedLine.setAttribute(points, addedPoints.join( ));                chartSvg.appendChild(addedLine);                const netLine  document.createElementNS(http://www.w3.org/2000/svg, polyline);                netLine.setAttribute(class, churn-line net);                netLine.setAttribute(points, netPoints.join( ));                chartSvg.appendChild(netLine);                // Dots                churnData.forEach((d, i) > {                    const x  padding + i * xStep;                    const addedY  height - padding - (d.added / maxAdded) * (height - padding * 2);                    const addedDot  document.createElementNS(http://www.w3.org/2000/svg, circle);                    addedDot.setAttribute(class, churn-dot added);                    addedDot.setAttribute(cx, x);                    addedDot.setAttribute(cy, addedY);                    addedDot.setAttribute(r, 4);                    chartSvg.appendChild(addedDot);                    const netY  height - padding - (d.net / maxAdded) * (height - padding * 2);                    const netDot  document.createElementNS(http://www.w3.org/2000/svg, circle);                    netDot.setAttribute(class, churn-dot net);                    netDot.setAttribute(cx, x);                    netDot.setAttribute(cy, netY);                    netDot.setAttribute(r, 4);                    chartSvg.appendChild(netDot);                });                // Month labels                const labelsContainer  document.getElementById(churnLabels);                labelsContainer.innerHTML  churnData.map(d > `span>${d.month}/span>`).join();            }            // Load data and populate page            function loadData() {                populatePage(DATA);            }            function populatePage(data) {                // Update totals in stats section                document.querySelector(data-statcommits).dataset.target                     data.totals.commits;                document.querySelector(                    data-statlinesAdded,                ).dataset.target  data.totals.linesAdded;                document.querySelector(                    data-statnetLines,                ).dataset.target  data.totals.netLines;                document.querySelector(                    data-statcontributors,                ).dataset.target  data.team.contributorCount;                // Update lines breakdown                document.getElementById(linesAddedDisplay).textContent                     + + data.totals.linesAdded.toLocaleString();                document.getElementById(linesRemovedDisplay).textContent                     - + data.totals.linesRemoved.toLocaleString();                // Render engineering metrics                renderMetrics(data);                // Update robot speech                const netLinesK  Math.round(data.totals.netLines / 1000);                document.querySelector(.robot-speech).textContent                     `WHAT?! ${netLinesK}K lines?!`;                // Populate leaderboard                const leaderboardContainer                     document.querySelector(.leaderboard);                leaderboardContainer.innerHTML  ;                const maxCommits  Math.max(                    ...data.contributors.map((c) > c.commits),                );                const maxNet  Math.max(                    ...data.contributors.map((c) > c.netLines),                );                data.contributors.forEach((contributor, index) > {                    const commitsPercent  Math.round(                        (contributor.commits / maxCommits) * 100,                    );                    const netPercent  Math.round(                        (contributor.netLines / maxNet) * 100,                    );                    const retention  Math.round(                        (contributor.netLines / contributor.linesAdded) * 100,                    );                    const item  document.createElement(div);                    item.className  leaderboard-item;                    item.innerHTML  `                        div classrank rank-${contributor.rank}>${contributor.rank}/div>                        div classcontributor-info>                            h3>${contributor.name}/h3>                            span>${contributor.title}/span>                        /div>                        div classstats-bars>                            div classbar-container>                                span classbar-label>Commits/span>                                div classbar-track>                                    div classbar-fill commits style--target-width: ${commitsPercent}%>/div>                                /div>                                span classbar-value>${contributor.commits.toLocaleString()}/span>                            /div>                            div classbar-container>                                span classbar-label>Net/span>                                div classbar-track>                                    div classbar-fill lines style--target-width: ${netPercent}%>/div>                                /div>                                span classbar-value>+${contributor.netLines.toLocaleString()}/span>                            /div>                            div classbar-container>                                span classbar-label>Retain/span>                                div classbar-track>                                    div classbar-fill retention style--target-width: ${retention}%>/div>                                /div>                                span classbar-value>${retention}%/span>                            /div>                        /div>                    `;                    leaderboardContainer.appendChild(item);                });                // Populate awards - new layout                const teamAwardContainer                     document.querySelector(.team-award);                const individualAwardsContainer                     document.querySelector(.individual-awards);                // Find team award (one without a winner name)                const teamAward  data.awards.find((a) > !a.winner);                const individualAwards  data.awards.filter((a) > a.winner);                // Populate team award                if (teamAward) {                    teamAwardContainer.innerHTML  `                        div classteam-award-content>                            span classaward-icon>${teamAward.icon}/span>                            h3>${teamAward.title}/h3>                            p classdescription>${teamAward.description}/p>                            div classstat>${teamAward.stat}/div>                        /div>                    `;                }                // Populate individual awards in timeline style                individualAwardsContainer.innerHTML  ;                individualAwards.forEach((award, index) > {                    const row  document.createElement(div);                    row.className  award-row fade-in;                    row.innerHTML  `                        div classaward-card>                            div classaward-card-header>                                span classaward-card-icon>${award.icon}/span>                                h3>${award.title}/h3>                            /div>                            div classwinner-name>${award.winner}/div>                            p classdescription>${award.description}/p>                            div classproof>${award.stat}/div>                        /div>                        div classaward-node>${index + 1}/div>                    `;                    individualAwardsContainer.appendChild(row);                });            }            // Initialize            document.addEventListener(DOMContentLoaded, () > {                createStars();                createCodeRain();                loadData();                setupScrollAnimations();                setupDemoModal();                const statsSection  document.getElementById(stats);                if (statsSection) {                    statsObserver.observe(statsSection);                }                const leaderboardSection                     document.getElementById(leaderboard);                if (leaderboardSection) {                    leaderboardObserver.observe(leaderboardSection);                }                const closing  document.querySelector(.closing);                if (closing) {                    closingObserver.observe(closing);                }            });        /script>    /body>/html>

View on OTX | View on ThreatMiner

Data with thanks to AlienVault OTX, VirusTotal, Malwr and others. [Sitemap]

Domain > 2025.gridbase.ai

Is this malicious?

DNS Resolutions

Port 443