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 --bear-glow: rgba(0, 247, 255, 0.15);\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 body.modal-open { overflow: hidden; }\n\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: 70vh;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n padding: 100px 20px;\n }\n\n .hero-logo {\n width: 200px;\n filter: drop-shadow(0 0 30px var(--primary));\n animation: float 6s ease-in-out infinite;\n margin-bottom: 30px;\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0) rotate(0deg); }\n 50% { transform: translateY(-20px) rotate(3deg); }\n }\n\n .hero-title {\n font-size: clamp(2.5rem, 8vw, 4rem);\n font-weight: 900;\n background: linear-gradient(135deg, #fff 30%, var(--primary) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n margin-bottom: 15px;\n }\n\n \/* Team Grid *\/\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.6s cubic-bezier(0.16, 1, 0.3, 1);\n cursor: pointer;\n opacity: 0;\n transform: translateY(40px);\n }\n\n .card.visible { opacity: 1; transform: translateY(0); }\n\n .card:hover {\n background: rgba(255, 255, 255, 0.08);\n border-color: var(--primary);\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5), 0 0 20px rgba(0, 247, 255, 0.1);\n }\n\n .profile-img {\n width: 130px;\n height: 130px;\n border-radius: 50%;\n object-fit: cover;\n margin-bottom: 20px;\n border: 3px solid var(--bg-dark);\n box-shadow: 0 0 0 2px var(--primary);\n transition: 0.5s;\n }\n\n .card:hover .profile-img {\n box-shadow: 0 0 0 5px var(--primary);\n transform: rotate(5deg);\n }\n\n \/* POPUP MODAL *\/\n #profile-modal {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.9);\n backdrop-filter: blur(15px);\n z-index: 2000;\n display: none;\n justify-content: center;\n align-items: center;\n padding: 20px;\n opacity: 0;\n transition: opacity 0.5s ease;\n }\n\n #profile-modal.active { display: flex; opacity: 1; }\n\n .modal-content {\n background: linear-gradient(145deg, #0a0a1a, #10102a);\n border: 1px solid rgba(0, 247, 255, 0.3);\n max-width: 550px;\n width: 100%;\n border-radius: 35px;\n position: relative;\n padding: 50px 40px;\n text-align: center;\n box-shadow: 0 0 60px rgba(0, 247, 255, 0.2);\n \n \/* Entry Animation *\/\n transform: scale(0.5) translateY(100px) rotate(-10deg);\n transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);\n z-index: 2002;\n }\n\n #profile-modal.active .modal-content {\n transform: scale(1) translateY(0) rotate(0deg);\n }\n\n .modal-close {\n position: absolute;\n top: 25px;\n right: 25px;\n background: var(--glass);\n border: 1px solid var(--glass-border);\n color: white;\n width: 45px;\n height: 45px;\n border-radius: 50%;\n cursor: pointer;\n font-size: 24px;\n z-index: 10;\n }\n\n .modal-img {\n width: 180px;\n height: 180px;\n border-radius: 25px;\n object-fit: cover;\n margin-bottom: 25px;\n border: 2px solid var(--primary);\n transform: translateY(0);\n animation: modalImgFloat 4s ease-in-out infinite;\n }\n\n @keyframes modalImgFloat {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n }\n\n .modal-name {\n font-size: 2.5rem;\n margin-bottom: 5px;\n background: linear-gradient(to right, #fff, var(--primary));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n .modal-role {\n color: var(--primary);\n font-weight: bold;\n letter-spacing: 3px;\n text-transform: uppercase;\n font-size: 0.9rem;\n margin-bottom: 25px;\n }\n\n .modal-bio {\n font-size: 1.15rem;\n color: rgba(255, 255, 255, 0.9);\n line-height: 1.8;\n }\n\n \/* FLYING BEARS *\/\n .flying-bear {\n position: fixed;\n width: 80px;\n height: 80px;\n pointer-events: none;\n z-index: 2001;\n opacity: 0;\n filter: drop-shadow(0 0 15px var(--primary));\n transition: opacity 1s ease;\n }\n\n \/* Footer *\/\n .footer {\n padding: 60px 20px;\n text-align: center;\n border-top: 1px solid var(--glass-border);\n }\n\n .footer-text {\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 { to { background-position: 200% center; } }\n\n @media (max-width: 600px) {\n .modal-content { padding: 40px 20px; border-radius: 25px; }\n .modal-name { font-size: 1.8rem; }\n }\n <\/style>\n<\/head>\n<body>\n\n<canvas id=\"star-canvas\"><\/canvas>\n\n<div class=\"container\">\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 style=\"color: rgba(255,255,255,0.7)\">Click a team member to reveal their story…<\/p>\n <\/section>\n\n <section class=\"team\">\n <div class=\"team-grid\" id=\"team-container\"><\/div>\n <\/section>\n<\/div>\n\n\n<div id=\"profile-modal\">\n <div class=\"modal-content\">\n <button class=\"modal-close\" onclick=\"closeModal()\">×<\/button>\n <img decoding=\"async\" id=\"modal-img\" class=\"modal-img\" src=\"\" alt=\"Profile\">\n <h2 id=\"modal-name\" class=\"modal-name\"><\/h2>\n <div id=\"modal-role\" class=\"modal-role\"><\/div>\n <p id=\"modal-bio\" class=\"modal-bio\"><\/p>\n <\/div>\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>\nconst teamMembers = [\n {\n name: \"Brian Wilmeth\",\n role: \"CEO \u2022 Founder\",\n img: \"http:\/\/lightbearsoftware.com\/wp-content\/uploads\/2025\/03\/1743281632285.jpg\",\n bio: \"Founder of LightBear Software and creative director guiding the studio vision toward uplifting and innovative gaming experiences.\"\n },\n {\n name: \"Heather Brown\",\n role: \"Game Prototype Developer\",\n img: \"https:\/\/lightbearsoftware.com\/wp-content\/uploads\/2025\/10\/hbrown.png\",\n bio: \"An artist at heart, Heather specializes in bringing visual game concepts to life through rapid prototyping and conceptual design.\"\n },\n {\n name: \"Jerry Walton\",\n role: \"Game Developer\",\n img: \"http:\/\/lightbearsoftware.com\/wp-content\/uploads\/2026\/03\/jw_cedar_lake-1-scaled.jpg\",\n bio: \"Designs, builds, and maintains interactive games, collaborating on gameplay, graphics, and systems for engaging player experiences.\"\n },\n {\n name: \"Gregory Beaudoin\",\n role: \"Prototype Developer\",\n img: \"https:\/\/lightbearsoftware.com\/wp-content\/uploads\/2025\/10\/greg-507x1024.jpg\",\n bio: \"Gregory is the bridge between idea and reality, transforming mechanics into playable, polished demos that define the fun factor.\"\n },\n {\n name: \"Sofiane Ben\",\n role: \"Marketing & Promotion\",\n img: \"https:\/\/lightbearsoftware.com\/wp-content\/uploads\/2025\/10\/1732811261205_VishaCropImage-462x1024.jpg\",\n bio: \"The voice of LightBear, Sofiane builds community engagement and ensures our projects reach the players who will love them most.\"\n },\n {\n name: \"Nathan Juranek\",\n role: \"Gameplay Programmer\",\n img: \"https:\/\/lightbearsoftware.com\/wp-content\/uploads\/2025\/10\/FB_IMG_1760290744856-1013x1024.jpg\",\n bio: \"Nathan breathes life into our games through complex systems and seamless mechanics, ensuring every interaction feels perfect.\"\n },\n {\n name: \"Robert Chaney\",\n role: \"Developer\",\n img: \"https:\/\/lightbearsoftware.com\/wp-content\/uploads\/2025\/10\/T05TE6PDW01-U08MZHQNJRJ-5de7ffb72309-512.jpg\",\n bio: \"A multi-talented developer focused on cross-platform deployment and creating modular project structures.\"\n },\n {\n name: \"Gabrielle Pastore\",\n role: \"Outreach Coordinator\",\n img: \"https:\/\/lightbearsoftware.com\/wp-content\/uploads\/2026\/02\/gabs.webp\",\n bio: \"Gabrielle expands the LightBear universe by building partnerships and pitching our vision to the wider gaming industry.\"\n }\n];\n\nconst teamContainer = document.getElementById('team-container');\nconst modal = document.getElementById('profile-modal');\nconst bearUrl = \"http:\/\/lightbearsoftware.com\/wp-content\/uploads\/2026\/02\/download_imgupscaler.ai_Beta_2K-removebg-preview.png\";\n\nteamMembers.forEach((member, index) => {\n const card = document.createElement('div');\n card.className = 'card';\n card.style.transitionDelay = `${index * 0.05}s`;\n card.innerHTML = `\n <img decoding=\"async\" class=\"profile-img\" src=\"${member.img}\" alt=\"${member.name}\">\n <div class=\"name\" style=\"font-size: 1.3rem\">${member.name}<\/div>\n <div class=\"role\" style=\"font-size: 0.75rem\">${member.role}<\/div>\n `;\n card.onclick = () => openModal(member);\n teamContainer.appendChild(card);\n});\n\nlet bearInterval;\n\nfunction openModal(member) {\n document.getElementById('modal-img').src = member.img;\n document.getElementById('modal-name').innerText = member.name;\n document.getElementById('modal-role').innerText = member.role;\n document.getElementById('modal-bio').innerText = member.bio;\n \n modal.classList.add('active');\n document.body.classList.add('modal-open');\n \n startBearSwarm();\n}\n\nfunction closeModal() {\n modal.classList.remove('active');\n document.body.classList.remove('modal-open');\n stopBearSwarm();\n}\n\nfunction startBearSwarm() {\n \/\/ Spawn a bear every 800ms\n bearInterval = setInterval(spawnFlyingBear, 800);\n \/\/ Initial burst\n for(let i=0; i<5; i++) setTimeout(spawnFlyingBear, i * 200);\n}\n\nfunction stopBearSwarm() {\n clearInterval(bearInterval);\n document.querySelectorAll('.flying-bear').forEach(b => {\n b.style.opacity = '0';\n setTimeout(() => b.remove(), 1000);\n });\n}\n\nfunction spawnFlyingBear() {\n if (!modal.classList.contains('active')) return;\n\n const bear = document.createElement('img');\n bear.src = bearUrl;\n bear.className = 'flying-bear';\n \n const startX = Math.random() * window.innerWidth;\n const startY = window.innerHeight + 100;\n const endX = startX + (Math.random() - 0.5) * 400;\n const duration = 4000 + Math.random() * 4000;\n \n bear.style.left = startX + 'px';\n bear.style.top = startY + 'px';\n bear.style.transform = `scale(${0.5 + Math.random()}) rotate(${Math.random() * 30 - 15}deg)`;\n \n document.body.appendChild(bear);\n\n requestAnimationFrame(() => {\n bear.style.opacity = '0.4';\n bear.style.transition = `all ${duration}ms cubic-bezier(0.1, 0.2, 0.3, 1)`;\n bear.style.top = '-150px';\n bear.style.left = endX + 'px';\n bear.style.transform += ` rotate(${Math.random() * 360}deg)`;\n });\n\n setTimeout(() => bear.remove(), duration + 100);\n}\n\n\/\/ Background Stars\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}\nwindow.addEventListener('resize', resize);\nresize();\n\nclass Star {\n constructor() { this.reset(); }\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}\nfor(let i = 0; i < 150; i++) stars.push(new Star());\n\nfunction animate() {\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n stars.forEach(s => { s.update(); s.draw(); });\n requestAnimationFrame(animate);\n}\nanimate();\n\nconst observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) entry.target.classList.add('visible');\n });\n}, { threshold: 0.1 });\n\ndocument.querySelectorAll('.card').forEach(card => observer.observe(card));\n\nmodal.onclick = (e) => { if(e.target === modal) closeModal(); };\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>About LightBear Software | Cinematic Experience About LightBear Software Click a team member to reveal their story… × \u2728 Creating games that inspire, educate and uplift \u2728<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/pages\/7","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":42,"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":578,"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/578"}],"wp:attachment":[{"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":7,"date":"2023-04-24T12:44:00","date_gmt":"2023-04-24T11:44:00","guid":{"rendered":"https:\/\/lightbearsoftware.com\/?page_id=7"},"modified":"2026-03-09T19:50:08","modified_gmt":"2026-03-09T19:50:08","slug":"contact","status":"publish","type":"page","link":"https:\/\/lightbearsoftware.com\/index.php\/contact\/","title":{"rendered":"TEAM"},"content":{"rendered":"\n\n\n\n \n \n 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 --bear-glow: rgba(0, 247, 255, 0.15);\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 body.modal-open { overflow: hidden; }\n\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: 70vh;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n padding: 100px 20px;\n }\n\n .hero-logo {\n width: 200px;\n filter: drop-shadow(0 0 30px var(--primary));\n animation: float 6s ease-in-out infinite;\n margin-bottom: 30px;\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0) rotate(0deg); }\n 50% { transform: translateY(-20px) rotate(3deg); }\n }\n\n .hero-title {\n font-size: clamp(2.5rem, 8vw, 4rem);\n font-weight: 900;\n background: linear-gradient(135deg, #fff 30%, var(--primary) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n margin-bottom: 15px;\n }\n\n \/* Team Grid *\/\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.6s cubic-bezier(0.16, 1, 0.3, 1);\n cursor: pointer;\n opacity: 0;\n transform: translateY(40px);\n }\n\n .card.visible { opacity: 1; transform: translateY(0); }\n\n .card:hover {\n background: rgba(255, 255, 255, 0.08);\n border-color: var(--primary);\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5), 0 0 20px rgba(0, 247, 255, 0.1);\n }\n\n .profile-img {\n width: 130px;\n height: 130px;\n border-radius: 50%;\n object-fit: cover;\n margin-bottom: 20px;\n border: 3px solid var(--bg-dark);\n box-shadow: 0 0 0 2px var(--primary);\n transition: 0.5s;\n }\n\n .card:hover .profile-img {\n box-shadow: 0 0 0 5px var(--primary);\n transform: rotate(5deg);\n }\n\n \/* POPUP MODAL *\/\n #profile-modal {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.9);\n backdrop-filter: blur(15px);\n z-index: 2000;\n display: none;\n justify-content: center;\n align-items: center;\n padding: 20px;\n opacity: 0;\n transition: opacity 0.5s ease;\n }\n\n #profile-modal.active { display: flex; opacity: 1; }\n\n .modal-content {\n background: linear-gradient(145deg, #0a0a1a, #10102a);\n border: 1px solid rgba(0, 247, 255, 0.3);\n max-width: 550px;\n width: 100%;\n border-radius: 35px;\n position: relative;\n padding: 50px 40px;\n text-align: center;\n box-shadow: 0 0 60px rgba(0, 247, 255, 0.2);\n \n \/* Entry Animation *\/\n transform: scale(0.5) translateY(100px) rotate(-10deg);\n transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);\n z-index: 2002;\n }\n\n #profile-modal.active .modal-content {\n transform: scale(1) translateY(0) rotate(0deg);\n }\n\n .modal-close {\n position: absolute;\n top: 25px;\n right: 25px;\n background: var(--glass);\n border: 1px solid var(--glass-border);\n color: white;\n width: 45px;\n height: 45px;\n border-radius: 50%;\n cursor: pointer;\n font-size: 24px;\n z-index: 10;\n }\n\n .modal-img {\n width: 180px;\n height: 180px;\n border-radius: 25px;\n object-fit: cover;\n margin-bottom: 25px;\n border: 2px solid var(--primary);\n transform: translateY(0);\n animation: modalImgFloat 4s ease-in-out infinite;\n }\n\n @keyframes modalImgFloat {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n }\n\n .modal-name {\n font-size: 2.5rem;\n margin-bottom: 5px;\n background: linear-gradient(to right, #fff, var(--primary));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n .modal-role {\n color: var(--primary);\n font-weight: bold;\n letter-spacing: 3px;\n text-transform: uppercase;\n font-size: 0.9rem;\n margin-bottom: 25px;\n }\n\n .modal-bio {\n font-size: 1.15rem;\n color: rgba(255, 255, 255, 0.9);\n line-height: 1.8;\n }\n\n \/* FLYING BEARS *\/\n .flying-bear {\n position: fixed;\n width: 80px;\n height: 80px;\n pointer-events: none;\n z-index: 2001;\n opacity: 0;\n filter: drop-shadow(0 0 15px var(--primary));\n transition: opacity 1s ease;\n }\n\n \/* Footer *\/\n .footer {\n padding: 60px 20px;\n text-align: center;\n border-top: 1px solid var(--glass-border);\n }\n\n .footer-text {\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 { to { background-position: 200% center; } }\n\n @media (max-width: 600px) {\n .modal-content { padding: 40px 20px; border-radius: 25px; }\n .modal-name { font-size: 1.8rem; }\n }\n <\/style>\n<\/head>\n<body>\n\n<canvas id=\"star-canvas\"><\/canvas>\n\n<div class=\"container\">\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 style=\"color: rgba(255,255,255,0.7)\">Click a team member to reveal their story…<\/p>\n <\/section>\n\n <section class=\"team\">\n <div class=\"team-grid\" id=\"team-container\"><\/div>\n <\/section>\n<\/div>\n\n\n<div id=\"profile-modal\">\n <div class=\"modal-content\">\n <button class=\"modal-close\" onclick=\"closeModal()\">×<\/button>\n <img decoding=\"async\" id=\"modal-img\" class=\"modal-img\" src=\"\" alt=\"Profile\">\n <h2 id=\"modal-name\" class=\"modal-name\"><\/h2>\n <div id=\"modal-role\" class=\"modal-role\"><\/div>\n <p id=\"modal-bio\" class=\"modal-bio\"><\/p>\n <\/div>\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>\nconst teamMembers = [\n {\n name: \"Brian Wilmeth\",\n role: \"CEO \u2022 Founder\",\n img: \"http:\/\/lightbearsoftware.com\/wp-content\/uploads\/2025\/03\/1743281632285.jpg\",\n bio: \"Founder of LightBear Software and creative director guiding the studio vision toward uplifting and innovative gaming experiences.\"\n },\n {\n name: \"Heather Brown\",\n role: \"Game Prototype Developer\",\n img: \"https:\/\/lightbearsoftware.com\/wp-content\/uploads\/2025\/10\/hbrown.png\",\n bio: \"An artist at heart, Heather specializes in bringing visual game concepts to life through rapid prototyping and conceptual design.\"\n },\n {\n name: \"Jerry Walton\",\n role: \"Game Developer\",\n img: \"http:\/\/lightbearsoftware.com\/wp-content\/uploads\/2026\/03\/jw_cedar_lake-1-scaled.jpg\",\n bio: \"Designs, builds, and maintains interactive games, collaborating on gameplay, graphics, and systems for engaging player experiences.\"\n },\n {\n name: \"Gregory Beaudoin\",\n role: \"Prototype Developer\",\n img: \"https:\/\/lightbearsoftware.com\/wp-content\/uploads\/2025\/10\/greg-507x1024.jpg\",\n bio: \"Gregory is the bridge between idea and reality, transforming mechanics into playable, polished demos that define the fun factor.\"\n },\n {\n name: \"Sofiane Ben\",\n role: \"Marketing & Promotion\",\n img: \"https:\/\/lightbearsoftware.com\/wp-content\/uploads\/2025\/10\/1732811261205_VishaCropImage-462x1024.jpg\",\n bio: \"The voice of LightBear, Sofiane builds community engagement and ensures our projects reach the players who will love them most.\"\n },\n {\n name: \"Nathan Juranek\",\n role: \"Gameplay Programmer\",\n img: \"https:\/\/lightbearsoftware.com\/wp-content\/uploads\/2025\/10\/FB_IMG_1760290744856-1013x1024.jpg\",\n bio: \"Nathan breathes life into our games through complex systems and seamless mechanics, ensuring every interaction feels perfect.\"\n },\n {\n name: \"Robert Chaney\",\n role: \"Developer\",\n img: \"https:\/\/lightbearsoftware.com\/wp-content\/uploads\/2025\/10\/T05TE6PDW01-U08MZHQNJRJ-5de7ffb72309-512.jpg\",\n bio: \"A multi-talented developer focused on cross-platform deployment and creating modular project structures.\"\n },\n {\n name: \"Gabrielle Pastore\",\n role: \"Outreach Coordinator\",\n img: \"https:\/\/lightbearsoftware.com\/wp-content\/uploads\/2026\/02\/gabs.webp\",\n bio: \"Gabrielle expands the LightBear universe by building partnerships and pitching our vision to the wider gaming industry.\"\n }\n];\n\nconst teamContainer = document.getElementById('team-container');\nconst modal = document.getElementById('profile-modal');\nconst bearUrl = \"http:\/\/lightbearsoftware.com\/wp-content\/uploads\/2026\/02\/download_imgupscaler.ai_Beta_2K-removebg-preview.png\";\n\nteamMembers.forEach((member, index) => {\n const card = document.createElement('div');\n card.className = 'card';\n card.style.transitionDelay = `${index * 0.05}s`;\n card.innerHTML = `\n <img decoding=\"async\" class=\"profile-img\" src=\"${member.img}\" alt=\"${member.name}\">\n <div class=\"name\" style=\"font-size: 1.3rem\">${member.name}<\/div>\n <div class=\"role\" style=\"font-size: 0.75rem\">${member.role}<\/div>\n `;\n card.onclick = () => openModal(member);\n teamContainer.appendChild(card);\n});\n\nlet bearInterval;\n\nfunction openModal(member) {\n document.getElementById('modal-img').src = member.img;\n document.getElementById('modal-name').innerText = member.name;\n document.getElementById('modal-role').innerText = member.role;\n document.getElementById('modal-bio').innerText = member.bio;\n \n modal.classList.add('active');\n document.body.classList.add('modal-open');\n \n startBearSwarm();\n}\n\nfunction closeModal() {\n modal.classList.remove('active');\n document.body.classList.remove('modal-open');\n stopBearSwarm();\n}\n\nfunction startBearSwarm() {\n \/\/ Spawn a bear every 800ms\n bearInterval = setInterval(spawnFlyingBear, 800);\n \/\/ Initial burst\n for(let i=0; i<5; i++) setTimeout(spawnFlyingBear, i * 200);\n}\n\nfunction stopBearSwarm() {\n clearInterval(bearInterval);\n document.querySelectorAll('.flying-bear').forEach(b => {\n b.style.opacity = '0';\n setTimeout(() => b.remove(), 1000);\n });\n}\n\nfunction spawnFlyingBear() {\n if (!modal.classList.contains('active')) return;\n\n const bear = document.createElement('img');\n bear.src = bearUrl;\n bear.className = 'flying-bear';\n \n const startX = Math.random() * window.innerWidth;\n const startY = window.innerHeight + 100;\n const endX = startX + (Math.random() - 0.5) * 400;\n const duration = 4000 + Math.random() * 4000;\n \n bear.style.left = startX + 'px';\n bear.style.top = startY + 'px';\n bear.style.transform = `scale(${0.5 + Math.random()}) rotate(${Math.random() * 30 - 15}deg)`;\n \n document.body.appendChild(bear);\n\n requestAnimationFrame(() => {\n bear.style.opacity = '0.4';\n bear.style.transition = `all ${duration}ms cubic-bezier(0.1, 0.2, 0.3, 1)`;\n bear.style.top = '-150px';\n bear.style.left = endX + 'px';\n bear.style.transform += ` rotate(${Math.random() * 360}deg)`;\n });\n\n setTimeout(() => bear.remove(), duration + 100);\n}\n\n\/\/ Background Stars\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}\nwindow.addEventListener('resize', resize);\nresize();\n\nclass Star {\n constructor() { this.reset(); }\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}\nfor(let i = 0; i < 150; i++) stars.push(new Star());\n\nfunction animate() {\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n stars.forEach(s => { s.update(); s.draw(); });\n requestAnimationFrame(animate);\n}\nanimate();\n\nconst observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) entry.target.classList.add('visible');\n });\n}, { threshold: 0.1 });\n\ndocument.querySelectorAll('.card').forEach(card => observer.observe(card));\n\nmodal.onclick = (e) => { if(e.target === modal) closeModal(); };\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>About LightBear Software | Cinematic Experience About LightBear Software Click a team member to reveal their story… × \u2728 Creating games that inspire, educate and uplift \u2728<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/pages\/7","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":42,"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":578,"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/578"}],"wp:attachment":[{"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}