{"id":298,"date":"2026-03-28T15:18:36","date_gmt":"2026-03-28T14:18:36","guid":{"rendered":"https:\/\/terrainconnu.fr\/?page_id=298"},"modified":"2026-03-30T17:13:35","modified_gmt":"2026-03-30T15:13:35","slug":"sport-au-hasard","status":"publish","type":"page","link":"https:\/\/terrainconnu.fr\/?page_id=298","title":{"rendered":"Sport Al\u00e9atoire"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\" id=\"hasard\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\">Lancez la roue pour d\u00e9couvrir un sport !<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">En faisant tourner la roue, partez \u00e0 la d\u00e9couverte de sport plus insolites les uns que les autres. <\/p>\n\n\n\n<p class=\"has-ast-global-color-0-color has-text-color has-link-color wp-elements-1 wp-block-paragraph\">Qui sait, vous trouverez peut-\u00eatre votre futur hobby !<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1.6.0\/dist\/confetti.browser.min.js\"><\/script>\n\n<script>\nfunction gtag_report_conversion(url) {\n  var callback = function () {\n    if (typeof(url) != 'undefined') {\n      window.location = url;\n    }\n  };\n  gtag('event', 'conversion', {\n      'send_to': 'AW-18008890432\/v8Z0CMyN0oYcEMC4p4tD',\n      'value': 1.0,\n      'currency': 'EUR',\n      'event_callback': callback\n  });\n  return false;\n}\n<\/script>\n\n<div class=\"wheel-section\">\n    <div class=\"wheel-container\">\n        <div class=\"pointer\"><\/div>\n        <canvas id=\"wheel\" width=\"400\" height=\"400\"><\/canvas>\n        <button class=\"spin-btn\" id=\"spinBtn\">Go!<\/button>\n    <\/div>\n\n    <div class=\"modal\" id=\"resultModal\">\n        <div class=\"modal-content\">\n            <span class=\"close-btn\" id=\"closeModal\">&times;<\/span>\n            <h2>R\u00e9sultat !<\/h2>\n            <h3 id=\"sportName\">Nom du sport<\/h3>\n            <p id=\"sportDesc\">Description du sport ici.<\/p>\n            <a href=\"#\" id=\"sportLink\" class=\"btn-decouvrir\">D\u00e9couvrir ce terrain<\/a>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    const sports = [\n        { name: [\"Hill Cheese\", \"Rolling\"],  color: \"#004E64\", desc: \"La course au fromage extr\u00eame !\", url: \"https:\/\/terrainconnu.fr\/?page_id=41\" },\n        { name: [\"Bossaball\"],               color: \"#FF6B35\", desc: \"M\u00e9lange explosif de volley, foot et trampoline.\", url: \"https:\/\/terrainconnu.fr\/?page_id=123\" },\n        { name: [\"Calcio\", \"Storico\"],       color: \"#25282A\", desc: \"Un m\u00e9lange explosif entre football, rugby et MMA.\", url: \"https:\/\/terrainconnu.fr\/?page_id=94\" },\n        { name: [\"Yaks Racing\"],             color: \"#004E64\", desc: \"Une course hors du commun sur des Yacks.\", url: \"https:\/\/terrainconnu.fr\/?page_id=98\" },\n        { name: [\"Ice Cross\", \"Downhill\"],   color: \"#FF6B35\", desc: \"Une course de descente impressionnante en patin \u00e0 glace.\", url: \"https:\/\/terrainconnu.fr\/?page_id=118\" },\n        { name: [\"Kabaddi\"],                 color: \"#25282A\", desc: \"Un sport de contact intense venu d'Asie du Sud.\", url: \"https:\/\/terrainconnu.fr\/?page_id=189\" },\n        { name: [\"Car-Jitsu\"],               color: \"#004E64\", desc: \"Du jiu-jitsu br\u00e9silien... dans une voiture !\", url: \"https:\/\/terrainconnu.fr\/?page_id=221\" },\n        { name: [\"Chase Tag\"],               color: \"#FF6B35\", desc: \"Du jeu du chat et de la souris version parkour.\", url: \"https:\/\/terrainconnu.fr\/?page_id=278\" },\n        { name: [\"Hornuss\"],                 color: \"#25282A\", desc: \"Le golf suisse ancestral au maillet g\u00e9ant.\", url: \"https:\/\/terrainconnu.fr\/?page_id=287\" },\n        { name: [\"Roll\", \"Ball\"],            color: \"#004E64\", desc: \"Un mix ultra-rapide entre basketball, handball et roller.\", url: \"https:\/\/terrainconnu.fr\/?page_id=435\" },\n        { name: [\"Underwater\", \"Hockey\"],    color: \"#FF6B35\", desc: \"Le hockey classique, mais en apn\u00e9e au fond de la piscine !\", url: \"https:\/\/terrainconnu.fr\/?page_id=442\" },\n        { name: [\"Hurling\"],                 color: \"#25282A\", desc: \"Strat\u00e9gie, balais et pr\u00e9cision millim\u00e9tr\u00e9e sur glace.\", url: \"https:\/\/terrainconnu.fr\/?page_id=446\" },\n        { name: [\"Sepak\", \"Takraw\"],         color: \"#004E64\", desc: \"Le volley-ball acrobatique spectaculaire qui se joue au pied.\", url: \"https:\/\/terrainconnu.fr\/?page_id=450\" },\n        { name: [\"Sambo\"],                   color: \"#FF6B35\", desc: \"L'art martial russe redoutable m\u00ealant lutte et judo.\", url: \"https:\/\/terrainconnu.fr\/?page_id=457\" },\n        { name: [\"Korfbal\"],                 color: \"#25282A\", desc: \"Le sport collectif mixte par excellence, cousin du basket.\", url: \"https:\/\/terrainconnu.fr\/?page_id=463\" },\n        { name: [\"Bobsleigh\"],               color: \"#FF6B35\", desc: \"Descente vertigineuse \u00e0 toute vitesse dans un tube de glace.\", url: \"https:\/\/terrainconnu.fr\/?page_id=467\" }\n    ];\n\n    const canvas = document.getElementById(\"wheel\");\n    if (!canvas) return;\n    const ctx = canvas.getContext(\"2d\");\n    const radius = canvas.width \/ 2;\n    const arc = Math.PI * 2 \/ sports.length;\n\n    function drawWheel() {\n        for (let i = 0; i < sports.length; i++) {\n            const angle = i * arc;\n\n            ctx.beginPath();\n            ctx.arc(radius, radius, radius, angle, angle + arc, false);\n            ctx.lineTo(radius, radius);\n            ctx.fillStyle = sports[i].color;\n            ctx.fill();\n            ctx.save();\n\n            const lines = sports[i].name;\n\n            ctx.translate(radius, radius);\n            ctx.rotate(angle + arc \/ 2);\n\n            ctx.fillStyle = \"#F7F9F9\";\n            ctx.font = \"bold 11px 'Inter', sans-serif\";\n            ctx.textAlign = \"right\";\n\n            if (lines.length === 1) {\n                ctx.fillText(lines[0], radius - 10, 4);\n            } else {\n                ctx.fillText(lines[0], radius - 10, -4);\n                ctx.fillText(lines[1], radius - 10, 12);\n            }\n\n            ctx.restore();\n        }\n    }\n    drawWheel();\n\n    let currentDeg = 0;\n    const spinBtn = document.getElementById(\"spinBtn\");\n    const modal = document.getElementById(\"resultModal\");\n\n    spinBtn.addEventListener(\"click\", () => {\n        gtag_report_conversion();\n        spinBtn.disabled = true;\n        const randomSpin = Math.floor(Math.random() * 360) + (360 * 5);\n        currentDeg += randomSpin;\n        canvas.style.transform = `rotate(${currentDeg}deg)`;\n    });\n\n    function feuDArtifice() {\n        const couleurs = ['#004E64', '#FF6B35', '#2EC4B6', '#FFD700', '#FF4500', '#00FF88'];\n\n        function tirer(x, y) {\n            confetti({\n                particleCount: 80,\n                startVelocity: 55,\n                spread: 360,\n                decay: 0.91,\n                scalar: 1.1,\n                ticks: 120,\n                origin: { x, y },\n                colors: couleurs,\n                zIndex: 10000\n            });\n        }\n\n        tirer(0.5, 0.35);\n        setTimeout(() => tirer(0.2, 0.25), 600);\n        setTimeout(() => tirer(0.8, 0.3),  900);\n        setTimeout(() => tirer(0.5, 0.2), 1400);\n        setTimeout(() => tirer(0.15, 0.4), 1900);\n        setTimeout(() => tirer(0.85, 0.2), 2300);\n        setTimeout(() => tirer(0.4, 0.15), 2700);\n        setTimeout(() => tirer(0.6, 0.35), 3100);\n        setTimeout(() => tirer(0.5, 0.25), 3600);\n        setTimeout(() => tirer(0.3, 0.2),  4000);\n        setTimeout(() => tirer(0.7, 0.3),  4300);\n    }\n\n    canvas.addEventListener(\"transitionend\", () => {\n        spinBtn.disabled = false;\n        const actualDeg = currentDeg % 360;\n        const winningAngle = (360 - actualDeg + 270) % 360;\n        const index = Math.floor(winningAngle \/ (360 \/ sports.length));\n        const winningSport = sports[index];\n\n        document.getElementById(\"sportName\").innerText = winningSport.name.join(\" \");\n        document.getElementById(\"sportDesc\").innerText = winningSport.desc;\n        document.getElementById(\"sportLink\").href = winningSport.url;\n\n        modal.classList.add(\"active\");\n        feuDArtifice();\n    });\n\n    document.getElementById(\"closeModal\").addEventListener(\"click\", () => {\n        modal.classList.remove(\"active\");\n    });\n});\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Lancez la roue pour d\u00e9couvrir un sport ! En faisant tourner la roue, partez \u00e0 la d\u00e9couverte de sport plus [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":352,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"tags":[],"class_list":["post-298","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/terrainconnu.fr\/index.php?rest_route=\/wp\/v2\/pages\/298","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/terrainconnu.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/terrainconnu.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/terrainconnu.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/terrainconnu.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=298"}],"version-history":[{"count":36,"href":"https:\/\/terrainconnu.fr\/index.php?rest_route=\/wp\/v2\/pages\/298\/revisions"}],"predecessor-version":[{"id":557,"href":"https:\/\/terrainconnu.fr\/index.php?rest_route=\/wp\/v2\/pages\/298\/revisions\/557"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/terrainconnu.fr\/index.php?rest_route=\/wp\/v2\/media\/352"}],"wp:attachment":[{"href":"https:\/\/terrainconnu.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=298"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/terrainconnu.fr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=298"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}