Glow Up - Bient\u00f4t Disponible<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;700;900&family=Roboto+Mono:wght@700&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --bg-primary-dark: #121212;\n --bg-secondary-dark: #1E1E1E;\n --text-primary-dark: #E0E0E0;\n --text-secondary-dark: #A0A0A0;\n --accent-pink-dark: #FF007A;\n --accent-purple-dark: #9D00FF;\n --accent-blue-dark: #00E0FF;\n --glow-color-dark: rgba(255, 0, 122, 0.55);\n\n --bg-primary-light: #F5F5F7;\n --text-primary-light: #18181B;\n --text-secondary-light: #52525B;\n --accent-pink-light: #E6006E;\n --accent-purple-light: #8A00E6;\n --accent-blue-light: #00C4E6;\n --glow-color-light: rgba(230, 0, 110, 0.4);\n\n --transition-theme: background-color 0.3s ease, color 0.3s ease;\n }\n\n html, body {\n height: 100%;\n width: 100%;\n margin: 0;\n padding: 0;\n overflow: hidden; \n }\n body {\n font-family: 'Inter', sans-serif;\n background-color: var(--bg-primary-dark);\n color: var(--text-primary-dark);\n transition: var(--transition-theme);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n html.light-mode body {\n background-color: var(--bg-primary-light);\n color: var(--text-primary-light);\n }\n\n \/* Animations *\/\n @keyframes fadeInFromBottom {\n from { opacity: 0; transform: translateY(15px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .fade-in {\n opacity: 0;\n animation: fadeInFromBottom 0.8s ease-out forwards;\n }\n @keyframes pulseGlow {\n 0%, 100% {\n transform: scale(1);\n filter: drop-shadow(0 0 10px var(--glow-color-dark));\n }\n 50% {\n transform: scale(1.05);\n filter: drop-shadow(0 0 25px var(--glow-color-dark));\n }\n }\n html.light-mode .pulsing-logo {\n animation-name: pulseGlowLight;\n }\n @keyframes pulseGlowLight {\n 0%, 100% {\n transform: scale(1);\n filter: drop-shadow(0 0 8px var(--glow-color-light));\n }\n 50% {\n transform: scale(1.05);\n filter: drop-shadow(0 0 20px var(--glow-color-light));\n }\n }\n .pulsing-logo {\n animation: pulseGlow 4s infinite ease-in-out;\n }\n\n \/* Conteneur du jeu et \u00e9cran de fin *\/\n #game-wrapper {\n position: relative;\n }\n #game-over-screen {\n position: absolute;\n top: 0; left: 0; width: 100%; height: 100%;\n background-color: rgba(18, 18, 18, 0.85);\n backdrop-filter: blur(5px);\n border-radius: 0.5rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n transition: opacity 0.5s ease;\n opacity: 0;\n pointer-events: none;\n }\n html.light-mode #game-over-screen {\n background-color: rgba(245, 245, 247, 0.85);\n }\n #game-over-screen.visible {\n opacity: 1;\n pointer-events: all;\n }\n\n #pongCanvas {\n background-color: var(--bg-secondary-dark);\n border-radius: 0.5rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.3);\n transition: var(--transition-theme);\n cursor: none; \n touch-action: none;\n }\n html.light-mode #pongCanvas {\n background-color: var(--bg-secondary-light);\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n }\n \n .theme-toggle-button {\n position: absolute;\n top: 1rem;\n right: 1rem;\n background-color: rgba(30,30,30,0.5);\n color: var(--text-primary-dark);\n border: 1px solid transparent;\n transition: var(--transition-theme), transform 0.2s ease;\n z-index: 3;\n }\n html.light-mode .theme-toggle-button {\n background-color: rgba(255,255,255,0.5);\n color: var(--text-primary-light);\n }\n .theme-toggle-button:hover {\n transform: scale(1.1);\n border-color: var(--accent-pink-dark);\n }\n html.light-mode .theme-toggle-button:hover {\n border-color: var(--accent-pink-light);\n }\n \n .social-icon {\n width: 40px;\n height: 40px;\n border-radius: 9999px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-family: 'Inter', sans-serif;\n font-weight: 900;\n font-size: 1.1rem;\n border: 2px solid var(--text-secondary-dark);\n color: var(--text-secondary-dark);\n transition: transform 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\n }\n html.light-mode .social-icon {\n border-color: var(--text-secondary-light);\n color: var(--text-secondary-light);\n }\n a:hover .social-icon {\n transform: translateY(-4px) scale(1.1);\n }\n a:hover .social-icon-i { \n color: var(--accent-pink-dark); \n border-color: var(--accent-pink-dark); \n box-shadow: 0 0 15px var(--glow-color-dark);\n }\n html.light-mode a:hover .social-icon-i { \n color: var(--accent-pink-light); \n border-color: var(--accent-pink-light);\n box-shadow: 0 0 15px var(--glow-color-light);\n }\n a:hover .social-icon-t { \n color: var(--accent-blue-dark); \n border-color: var(--accent-blue-dark); \n box-shadow: 0 0 15px rgba(0, 224, 255, 0.55);\n }\n html.light-mode a:hover .social-icon-t { \n color: var(--accent-blue-light); \n border-color: var(--accent-blue-light);\n box-shadow: 0 0 15px rgba(0, 196, 230, 0.4);\n }\n a:hover .social-icon-y { \n color: var(--accent-purple-dark); \n border-color: var(--accent-purple-dark); \n box-shadow: 0 0 15px rgba(157, 0, 255, 0.55);\n }\n html.light-mode a:hover .social-icon-y { \n color: var(--accent-purple-light); \n border-color: var(--accent-purple-light);\n box-shadow: 0 0 15px rgba(138, 0, 230, 0.4);\n }\n <\/style>\n<\/head>\n<body class=\"antialiased\">\n\n \n <button id=\"theme-toggle\" class=\"theme-toggle-button p-2 rounded-full z-10\">\n <svg id=\"theme-icon-sun\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 hidden\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm0 14a1 1 0 01-1 1v1a1 1 0 112 0v-1a1 1 0 01-1-1zm8-7a1 1 0 01-.293.707l-.009.009-.707.707a1 1 0 01-1.414-1.414l.707-.707.009-.009A1 1 0 0118 9zm-12.019 4.283a1 1 0 01-1.414-1.414l.707-.707.009-.009a1 1 0 111.414 1.414l-.707.707-.009.009zM10 4a6 6 0 100 12 6 6 0 000-12zM2.293 9.293a1 1 0 011.414 0l.707.707a1 1 0 11-1.414 1.414l-.707-.707a1 1 0 010-1.414zM13.707 2.293a1 1 0 010 1.414l-.707.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM6.293 13.707a1 1 0 011.414 0l.707.707a1 1 0 01-1.414 1.414l-.707-.707a1 1 0 010-1.414z\" clip-rule=\"evenodd\" \/><\/svg>\n <svg id=\"theme-icon-moon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path d=\"M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z\" \/><\/svg>\n <\/button>\n\n <main class=\"flex flex-col h-full w-full max-w-5xl p-4 sm:p-6 justify-center\">\n <header class=\"fade-in flex-shrink-0\" style=\"animation-delay: 0.2s;\">\n <a href=\"https:\/\/glowuproom.re\">\n <img alt=\"Logo Glow Up\" class=\"pulsing-logo h-12 sm:h-14 md:h-16 w-auto mx-auto lws-optimize-lazyload\" data-src=\"https:\/\/glowuproom.re\/wp-content\/uploads\/2025\/06\/Plan-de-travail-1_1.png\">\n <\/a>\n <\/header>\n\n <div class=\"my-4 text-center flex-shrink-0\">\n <h1 class=\"text-2xl sm:text-3xl md:text-4xl font-black fade-in\" style=\"animation-delay: 0.4s;\">Le <span class=\"text-theme-accent-pink\">Glow Up<\/span> arrive.<\/h1>\n <p class=\"text-sm md:text-base mt-2 max-w-lg mx-auto text-theme-secondary fade-in\" style=\"animation-delay: 0.6s;\">\n Le site est en pr\u00e9paration. En attendant, faites une partie !\n <\/p>\n <\/div>\n \n <div id=\"game-container\" class=\"w-full flex-grow flex items-center justify-center min-h-0 fade-in\" style=\"animation-delay: 0.8s;\">\n <div id=\"game-wrapper\" class=\"relative w-full h-full max-w-3xl\"> \n <canvas id=\"pongCanvas\"><\/canvas>\n <div id=\"game-over-screen\">\n <h2 id=\"winner-text\" class=\"text-4xl font-black mb-4\"><\/h2>\n <button id=\"restart-button\" class=\"px-6 py-2 rounded-lg font-semibold bg-pink-600 hover:bg-purple-600 text-white transition-colors\">Rejouer<\/button>\n <\/div>\n <\/div>\n <\/div>\n \n <footer class=\"fade-in mt-4 text-center flex-shrink-0\" style=\"animation-delay: 1s;\">\n <p class=\"text-sm text-theme-secondary mb-3\">Suivez l'aventure :<\/p>\n <div class=\"flex justify-center space-x-4\">\n <a href=\"https:\/\/instagram.com\/glowuproom.re\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Instagram\">\n <div class=\"social-icon social-icon-i\">I<\/div>\n <\/a>\n <a href=\"https:\/\/tiktok.com\/@glowuproom.re\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"TikTok\">\n <div class=\"social-icon social-icon-t\">T<\/div>\n <\/a>\n <a href=\"https:\/\/youtube.com\/GlowUpLaReunion\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"YouTube\">\n <div class=\"social-icon social-icon-y\">Y<\/div>\n <\/a>\n <\/div>\n <\/footer>\n <\/main>\n \n <script>\n \/\/ Theme Toggler\n const themeToggle = document.getElementById('theme-toggle');\n const htmlElement = document.documentElement;\n const sunIcon = document.getElementById('theme-icon-sun');\n const moonIcon = document.getElementById('theme-icon-moon');\n let currentTheme = localStorage.getItem('theme') || 'dark';\n\n function applyTheme(theme) {\n htmlElement.classList.toggle('light-mode', theme === 'light');\n if (sunIcon) sunIcon.classList.toggle('hidden', theme === 'dark');\n if (moonIcon) moonIcon.classList.toggle('hidden', theme === 'light');\n }\n\n applyTheme(currentTheme);\n\n if (themeToggle) {\n themeToggle.addEventListener('click', () => {\n currentTheme = htmlElement.classList.contains('light-mode') ? 'dark' : 'light';\n applyTheme(currentTheme);\n localStorage.setItem('theme', currentTheme);\n if(window.setGameColors) setGameColors();\n });\n }\n \n \/\/ --- Pong Game Logic ---\n const canvas = document.getElementById('pongCanvas');\n if (canvas) {\n const ctx = canvas.getContext('2d');\n const gameOverScreen = document.getElementById('game-over-screen');\n const winnerText = document.getElementById('winner-text');\n const restartButton = document.getElementById('restart-button');\n \n let gameColors = {};\n let ball, user, com, animationFrameId;\n const WINNING_SCORE = 5;\n\n function setGameColors() {\n const isLightMode = htmlElement.classList.contains('light-mode');\n const styles = getComputedStyle(document.documentElement);\n gameColors = {\n paddle: isLightMode ? styles.getPropertyValue('--accent-pink-light').trim() : styles.getPropertyValue('--accent-pink-dark').trim(),\n ball: isLightMode ? styles.getPropertyValue('--accent-purple-light').trim() : styles.getPropertyValue('--accent-purple-dark').trim(),\n net: isLightMode ? 'rgba(82, 82, 91, 0.2)' : 'rgba(160, 160, 160, 0.2)',\n score: isLightMode ? styles.getPropertyValue('--text-primary-light').trim() : styles.getPropertyValue('--text-primary-dark').trim(),\n hit: '#ffffff',\n };\n }\n \n function resizeCanvas() {\n const container = document.getElementById('game-wrapper');\n const aspectRatio = 16 \/ 9;\n \n const availableWidth = container.clientWidth;\n const availableHeight = container.clientHeight;\n\n let newWidth = availableWidth;\n let newHeight = newWidth \/ aspectRatio;\n\n if (newHeight > availableHeight) {\n newHeight = availableHeight;\n newWidth = newHeight * aspectRatio;\n }\n \n const dpr = window.devicePixelRatio || 1;\n canvas.width = newWidth * dpr;\n canvas.height = newHeight * dpr;\n ctx.scale(dpr, dpr);\n \n canvas.style.width = `${newWidth}px`;\n canvas.style.height = `${newHeight}px`;\n\n resetGameObjects();\n }\n \n function resetGameObjects() {\n const w = parseFloat(canvas.style.width);\n const h = parseFloat(canvas.style.height);\n const scaleFactor = w \/ 800;\n\n ball = {\n x: w \/ 2, y: h \/ 2, radius: Math.max(4, w * 0.012),\n velocityX: 5 * scaleFactor, velocityY: 5 * scaleFactor, speed: 7 * scaleFactor,\n trail: [],\n };\n user = {\n x: 10, y: (h - (h \/ 5)) \/ 2, width: Math.max(8, w * 0.0125),\n height: h \/ 5, score: 0, hit_timer: 0,\n };\n com = {\n x: w - (10 + user.width), y: (h - user.height) \/ 2, width: user.width,\n height: user.height, score: 0, hit_timer: 0,\n };\n }\n \n window.addEventListener('resize', resizeCanvas);\n \n function drawRect(x, y, w, h, color) { ctx.fillStyle = color; ctx.fillRect(x, y, w, h); }\n function drawArc(x, y, r, color) { ctx.fillStyle = color; ctx.beginPath(); ctx.arc(x, y, r, 0, Math.PI * 2, true); ctx.closePath(); ctx.fill(); }\n function drawNet() { const h = parseFloat(canvas.style.height); for (let i = 0; i <= h; i += 15) { drawRect(parseFloat(canvas.style.width) \/ 2 - 1, i, 2, 10, gameColors.net); } }\n function drawText(text, x, y, color) { const w = parseFloat(canvas.style.width); ctx.fillStyle = color; ctx.font = `700 ${w \/ 15}px \"Roboto Mono\"`; ctx.textAlign = 'center'; ctx.fillText(text, x, y); }\n\n function movePaddle(evt) {\n evt.preventDefault();\n let rect = canvas.getBoundingClientRect();\n let mouseY = (evt.clientY || (evt.touches && evt.touches[0].clientY)) - rect.top;\n \n user.y = (mouseY \/ rect.height) * parseFloat(canvas.style.height) - user.height \/ 2;\n \n if (user.y < 0) user.y = 0;\n if (user.y + user.height > parseFloat(canvas.style.height)) user.y = parseFloat(canvas.style.height) - user.height;\n }\n canvas.addEventListener(\"mousemove\", movePaddle);\n canvas.addEventListener(\"touchmove\", movePaddle, { passive: false });\n\n function collision(b, p) { return p.x < b.x + b.radius && p.x + p.width > b.x - b.radius && p.y < b.y + b.radius && p.y + p.height > b.y - b.radius; }\n\n function resetBall(serveDirection) {\n const w = parseFloat(canvas.style.width);\n const h = parseFloat(canvas.style.height);\n ball.x = w \/ 2;\n ball.y = h \/ 2;\n ball.speed = 7 * (w \/ 800); \n ball.velocityX = serveDirection * ball.speed * Math.cos(Math.PI\/4);\n ball.velocityY = ball.speed * Math.sin(Math.PI\/4);\n }\n\n function update() {\n if(!ball) return; \n\n if (user.score >= WINNING_SCORE || com.score >= WINNING_SCORE) {\n showGameOver();\n return;\n }\n\n ball.x += ball.velocityX;\n ball.y += ball.velocityY;\n\n com.y += (ball.y - (com.y + com.height \/ 2)) * 0.1;\n\n if (ball.y + ball.radius > parseFloat(canvas.style.height) || ball.y - ball.radius < 0) ball.velocityY = -ball.velocityY;\n\n let player = (ball.x < parseFloat(canvas.style.width) \/ 2) ? user : com;\n if (collision(ball, player)) {\n player.hit_timer = 10; \/\/ Trigger hit flash\n let collidePoint = (ball.y - (player.y + player.height \/ 2));\n collidePoint = collidePoint \/ (player.height \/ 2);\n let angleRad = (Math.PI \/ 4) * collidePoint;\n let direction = (ball.x < parseFloat(canvas.style.width) \/ 2) ? 1 : -1;\n ball.velocityX = direction * ball.speed * Math.cos(angleRad);\n ball.velocityY = ball.speed * Math.sin(angleRad);\n ball.speed += 0.2; \n }\n\n if (ball.x - ball.radius < 0) {\n com.score++; resetBall(1);\n } else if (ball.x + ball.radius > parseFloat(canvas.style.width)) {\n user.score++; resetBall(-1);\n }\n }\n\n function render() {\n const w = parseFloat(canvas.style.width);\n const h = parseFloat(canvas.style.height);\n ctx.clearRect(0, 0, w, h);\n drawNet();\n drawText(user.score, w \/ 4, h \/ 5, gameColors.score);\n drawText(com.score, 3 * w \/ 4, h \/ 5, gameColors.score);\n \n \/\/ Draw paddles with hit flash\n drawRect(user.x, user.y, user.width, user.height, user.hit_timer > 0 ? gameColors.hit : gameColors.paddle);\n drawRect(com.x, com.y, com.width, com.height, com.hit_timer > 0 ? gameColors.hit : gameColors.paddle);\n if (user.hit_timer > 0) user.hit_timer--;\n if (com.hit_timer > 0) com.hit_timer--;\n\n \/\/ Draw ball trail\n for(let i = 0; i < ball.trail.length; i++){\n ctx.fillStyle = gameColors.ball;\n ctx.globalAlpha = i \/ ball.trail.length * 0.5; \/\/ Fade out effect\n ctx.beginPath();\n ctx.arc(ball.trail[i].x, ball.trail[i].y, ball.radius * (i \/ ball.trail.length), 0, Math.PI * 2, false);\n ctx.fill();\n }\n ctx.globalAlpha = 1; \/\/ Reset alpha\n \n \/\/ Update trail\n ball.trail.push({x: ball.x, y: ball.y});\n if(ball.trail.length > 10) ball.trail.shift();\n\n \/\/ Draw ball\n drawArc(ball.x, ball.y, ball.radius, gameColors.ball);\n }\n\n function showGameOver() {\n cancelAnimationFrame(animationFrameId);\n winnerText.textContent = user.score >= WINNING_SCORE ? 'VOUS AVEZ GAGN\u00c9 !' : 'GAME OVER';\n gameOverScreen.classList.add('visible');\n }\n \n function startGame() {\n gameOverScreen.classList.remove('visible');\n resizeCanvas();\n if (animationFrameId) cancelAnimationFrame(animationFrameId);\n gameLoop();\n }\n\n function gameLoop() {\n update();\n render();\n animationFrameId = requestAnimationFrame(gameLoop);\n }\n\n restartButton.addEventListener('click', startGame);\n \n \/\/ Initial setup\n setGameColors();\n startGame();\n }\n <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Glow Up – Bient\u00f4t Disponible Le Glow Up arrive. Le site est en pr\u00e9paration. En attendant, faites une partie ! Rejouer Suivez l’aventure : I T Y<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-101","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Page Construction - Glow up<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/glowuproom.re\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Page Construction - Glow up\" \/>\n<meta property=\"og:description\" content=\"Glow Up – Bient\u00f4t Disponible Le Glow Up arrive. Le site est en pr\u00e9paration. En attendant, faites une partie ! Rejouer Suivez l’aventure : I T Y\" \/>\n<meta property=\"og:url\" content=\"https:\/\/glowuproom.re\/\" \/>\n<meta property=\"og:site_name\" content=\"Glow up\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-06T06:20:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/glowuproom.re\/wp-content\/uploads\/2025\/06\/Plan-de-travail-1_1.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/glowuproom.re\\\/\",\"url\":\"https:\\\/\\\/glowuproom.re\\\/\",\"name\":\"Page Construction - Glow up\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/glowuproom.re\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/glowuproom.re\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/glowuproom.re\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/glowuproom.re\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Plan-de-travail-1_1.png\",\"datePublished\":\"2025-06-06T05:05:07+00:00\",\"dateModified\":\"2025-06-06T06:20:36+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/glowuproom.re\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/glowuproom.re\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/glowuproom.re\\\/#primaryimage\",\"url\":\"https:\\\/\\\/glowuproom.re\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Plan-de-travail-1_1.png\",\"contentUrl\":\"https:\\\/\\\/glowuproom.re\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Plan-de-travail-1_1.png\",\"width\":2481,\"height\":1878},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/glowuproom.re\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/glowuproom.re\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Page Construction\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/glowuproom.re\\\/#website\",\"url\":\"https:\\\/\\\/glowuproom.re\\\/\",\"name\":\"Glow up\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/glowuproom.re\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"}]}<\/script>\n","yoast_head_json":{"title":"Page Construction - Glow up","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/glowuproom.re\/","og_locale":"fr_FR","og_type":"article","og_title":"Page Construction - Glow up","og_description":"Glow Up – Bient\u00f4t Disponible Le Glow Up arrive. Le site est en pr\u00e9paration. En attendant, faites une partie ! Rejouer Suivez l’aventure : I T Y","og_url":"https:\/\/glowuproom.re\/","og_site_name":"Glow up","article_modified_time":"2025-06-06T06:20:36+00:00","og_image":[{"url":"https:\/\/glowuproom.re\/wp-content\/uploads\/2025\/06\/Plan-de-travail-1_1.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/glowuproom.re\/","url":"https:\/\/glowuproom.re\/","name":"Page Construction - Glow up","isPartOf":{"@id":"https:\/\/glowuproom.re\/#website"},"primaryImageOfPage":{"@id":"https:\/\/glowuproom.re\/#primaryimage"},"image":{"@id":"https:\/\/glowuproom.re\/#primaryimage"},"thumbnailUrl":"https:\/\/glowuproom.re\/wp-content\/uploads\/2025\/06\/Plan-de-travail-1_1.png","datePublished":"2025-06-06T05:05:07+00:00","dateModified":"2025-06-06T06:20:36+00:00","breadcrumb":{"@id":"https:\/\/glowuproom.re\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/glowuproom.re\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/glowuproom.re\/#primaryimage","url":"https:\/\/glowuproom.re\/wp-content\/uploads\/2025\/06\/Plan-de-travail-1_1.png","contentUrl":"https:\/\/glowuproom.re\/wp-content\/uploads\/2025\/06\/Plan-de-travail-1_1.png","width":2481,"height":1878},{"@type":"BreadcrumbList","@id":"https:\/\/glowuproom.re\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/glowuproom.re\/"},{"@type":"ListItem","position":2,"name":"Page Construction"}]},{"@type":"WebSite","@id":"https:\/\/glowuproom.re\/#website","url":"https:\/\/glowuproom.re\/","name":"Glow up","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/glowuproom.re\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"_links":{"self":[{"href":"https:\/\/glowuproom.re\/index.php?rest_route=\/wp\/v2\/pages\/101","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/glowuproom.re\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/glowuproom.re\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/glowuproom.re\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/glowuproom.re\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=101"}],"version-history":[{"count":35,"href":"https:\/\/glowuproom.re\/index.php?rest_route=\/wp\/v2\/pages\/101\/revisions"}],"predecessor-version":[{"id":142,"href":"https:\/\/glowuproom.re\/index.php?rest_route=\/wp\/v2\/pages\/101\/revisions\/142"}],"wp:attachment":[{"href":"https:\/\/glowuproom.re\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n \n\n \n \n Glow Up - Bient\u00f4t Disponible<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;700;900&family=Roboto+Mono:wght@700&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --bg-primary-dark: #121212;\n --bg-secondary-dark: #1E1E1E;\n --text-primary-dark: #E0E0E0;\n --text-secondary-dark: #A0A0A0;\n --accent-pink-dark: #FF007A;\n --accent-purple-dark: #9D00FF;\n --accent-blue-dark: #00E0FF;\n --glow-color-dark: rgba(255, 0, 122, 0.55);\n\n --bg-primary-light: #F5F5F7;\n --text-primary-light: #18181B;\n --text-secondary-light: #52525B;\n --accent-pink-light: #E6006E;\n --accent-purple-light: #8A00E6;\n --accent-blue-light: #00C4E6;\n --glow-color-light: rgba(230, 0, 110, 0.4);\n\n --transition-theme: background-color 0.3s ease, color 0.3s ease;\n }\n\n html, body {\n height: 100%;\n width: 100%;\n margin: 0;\n padding: 0;\n overflow: hidden; \n }\n body {\n font-family: 'Inter', sans-serif;\n background-color: var(--bg-primary-dark);\n color: var(--text-primary-dark);\n transition: var(--transition-theme);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n html.light-mode body {\n background-color: var(--bg-primary-light);\n color: var(--text-primary-light);\n }\n\n \/* Animations *\/\n @keyframes fadeInFromBottom {\n from { opacity: 0; transform: translateY(15px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .fade-in {\n opacity: 0;\n animation: fadeInFromBottom 0.8s ease-out forwards;\n }\n @keyframes pulseGlow {\n 0%, 100% {\n transform: scale(1);\n filter: drop-shadow(0 0 10px var(--glow-color-dark));\n }\n 50% {\n transform: scale(1.05);\n filter: drop-shadow(0 0 25px var(--glow-color-dark));\n }\n }\n html.light-mode .pulsing-logo {\n animation-name: pulseGlowLight;\n }\n @keyframes pulseGlowLight {\n 0%, 100% {\n transform: scale(1);\n filter: drop-shadow(0 0 8px var(--glow-color-light));\n }\n 50% {\n transform: scale(1.05);\n filter: drop-shadow(0 0 20px var(--glow-color-light));\n }\n }\n .pulsing-logo {\n animation: pulseGlow 4s infinite ease-in-out;\n }\n\n \/* Conteneur du jeu et \u00e9cran de fin *\/\n #game-wrapper {\n position: relative;\n }\n #game-over-screen {\n position: absolute;\n top: 0; left: 0; width: 100%; height: 100%;\n background-color: rgba(18, 18, 18, 0.85);\n backdrop-filter: blur(5px);\n border-radius: 0.5rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n transition: opacity 0.5s ease;\n opacity: 0;\n pointer-events: none;\n }\n html.light-mode #game-over-screen {\n background-color: rgba(245, 245, 247, 0.85);\n }\n #game-over-screen.visible {\n opacity: 1;\n pointer-events: all;\n }\n\n #pongCanvas {\n background-color: var(--bg-secondary-dark);\n border-radius: 0.5rem;\n box-shadow: 0 10px 30px rgba(0,0,0,0.3);\n transition: var(--transition-theme);\n cursor: none; \n touch-action: none;\n }\n html.light-mode #pongCanvas {\n background-color: var(--bg-secondary-light);\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n }\n \n .theme-toggle-button {\n position: absolute;\n top: 1rem;\n right: 1rem;\n background-color: rgba(30,30,30,0.5);\n color: var(--text-primary-dark);\n border: 1px solid transparent;\n transition: var(--transition-theme), transform 0.2s ease;\n z-index: 3;\n }\n html.light-mode .theme-toggle-button {\n background-color: rgba(255,255,255,0.5);\n color: var(--text-primary-light);\n }\n .theme-toggle-button:hover {\n transform: scale(1.1);\n border-color: var(--accent-pink-dark);\n }\n html.light-mode .theme-toggle-button:hover {\n border-color: var(--accent-pink-light);\n }\n \n .social-icon {\n width: 40px;\n height: 40px;\n border-radius: 9999px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-family: 'Inter', sans-serif;\n font-weight: 900;\n font-size: 1.1rem;\n border: 2px solid var(--text-secondary-dark);\n color: var(--text-secondary-dark);\n transition: transform 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\n }\n html.light-mode .social-icon {\n border-color: var(--text-secondary-light);\n color: var(--text-secondary-light);\n }\n a:hover .social-icon {\n transform: translateY(-4px) scale(1.1);\n }\n a:hover .social-icon-i { \n color: var(--accent-pink-dark); \n border-color: var(--accent-pink-dark); \n box-shadow: 0 0 15px var(--glow-color-dark);\n }\n html.light-mode a:hover .social-icon-i { \n color: var(--accent-pink-light); \n border-color: var(--accent-pink-light);\n box-shadow: 0 0 15px var(--glow-color-light);\n }\n a:hover .social-icon-t { \n color: var(--accent-blue-dark); \n border-color: var(--accent-blue-dark); \n box-shadow: 0 0 15px rgba(0, 224, 255, 0.55);\n }\n html.light-mode a:hover .social-icon-t { \n color: var(--accent-blue-light); \n border-color: var(--accent-blue-light);\n box-shadow: 0 0 15px rgba(0, 196, 230, 0.4);\n }\n a:hover .social-icon-y { \n color: var(--accent-purple-dark); \n border-color: var(--accent-purple-dark); \n box-shadow: 0 0 15px rgba(157, 0, 255, 0.55);\n }\n html.light-mode a:hover .social-icon-y { \n color: var(--accent-purple-light); \n border-color: var(--accent-purple-light);\n box-shadow: 0 0 15px rgba(138, 0, 230, 0.4);\n }\n <\/style>\n<\/head>\n<body class=\"antialiased\">\n\n \n <button id=\"theme-toggle\" class=\"theme-toggle-button p-2 rounded-full z-10\">\n <svg id=\"theme-icon-sun\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 hidden\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm0 14a1 1 0 01-1 1v1a1 1 0 112 0v-1a1 1 0 01-1-1zm8-7a1 1 0 01-.293.707l-.009.009-.707.707a1 1 0 01-1.414-1.414l.707-.707.009-.009A1 1 0 0118 9zm-12.019 4.283a1 1 0 01-1.414-1.414l.707-.707.009-.009a1 1 0 111.414 1.414l-.707.707-.009.009zM10 4a6 6 0 100 12 6 6 0 000-12zM2.293 9.293a1 1 0 011.414 0l.707.707a1 1 0 11-1.414 1.414l-.707-.707a1 1 0 010-1.414zM13.707 2.293a1 1 0 010 1.414l-.707.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM6.293 13.707a1 1 0 011.414 0l.707.707a1 1 0 01-1.414 1.414l-.707-.707a1 1 0 010-1.414z\" clip-rule=\"evenodd\" \/><\/svg>\n <svg id=\"theme-icon-moon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path d=\"M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z\" \/><\/svg>\n <\/button>\n\n <main class=\"flex flex-col h-full w-full max-w-5xl p-4 sm:p-6 justify-center\">\n <header class=\"fade-in flex-shrink-0\" style=\"animation-delay: 0.2s;\">\n <a href=\"https:\/\/glowuproom.re\">\n <img alt=\"Logo Glow Up\" class=\"pulsing-logo h-12 sm:h-14 md:h-16 w-auto mx-auto lws-optimize-lazyload\" data-src=\"https:\/\/glowuproom.re\/wp-content\/uploads\/2025\/06\/Plan-de-travail-1_1.png\">\n <\/a>\n <\/header>\n\n <div class=\"my-4 text-center flex-shrink-0\">\n <h1 class=\"text-2xl sm:text-3xl md:text-4xl font-black fade-in\" style=\"animation-delay: 0.4s;\">Le <span class=\"text-theme-accent-pink\">Glow Up<\/span> arrive.<\/h1>\n <p class=\"text-sm md:text-base mt-2 max-w-lg mx-auto text-theme-secondary fade-in\" style=\"animation-delay: 0.6s;\">\n Le site est en pr\u00e9paration. En attendant, faites une partie !\n <\/p>\n <\/div>\n \n <div id=\"game-container\" class=\"w-full flex-grow flex items-center justify-center min-h-0 fade-in\" style=\"animation-delay: 0.8s;\">\n <div id=\"game-wrapper\" class=\"relative w-full h-full max-w-3xl\"> \n <canvas id=\"pongCanvas\"><\/canvas>\n <div id=\"game-over-screen\">\n <h2 id=\"winner-text\" class=\"text-4xl font-black mb-4\"><\/h2>\n <button id=\"restart-button\" class=\"px-6 py-2 rounded-lg font-semibold bg-pink-600 hover:bg-purple-600 text-white transition-colors\">Rejouer<\/button>\n <\/div>\n <\/div>\n <\/div>\n \n <footer class=\"fade-in mt-4 text-center flex-shrink-0\" style=\"animation-delay: 1s;\">\n <p class=\"text-sm text-theme-secondary mb-3\">Suivez l'aventure :<\/p>\n <div class=\"flex justify-center space-x-4\">\n <a href=\"https:\/\/instagram.com\/glowuproom.re\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Instagram\">\n <div class=\"social-icon social-icon-i\">I<\/div>\n <\/a>\n <a href=\"https:\/\/tiktok.com\/@glowuproom.re\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"TikTok\">\n <div class=\"social-icon social-icon-t\">T<\/div>\n <\/a>\n <a href=\"https:\/\/youtube.com\/GlowUpLaReunion\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"YouTube\">\n <div class=\"social-icon social-icon-y\">Y<\/div>\n <\/a>\n <\/div>\n <\/footer>\n <\/main>\n \n <script>\n \/\/ Theme Toggler\n const themeToggle = document.getElementById('theme-toggle');\n const htmlElement = document.documentElement;\n const sunIcon = document.getElementById('theme-icon-sun');\n const moonIcon = document.getElementById('theme-icon-moon');\n let currentTheme = localStorage.getItem('theme') || 'dark';\n\n function applyTheme(theme) {\n htmlElement.classList.toggle('light-mode', theme === 'light');\n if (sunIcon) sunIcon.classList.toggle('hidden', theme === 'dark');\n if (moonIcon) moonIcon.classList.toggle('hidden', theme === 'light');\n }\n\n applyTheme(currentTheme);\n\n if (themeToggle) {\n themeToggle.addEventListener('click', () => {\n currentTheme = htmlElement.classList.contains('light-mode') ? 'dark' : 'light';\n applyTheme(currentTheme);\n localStorage.setItem('theme', currentTheme);\n if(window.setGameColors) setGameColors();\n });\n }\n \n \/\/ --- Pong Game Logic ---\n const canvas = document.getElementById('pongCanvas');\n if (canvas) {\n const ctx = canvas.getContext('2d');\n const gameOverScreen = document.getElementById('game-over-screen');\n const winnerText = document.getElementById('winner-text');\n const restartButton = document.getElementById('restart-button');\n \n let gameColors = {};\n let ball, user, com, animationFrameId;\n const WINNING_SCORE = 5;\n\n function setGameColors() {\n const isLightMode = htmlElement.classList.contains('light-mode');\n const styles = getComputedStyle(document.documentElement);\n gameColors = {\n paddle: isLightMode ? styles.getPropertyValue('--accent-pink-light').trim() : styles.getPropertyValue('--accent-pink-dark').trim(),\n ball: isLightMode ? styles.getPropertyValue('--accent-purple-light').trim() : styles.getPropertyValue('--accent-purple-dark').trim(),\n net: isLightMode ? 'rgba(82, 82, 91, 0.2)' : 'rgba(160, 160, 160, 0.2)',\n score: isLightMode ? styles.getPropertyValue('--text-primary-light').trim() : styles.getPropertyValue('--text-primary-dark').trim(),\n hit: '#ffffff',\n };\n }\n \n function resizeCanvas() {\n const container = document.getElementById('game-wrapper');\n const aspectRatio = 16 \/ 9;\n \n const availableWidth = container.clientWidth;\n const availableHeight = container.clientHeight;\n\n let newWidth = availableWidth;\n let newHeight = newWidth \/ aspectRatio;\n\n if (newHeight > availableHeight) {\n newHeight = availableHeight;\n newWidth = newHeight * aspectRatio;\n }\n \n const dpr = window.devicePixelRatio || 1;\n canvas.width = newWidth * dpr;\n canvas.height = newHeight * dpr;\n ctx.scale(dpr, dpr);\n \n canvas.style.width = `${newWidth}px`;\n canvas.style.height = `${newHeight}px`;\n\n resetGameObjects();\n }\n \n function resetGameObjects() {\n const w = parseFloat(canvas.style.width);\n const h = parseFloat(canvas.style.height);\n const scaleFactor = w \/ 800;\n\n ball = {\n x: w \/ 2, y: h \/ 2, radius: Math.max(4, w * 0.012),\n velocityX: 5 * scaleFactor, velocityY: 5 * scaleFactor, speed: 7 * scaleFactor,\n trail: [],\n };\n user = {\n x: 10, y: (h - (h \/ 5)) \/ 2, width: Math.max(8, w * 0.0125),\n height: h \/ 5, score: 0, hit_timer: 0,\n };\n com = {\n x: w - (10 + user.width), y: (h - user.height) \/ 2, width: user.width,\n height: user.height, score: 0, hit_timer: 0,\n };\n }\n \n window.addEventListener('resize', resizeCanvas);\n \n function drawRect(x, y, w, h, color) { ctx.fillStyle = color; ctx.fillRect(x, y, w, h); }\n function drawArc(x, y, r, color) { ctx.fillStyle = color; ctx.beginPath(); ctx.arc(x, y, r, 0, Math.PI * 2, true); ctx.closePath(); ctx.fill(); }\n function drawNet() { const h = parseFloat(canvas.style.height); for (let i = 0; i <= h; i += 15) { drawRect(parseFloat(canvas.style.width) \/ 2 - 1, i, 2, 10, gameColors.net); } }\n function drawText(text, x, y, color) { const w = parseFloat(canvas.style.width); ctx.fillStyle = color; ctx.font = `700 ${w \/ 15}px \"Roboto Mono\"`; ctx.textAlign = 'center'; ctx.fillText(text, x, y); }\n\n function movePaddle(evt) {\n evt.preventDefault();\n let rect = canvas.getBoundingClientRect();\n let mouseY = (evt.clientY || (evt.touches && evt.touches[0].clientY)) - rect.top;\n \n user.y = (mouseY \/ rect.height) * parseFloat(canvas.style.height) - user.height \/ 2;\n \n if (user.y < 0) user.y = 0;\n if (user.y + user.height > parseFloat(canvas.style.height)) user.y = parseFloat(canvas.style.height) - user.height;\n }\n canvas.addEventListener(\"mousemove\", movePaddle);\n canvas.addEventListener(\"touchmove\", movePaddle, { passive: false });\n\n function collision(b, p) { return p.x < b.x + b.radius && p.x + p.width > b.x - b.radius && p.y < b.y + b.radius && p.y + p.height > b.y - b.radius; }\n\n function resetBall(serveDirection) {\n const w = parseFloat(canvas.style.width);\n const h = parseFloat(canvas.style.height);\n ball.x = w \/ 2;\n ball.y = h \/ 2;\n ball.speed = 7 * (w \/ 800); \n ball.velocityX = serveDirection * ball.speed * Math.cos(Math.PI\/4);\n ball.velocityY = ball.speed * Math.sin(Math.PI\/4);\n }\n\n function update() {\n if(!ball) return; \n\n if (user.score >= WINNING_SCORE || com.score >= WINNING_SCORE) {\n showGameOver();\n return;\n }\n\n ball.x += ball.velocityX;\n ball.y += ball.velocityY;\n\n com.y += (ball.y - (com.y + com.height \/ 2)) * 0.1;\n\n if (ball.y + ball.radius > parseFloat(canvas.style.height) || ball.y - ball.radius < 0) ball.velocityY = -ball.velocityY;\n\n let player = (ball.x < parseFloat(canvas.style.width) \/ 2) ? user : com;\n if (collision(ball, player)) {\n player.hit_timer = 10; \/\/ Trigger hit flash\n let collidePoint = (ball.y - (player.y + player.height \/ 2));\n collidePoint = collidePoint \/ (player.height \/ 2);\n let angleRad = (Math.PI \/ 4) * collidePoint;\n let direction = (ball.x < parseFloat(canvas.style.width) \/ 2) ? 1 : -1;\n ball.velocityX = direction * ball.speed * Math.cos(angleRad);\n ball.velocityY = ball.speed * Math.sin(angleRad);\n ball.speed += 0.2; \n }\n\n if (ball.x - ball.radius < 0) {\n com.score++; resetBall(1);\n } else if (ball.x + ball.radius > parseFloat(canvas.style.width)) {\n user.score++; resetBall(-1);\n }\n }\n\n function render() {\n const w = parseFloat(canvas.style.width);\n const h = parseFloat(canvas.style.height);\n ctx.clearRect(0, 0, w, h);\n drawNet();\n drawText(user.score, w \/ 4, h \/ 5, gameColors.score);\n drawText(com.score, 3 * w \/ 4, h \/ 5, gameColors.score);\n \n \/\/ Draw paddles with hit flash\n drawRect(user.x, user.y, user.width, user.height, user.hit_timer > 0 ? gameColors.hit : gameColors.paddle);\n drawRect(com.x, com.y, com.width, com.height, com.hit_timer > 0 ? gameColors.hit : gameColors.paddle);\n if (user.hit_timer > 0) user.hit_timer--;\n if (com.hit_timer > 0) com.hit_timer--;\n\n \/\/ Draw ball trail\n for(let i = 0; i < ball.trail.length; i++){\n ctx.fillStyle = gameColors.ball;\n ctx.globalAlpha = i \/ ball.trail.length * 0.5; \/\/ Fade out effect\n ctx.beginPath();\n ctx.arc(ball.trail[i].x, ball.trail[i].y, ball.radius * (i \/ ball.trail.length), 0, Math.PI * 2, false);\n ctx.fill();\n }\n ctx.globalAlpha = 1; \/\/ Reset alpha\n \n \/\/ Update trail\n ball.trail.push({x: ball.x, y: ball.y});\n if(ball.trail.length > 10) ball.trail.shift();\n\n \/\/ Draw ball\n drawArc(ball.x, ball.y, ball.radius, gameColors.ball);\n }\n\n function showGameOver() {\n cancelAnimationFrame(animationFrameId);\n winnerText.textContent = user.score >= WINNING_SCORE ? 'VOUS AVEZ GAGN\u00c9 !' : 'GAME OVER';\n gameOverScreen.classList.add('visible');\n }\n \n function startGame() {\n gameOverScreen.classList.remove('visible');\n resizeCanvas();\n if (animationFrameId) cancelAnimationFrame(animationFrameId);\n gameLoop();\n }\n\n function gameLoop() {\n update();\n render();\n animationFrameId = requestAnimationFrame(gameLoop);\n }\n\n restartButton.addEventListener('click', startGame);\n \n \/\/ Initial setup\n setGameColors();\n startGame();\n }\n <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Glow Up – Bient\u00f4t Disponible Le Glow Up arrive. Le site est en pr\u00e9paration. En attendant, faites une partie ! Rejouer Suivez l’aventure : I T Y<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-101","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Page Construction - Glow up<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/glowuproom.re\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Page Construction - Glow up\" \/>\n<meta property=\"og:description\" content=\"Glow Up – Bient\u00f4t Disponible Le Glow Up arrive. Le site est en pr\u00e9paration. En attendant, faites une partie ! Rejouer Suivez l’aventure : I T Y\" \/>\n<meta property=\"og:url\" content=\"https:\/\/glowuproom.re\/\" \/>\n<meta property=\"og:site_name\" content=\"Glow up\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-06T06:20:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/glowuproom.re\/wp-content\/uploads\/2025\/06\/Plan-de-travail-1_1.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/glowuproom.re\\\/\",\"url\":\"https:\\\/\\\/glowuproom.re\\\/\",\"name\":\"Page Construction - Glow up\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/glowuproom.re\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/glowuproom.re\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/glowuproom.re\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/glowuproom.re\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Plan-de-travail-1_1.png\",\"datePublished\":\"2025-06-06T05:05:07+00:00\",\"dateModified\":\"2025-06-06T06:20:36+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/glowuproom.re\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/glowuproom.re\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/glowuproom.re\\\/#primaryimage\",\"url\":\"https:\\\/\\\/glowuproom.re\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Plan-de-travail-1_1.png\",\"contentUrl\":\"https:\\\/\\\/glowuproom.re\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Plan-de-travail-1_1.png\",\"width\":2481,\"height\":1878},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/glowuproom.re\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/glowuproom.re\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Page Construction\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/glowuproom.re\\\/#website\",\"url\":\"https:\\\/\\\/glowuproom.re\\\/\",\"name\":\"Glow up\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/glowuproom.re\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"}]}<\/script>\n","yoast_head_json":{"title":"Page Construction - Glow up","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/glowuproom.re\/","og_locale":"fr_FR","og_type":"article","og_title":"Page Construction - Glow up","og_description":"Glow Up – Bient\u00f4t Disponible Le Glow Up arrive. Le site est en pr\u00e9paration. En attendant, faites une partie ! Rejouer Suivez l’aventure : I T Y","og_url":"https:\/\/glowuproom.re\/","og_site_name":"Glow up","article_modified_time":"2025-06-06T06:20:36+00:00","og_image":[{"url":"https:\/\/glowuproom.re\/wp-content\/uploads\/2025\/06\/Plan-de-travail-1_1.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/glowuproom.re\/","url":"https:\/\/glowuproom.re\/","name":"Page Construction - Glow up","isPartOf":{"@id":"https:\/\/glowuproom.re\/#website"},"primaryImageOfPage":{"@id":"https:\/\/glowuproom.re\/#primaryimage"},"image":{"@id":"https:\/\/glowuproom.re\/#primaryimage"},"thumbnailUrl":"https:\/\/glowuproom.re\/wp-content\/uploads\/2025\/06\/Plan-de-travail-1_1.png","datePublished":"2025-06-06T05:05:07+00:00","dateModified":"2025-06-06T06:20:36+00:00","breadcrumb":{"@id":"https:\/\/glowuproom.re\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/glowuproom.re\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/glowuproom.re\/#primaryimage","url":"https:\/\/glowuproom.re\/wp-content\/uploads\/2025\/06\/Plan-de-travail-1_1.png","contentUrl":"https:\/\/glowuproom.re\/wp-content\/uploads\/2025\/06\/Plan-de-travail-1_1.png","width":2481,"height":1878},{"@type":"BreadcrumbList","@id":"https:\/\/glowuproom.re\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/glowuproom.re\/"},{"@type":"ListItem","position":2,"name":"Page Construction"}]},{"@type":"WebSite","@id":"https:\/\/glowuproom.re\/#website","url":"https:\/\/glowuproom.re\/","name":"Glow up","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/glowuproom.re\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"_links":{"self":[{"href":"https:\/\/glowuproom.re\/index.php?rest_route=\/wp\/v2\/pages\/101","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/glowuproom.re\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/glowuproom.re\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/glowuproom.re\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/glowuproom.re\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=101"}],"version-history":[{"count":35,"href":"https:\/\/glowuproom.re\/index.php?rest_route=\/wp\/v2\/pages\/101\/revisions"}],"predecessor-version":[{"id":142,"href":"https:\/\/glowuproom.re\/index.php?rest_route=\/wp\/v2\/pages\/101\/revisions\/142"}],"wp:attachment":[{"href":"https:\/\/glowuproom.re\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}