{"id":549,"date":"2026-02-07T04:05:35","date_gmt":"2026-02-07T04:05:35","guid":{"rendered":"https:\/\/lightbearsoftware.com\/?page_id=549"},"modified":"2026-02-07T04:19:45","modified_gmt":"2026-02-07T04:19:45","slug":"cats-love","status":"publish","type":"page","link":"https:\/\/lightbearsoftware.com\/index.php\/cats-love\/","title":{"rendered":"OH JUST EXAMPLE I LOVE CATS"},"content":{"rendered":"\n<!-- \ud83d\udc3b LIGHTBEAR CINEMATIC ABOUT US PAGE (INTERACTIVE VERSION) -->\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>About LightBear Software | Cinematic Experience<\/title>\n    <style>\n        :root {\n            --primary: #00f7ff;\n            --accent: #7000ff;\n            --bg-dark: #050510;\n            --glass: rgba(255, 255, 255, 0.03);\n            --glass-border: rgba(255, 255, 255, 0.1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            background-color: var(--bg-dark);\n            color: #ffffff;\n            font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n            overflow-x: hidden;\n            line-height: 1.6;\n        }\n\n        \/* Animated Starfield Background *\/\n        #star-canvas {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: -1;\n            background: radial-gradient(circle at center, #0b0b2a 0%, #000 100%);\n        }\n\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n\n        \/* Hero Section *\/\n        .hero {\n            min-height: 100vh;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            text-align: center;\n            position: relative;\n            padding: 100px 20px;\n        }\n\n        .hero-logo {\n            width: 240px;\n            filter: drop-shadow(0 0 30px rgba(0, 247, 255, 0.4));\n            animation: float 6s ease-in-out infinite;\n            margin-bottom: 40px;\n            z-index: 2;\n        }\n\n        @keyframes float {\n            0%, 100% { transform: translateY(0) rotate(0deg); }\n            50% { transform: translateY(-25px) rotate(2deg); }\n        }\n\n        .hero-title {\n            font-size: clamp(2.5rem, 8vw, 4.5rem);\n            font-weight: 900;\n            letter-spacing: -1px;\n            background: linear-gradient(135deg, #fff 30%, var(--primary) 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            margin-bottom: 20px;\n            opacity: 0;\n            transform: translateY(30px);\n            animation: fadeInUp 1s forwards 0.5s;\n        }\n\n        .hero-desc {\n            max-width: 800px;\n            font-size: 1.2rem;\n            color: rgba(255, 255, 255, 0.8);\n            margin-bottom: 40px;\n            opacity: 0;\n            transform: translateY(30px);\n            animation: fadeInUp 1s forwards 0.8s;\n        }\n\n        \/* Team Section *\/\n        .section-title {\n            text-align: center;\n            font-size: 2.5rem;\n            margin-bottom: 60px;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            display: block;\n            width: 60px;\n            height: 4px;\n            background: var(--primary);\n            margin: 15px auto;\n            border-radius: 2px;\n        }\n\n        .team-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 30px;\n            padding-bottom: 100px;\n        }\n\n        .card {\n            background: var(--glass);\n            border: 1px solid var(--glass-border);\n            border-radius: 24px;\n            padding: 40px 30px;\n            text-align: center;\n            backdrop-filter: blur(12px);\n            transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n            cursor: pointer;\n            position: relative;\n            overflow: hidden;\n            opacity: 0;\n            transform: translateY(40px);\n        }\n\n        .card.visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .card:hover {\n            background: rgba(255, 255, 255, 0.07);\n            border-color: var(--primary);\n            transform: translateY(-15px);\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), \n                        0 0 20px rgba(0, 247, 255, 0.1);\n        }\n\n        .card::before {\n            content: '';\n            position: absolute;\n            top: 0; left: -100%;\n            width: 100%; height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.05), transparent);\n            transition: 0.5s;\n        }\n\n        .card:hover::before {\n            left: 100%;\n        }\n\n        .profile-img {\n            width: 140px;\n            height: 140px;\n            border-radius: 50%;\n            object-fit: cover;\n            margin-bottom: 25px;\n            border: 4px solid var(--bg-dark);\n            outline: 2px solid var(--primary);\n            transition: 0.5s;\n        }\n\n        .card:hover .profile-img {\n            transform: scale(1.1);\n            outline-width: 4px;\n            outline-offset: 4px;\n        }\n\n        .name {\n            font-size: 1.5rem;\n            font-weight: 700;\n            margin-bottom: 5px;\n        }\n\n        .role {\n            color: var(--primary);\n            font-size: 0.9rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n            margin-bottom: 15px;\n        }\n\n        .bio {\n            font-size: 0.95rem;\n            color: rgba(255, 255, 255, 0.7);\n            line-height: 1.5;\n        }\n\n        \/* Footer *\/\n        .footer {\n            padding: 60px 20px;\n            text-align: center;\n            border-top: 1px solid var(--glass-border);\n            background: rgba(0, 0, 0, 0.3);\n        }\n\n        .footer-text {\n            font-size: 1.1rem;\n            background: linear-gradient(90deg, var(--primary), #fff, var(--primary));\n            background-size: 200% auto;\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            animation: shine 4s linear infinite;\n        }\n\n        @keyframes shine {\n            to { background-position: 200% center; }\n        }\n\n        @keyframes fadeInUp {\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        \/* Interactions Overlay *\/\n        .particle {\n            position: fixed;\n            pointer-events: none;\n            z-index: 1000;\n            user-select: none;\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 768px) {\n            .hero-title { font-size: 2.8rem; }\n            .team-grid { grid-template-columns: 1fr; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<canvas id=\"star-canvas\"><\/canvas>\n\n<div class=\"container\">\n    <!-- HERO -->\n    <section class=\"hero\">\n        <img decoding=\"async\" class=\"hero-logo\" src=\"http:\/\/lightbearsoftware.com\/wp-content\/uploads\/2026\/02\/download_imgupscaler.ai_Beta_2K-removebg-preview.png\" alt=\"LightBear Logo\">\n        <h1 class=\"hero-title\">About LightBear Software<\/h1>\n        <p class=\"hero-desc\">\n            LightBear Software creates uplifting games and educational experiences that inspire creativity, learning, and fun for all ages.\n        <\/p>\n    <\/section>\n\n    <!-- TEAM -->\n    <section class=\"team\">\n        <h2 class=\"section-title\">Meet The Team<\/h2>\n        <div class=\"team-grid\">\n\n            <!-- CEO -->\n            <div class=\"card\" onclick=\"spawnCEO(event)\">\n                <img decoding=\"async\" class=\"profile-img\" src=\"http:\/\/lightbearsoftware.com\/wp-content\/uploads\/2025\/03\/1743281632285.jpg\" alt=\"Brian Wilmeth\">\n                <div class=\"name\">Brian Wilmeth<\/div>\n                <div class=\"role\">CEO \u2022 Founder<\/div>\n                <div class=\"bio\">Founder of LightBear Software and creative director guiding the studio vision.<\/div>\n            <\/div>\n\n            <!-- Heather -->\n            <div class=\"card\" onclick=\"emojiRain('\ud83c\udfa8')\">\n                <img decoding=\"async\" class=\"profile-img\" src=\"https:\/\/lightbearsoftware.com\/wp-content\/uploads\/2025\/10\/hbrown.png\" alt=\"Heather Brown\">\n                <div class=\"name\">Heather Brown<\/div>\n                <div class=\"role\">Game Prototype Developer<\/div>\n                <div class=\"bio\">Creates prototypes and visual game concepts.<\/div>\n            <\/div>\n\n            <!-- Gregory -->\n            <div class=\"card\" onclick=\"emojiRain('\ud83d\udd79\ufe0f')\">\n                <img decoding=\"async\" class=\"profile-img\" src=\"https:\/\/lightbearsoftware.com\/wp-content\/uploads\/2025\/10\/greg-507x1024.jpg\" alt=\"Gregory Beaudoin\">\n                <div class=\"name\">Gregory Beaudoin<\/div>\n                <div class=\"role\">Prototype Developer<\/div>\n                <div class=\"bio\">Turns ideas into playable demos and fun mechanics.<\/div>\n            <\/div>\n\n            <!-- Sofiane -->\n            <div class=\"card\" onclick=\"emojiRain('\ud83d\ude80')\">\n                <img decoding=\"async\" class=\"profile-img\" src=\"https:\/\/lightbearsoftware.com\/wp-content\/uploads\/2025\/10\/1732811261205_VishaCropImage-462x1024.jpg\" alt=\"Sofiane Ben\">\n                <div class=\"name\">Sofiane Ben<\/div>\n                <div class=\"role\">Marketing &#038; Promotion<\/div>\n                <div class=\"bio\">Promotes LightBear and builds community hype.<\/div>\n            <\/div>\n\n            <!-- Nathan -->\n            <div class=\"card\" onclick=\"emojiRain('\ud83d\udcbb')\">\n                <img decoding=\"async\" class=\"profile-img\" src=\"https:\/\/lightbearsoftware.com\/wp-content\/uploads\/2025\/10\/FB_IMG_1760290744856-1013x1024.jpg\" alt=\"Nathan Juranek\">\n                <div class=\"name\">Nathan Juranek<\/div>\n                <div class=\"role\">Gameplay Programmer<\/div>\n                <div class=\"bio\">Builds gameplay systems and mechanics.<\/div>\n            <\/div>\n\n            <!-- Robert -->\n            <div class=\"card\" onclick=\"emojiRain('\ud83d\udd25')\">\n                <img decoding=\"async\" class=\"profile-img\" src=\"https:\/\/lightbearsoftware.com\/wp-content\/uploads\/2025\/10\/T05TE6PDW01-U08MZHQNJRJ-5de7ffb72309-512.jpg\" alt=\"Robert Chaney\">\n                <div class=\"name\">Robert Chaney<\/div>\n                <div class=\"role\">Developer<\/div>\n                <div class=\"bio\">Creates projects and shares across platforms.<\/div>\n            <\/div>\n\n            <!-- Gabby -->\n            <div class=\"card\" onclick=\"emojiRain('\u2728')\">\n                <img decoding=\"async\" class=\"profile-img\" src=\"https:\/\/lightbearsoftware.com\/wp-content\/uploads\/2026\/02\/gabs.webp\" alt=\"Gabrielle Pastore\">\n                <div class=\"name\">Gabrielle Pastore<\/div>\n                <div class=\"role\">Outreach Coordinator<\/div>\n                <div class=\"bio\">Helps pitch games and grow partnerships.<\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n<\/div>\n\n<footer class=\"footer\">\n    <div class=\"footer-text\">\u2728 Creating games that inspire, educate and uplift \u2728<\/div>\n<\/footer>\n\n<script>\n\/**\n * BACKGROUND STARFIELD\n *\/\nconst canvas = document.getElementById('star-canvas');\nconst ctx = canvas.getContext('2d');\nlet stars = [];\n\nfunction resize() {\n    canvas.width = window.innerWidth;\n    canvas.height = window.innerHeight;\n}\n\nwindow.addEventListener('resize', resize);\nresize();\n\nclass Star {\n    constructor() {\n        this.reset();\n    }\n    reset() {\n        this.x = Math.random() * canvas.width;\n        this.y = Math.random() * canvas.height;\n        this.size = Math.random() * 2;\n        this.speed = Math.random() * 0.5 + 0.1;\n        this.alpha = Math.random();\n    }\n    update() {\n        this.y -= this.speed;\n        if (this.y < 0) this.reset();\n    }\n    draw() {\n        ctx.fillStyle = `rgba(255, 255, 255, ${this.alpha})`;\n        ctx.beginPath();\n        ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);\n        ctx.fill();\n    }\n}\n\nfor(let i = 0; i < 150; i++) stars.push(new Star());\n\nfunction animateStars() {\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\n    stars.forEach(s => {\n        s.update();\n        s.draw();\n    });\n    requestAnimationFrame(animateStars);\n}\nanimateStars();\n\n\/**\n * SCROLL REVEAL\n *\/\nconst observerOptions = { threshold: 0.1 };\nconst observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n        if (entry.isIntersecting) {\n            entry.target.classList.add('visible');\n        }\n    });\n}, observerOptions);\n\ndocument.querySelectorAll('.card').forEach(card => observer.observe(card));\n\n\/**\n * INTERACTIVE EFFECTS\n *\/\nfunction spawnCEO(e) {\n    const img = document.createElement(\"img\");\n    img.src = \"http:\/\/lightbearsoftware.com\/wp-content\/uploads\/2026\/02\/download_imgupscaler.ai_Beta_2K-removebg-preview.png\";\n    img.className = \"particle\";\n    \n    const x = e.clientX || window.innerWidth \/ 2;\n    const y = e.clientY || window.innerHeight \/ 2;\n    \n    img.style.left = `${x}px`;\n    img.style.top = `${y}px`;\n    img.style.width = \"100px\";\n    img.style.transform = \"translate(-50%, -50%)\";\n    img.style.transition = \"all 1.2s cubic-bezier(0.19, 1, 0.22, 1)\";\n    img.style.filter = \"drop-shadow(0 0 20px var(--primary))\";\n    \n    document.body.appendChild(img);\n\n    requestAnimationFrame(() => {\n        img.style.top = \"-200px\";\n        img.style.left = `${x + (Math.random() - 0.5) * 400}px`;\n        img.style.transform = \"translate(-50%, -50%) rotate(720deg) scale(0)\";\n        img.style.opacity = \"0\";\n    });\n\n    setTimeout(() => img.remove(), 1300);\n}\n\nfunction emojiRain(emoji) {\n    for (let i = 0; i < 15; i++) {\n        const e = document.createElement(\"div\");\n        e.innerHTML = emoji;\n        e.className = \"particle\";\n        e.style.left = Math.random() * window.innerWidth + \"px\";\n        e.style.bottom = \"-50px\";\n        e.style.fontSize = (Math.random() * 20 + 20) + \"px\";\n        e.style.transition = `all ${Math.random() * 1 + 1.5}s cubic-bezier(0.25, 0.46, 0.45, 0.94)`;\n        e.style.opacity = \"1\";\n        \n        document.body.appendChild(e);\n\n        requestAnimationFrame(() => {\n            const drift = (Math.random() - 0.5) * 200;\n            e.style.transform = `translate(${drift}px, -110vh) rotate(${Math.random() * 360}deg)`;\n            e.style.opacity = \"0\";\n        });\n\n        setTimeout(() => e.remove(), 2500);\n    }\n}\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>About LightBear Software | Cinematic Experience About LightBear Software LightBear Software creates uplifting games and educational experiences that inspire creativity, learning, and fun for all ages. Meet The Team Brian Wilmeth CEO \u2022 Founder Founder of LightBear Software and creative director guiding the studio vision. Heather Brown Game Prototype Developer Creates prototypes and visual game &#8230; <a title=\"OH JUST EXAMPLE I LOVE CATS\" class=\"read-more\" href=\"https:\/\/lightbearsoftware.com\/index.php\/cats-love\/\">Read more<span class=\"screen-reader-text\">OH JUST EXAMPLE I LOVE CATS<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-549","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/pages\/549","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/comments?post=549"}],"version-history":[{"count":4,"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/pages\/549\/revisions"}],"predecessor-version":[{"id":576,"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/pages\/549\/revisions\/576"}],"wp:attachment":[{"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/media?parent=549"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}