Two Birds One Stoned - \u00c9ducation Cannabis Bas\u00e9e sur les Preuves & Science<\/title>\n <meta name=\"description\" content=\"Briser le stigmate du cannabis par l'\u00e9ducation scientifique. Apprenez sur le syst\u00e8me endocannabino\u00efde, la recherche m\u00e9dicale et les faits cannabis bas\u00e9s sur les preuves sans le battage.\">\n \n \n <link rel=\"canonical\" href=\"https:\/\/twobirdsonestoned.co\/\">\n \n \n <meta property=\"og:type\" content=\"website\">\n <meta property=\"og:url\" content=\"https:\/\/twobirdsonestoned.co\/\">\n <meta property=\"og:title\" content=\"Two Birds One Stoned - \u00c9ducation Cannabis Bas\u00e9e sur les Preuves\">\n <meta property=\"og:description\" content=\"Briser le stigmate du cannabis par l'\u00e9ducation scientifique. Apprenez sur le syst\u00e8me endocannabino\u00efde, la recherche m\u00e9dicale et les faits cannabis bas\u00e9s sur les preuves.\">\n <meta property=\"og:image\" content=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/Logo-4-1.png\">\n <meta property=\"og:image:width\" content=\"1200\">\n <meta property=\"og:image:height\" content=\"630\">\n <meta property=\"og:site_name\" content=\"Two Birds One Stoned\">\n <meta property=\"og:locale\" content=\"en_US\">\n \n \n <meta property=\"twitter:card\" content=\"summary_large_image\">\n <meta property=\"twitter:url\" content=\"https:\/\/twobirdsonestoned.co\/\">\n <meta property=\"twitter:title\" content=\"Two Birds One Stoned - Evidence-Based Cannabis Education\">\n <meta property=\"twitter:description\" content=\"Breaking cannabis stigma through science-backed education. Learn about the endocannabinoid system, medicinal research, and evidence-based facts.\">\n <meta property=\"twitter:image\" content=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/Logo-4-1.png\">\n \n \n <meta name=\"author\" content=\"James Gallagher\">\n <meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\">\n <meta name=\"theme-color\" content=\"#4CAF50\">\n <meta name=\"msapplication-TileColor\" content=\"#1d1d1d\">\n \n \n <meta name=\"keywords\" content=\"cannabis education, endocannabinoid system, medical cannabis research, cannabis science, hemp education, CBD research, cannabis stigma, evidence-based cannabis, medicinal cannabis, cannabis facts, cannabis health, cannabis studies\">\n \n \n <meta http-equiv=\"content-language\" content=\"en-US\">\n \n \n <script type=\"application\/ld+json\">{\n \"@context\": \"https:\\\/\\\/schema.org\",\n \"@type\": \"Organization\",\n \"name\": \"Two Birds One Stoned\",\n \"url\": \"https:\\\/\\\/twobirdsonestoned.co\",\n \"logo\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Logo-4-1.png\",\n \"description\": \"Cannabis education platform focused on evidence-based content, scientific research, and breaking stigma through honest education.\",\n \"founder\": {\n \"@type\": \"Person\",\n \"name\": \"James Gallagher\"\n },\n \"sameAs\": [\n \"https:\\\/\\\/www.youtube.com\\\/@TwoBirds1Stoned\",\n \"https:\\\/\\\/open.spotify.com\\\/show\\\/7D7FmCLeLaUlMNrQUUkZLH\"\n ],\n \"knowsAbout\": [\n \"Cannabis Education\",\n \"Endocannabinoid System\",\n \"Medical Cannabis Research\",\n \"Cannabis Science\",\n \"Hemp Education\"\n ]\n}<\/script>\n \n \n <script type=\"application\/ld+json\">{\n \"@context\": \"https:\\\/\\\/schema.org\",\n \"@type\": \"WebSite\",\n \"name\": \"Two Birds One Stoned\",\n \"url\": \"https:\\\/\\\/twobirdsonestoned.co\",\n \"description\": \"Evidence-based cannabis education platform breaking stigma through science and honest conversation.\",\n \"publisher\": {\n \"@type\": \"Organization\",\n \"name\": \"Two Birds One Stoned\"\n },\n \"potentialAction\": {\n \"@type\": \"SearchAction\",\n \"target\": \"https:\\\/\\\/twobirdsonestoned.co\\\/search?q={search_term_string}\",\n \"query-input\": \"required name=search_term_string\"\n }\n}<\/script>\n \n \n <script type=\"application\/ld+json\">{\n \"@context\": \"https:\\\/\\\/schema.org\",\n \"@type\": \"EducationalOrganization\",\n \"name\": \"Two Birds One Stoned\",\n \"url\": \"https:\\\/\\\/twobirdsonestoned.co\",\n \"description\": \"Educational platform providing evidence-based cannabis information, scientific research, and stigma-free education.\",\n \"educationalCredentialAwarded\": \"Cannabis Education Certificate\",\n \"hasCredential\": \"Science-based Cannabis Education\",\n \"teaches\": [\n \"Endocannabinoid System\",\n \"Cannabis Science\",\n \"Medical Cannabis Research\",\n \"Hemp Education\",\n \"Cannabis Policy\"\n ]\n}<\/script>\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link rel=\"preconnect\" href=\"https:\/\/www.youtube.com\">\n <link rel=\"preconnect\" href=\"https:\/\/open.spotify.com\">\n \n \n <link rel=\"dns-prefetch\" href=\"\/\/fonts.googleapis.com\">\n <link rel=\"dns-prefetch\" href=\"\/\/www.youtube.com\">\n <link rel=\"dns-prefetch\" href=\"\/\/open.spotify.com\">\n \n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700&display=swap\" rel=\"stylesheet\">\n \n \n <link rel=\"icon\" type=\"image\/x-icon\" href=\"\/favicon.ico\">\n <link rel=\"icon\" type=\"image\/png\" sizes=\"32x32\" href=\"\/favicon-32x32.png\">\n <link rel=\"icon\" type=\"image\/png\" sizes=\"16x16\" href=\"\/favicon-16x16.png\">\n <link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"\/apple-touch-icon.png\">\n \n \n <meta http-equiv=\"X-Content-Type-Options\" content=\"nosniff\">\n <meta http-equiv=\"X-Frame-Options\" content=\"SAMEORIGIN\">\n <meta http-equiv=\"X-XSS-Protection\" content=\"1; mode=block\">\n <meta name=\"referrer\" content=\"strict-origin-when-cross-origin\">\n \n <style>\n \/* Reset and base styles *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html {\n background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%);\n width: 100%;\n min-height: 100vh;\n margin: 0;\n padding: 0;\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%);\n color: #fff;\n width: 100%;\n min-height: 100vh;\n margin: 0;\n padding: 0;\n }\n\n \/* HOMEPAGE SECTION - UPDATED TO MATCH ARTICLE PAGE SPACING *\/\n .tbos-homepage {\n background: transparent;\n margin: 0;\n min-height: 100vh;\n width: 100%;\n padding: 0;\n position: relative;\n padding-top: 150px; \/* UPDATED FROM 50px TO MATCH ARTICLE PAGE *\/\n padding-bottom: 4rem;\n }\n\n \/* Container *\/\n .tbos-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 2rem;\n width: 100%;\n }\n\n \/* SECTION BREAKS - Clean tapered line design *\/\n .section-break {\n margin: 6rem auto;\n position: relative;\n height: 3px;\n max-width: 500px;\n background: linear-gradient(90deg, \n transparent 0%, \n rgba(156,175,136,0.1) 10%, \n rgba(156,175,136,0.3) 25%, \n rgba(156,175,136,0.6) 40%, \n rgba(156,175,136,0.8) 50%, \n rgba(156,175,136,0.6) 60%, \n rgba(156,175,136,0.3) 75%, \n rgba(156,175,136,0.1) 90%, \n transparent 100%);\n border-radius: 3px;\n }\n\n .section-break::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100%;\n height: 1px;\n background: linear-gradient(90deg, \n transparent 0%, \n rgba(244,197,66,0.2) 20%, \n rgba(244,197,66,0.4) 40%, \n rgba(244,197,66,0.6) 50%, \n rgba(244,197,66,0.4) 60%, \n rgba(244,197,66,0.2) 80%, \n transparent 100%);\n }\n\n \/* Content Cards *\/\n .content-card {\n background-color: #1d1d1d;\n color: #fff;\n padding: 2rem;\n border-radius: 1rem;\n border: 1px solid rgba(156,175,136,0.3);\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n margin: 2rem auto;\n max-width: 800px;\n transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.6s ease;\n overflow: hidden;\n \/* Animation setup *\/\n opacity: 0;\n transform: translateY(30px);\n }\n\n \/* Cards animate in when visible *\/\n .content-card.animate-in {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Content Card Hover *\/\n .content-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);\n }\n\n \/* Navigation Cards - Special styling *\/\n .nav-card {\n display: inline-block;\n background-color: #1d1d1d;\n border: 2px solid rgba(156,175,136,0.5);\n border-radius: 12px;\n padding: 20px 15px;\n margin: 10px;\n width: clamp(250px, 30vw, 320px);\n max-width: 90%;\n vertical-align: top;\n color: #F5EBD6;\n transition: all 0.3s ease;\n cursor: pointer;\n text-align: center;\n }\n\n .nav-card:hover {\n transform: translateY(-5px);\n border-color: rgba(156,175,136,0.8);\n box-shadow: 0 8px 25px rgba(0,0,0,0.3);\n }\n\n .nav-card .icon {\n font-size: clamp(24px, 4vw, 36px);\n margin: 0 0 10px 0;\n display: block;\n text-align: center;\n line-height: 1;\n padding: 0;\n }\n\n .nav-card .title {\n font-size: clamp(14px, 3vw, 20px);\n font-weight: bold;\n color: #F4C542;\n margin: 0 0 8px 0;\n text-align: center;\n padding: 0;\n line-height: 1.2;\n }\n\n .nav-card .description {\n font-size: clamp(10px, 2vw, 14px);\n color: #E3E3DC;\n line-height: 1.3;\n margin: 0;\n text-align: center;\n padding: 0;\n }\n\n \/* Content Text *\/\n .content-text {\n font-size: 1rem;\n line-height: 1.6;\n color: #E3E3DC;\n margin-bottom: 1.5rem;\n }\n\n \/* Titles *\/\n .content-card h2, .content-card h3 {\n color: #F4C542;\n margin-bottom: 1rem;\n line-height: 1.3;\n text-align: center;\n }\n\n \/* Email Form Styling *\/\n .email-signup-form {\n margin: 25px 0 0 0;\n text-align: center;\n }\n\n .email-input-group {\n display: flex;\n gap: 0.5rem;\n margin: 0 auto;\n max-width: 500px;\n justify-content: center;\n align-items: center;\n }\n\n .email-input {\n flex: 1;\n padding: 12px 18px;\n border: 2px solid rgba(156,175,136,0.4);\n border-radius: 50px;\n background: rgba(29,29,29,0.9);\n color: #F5EBD6;\n font-size: clamp(11px, 2.5vw, 16px);\n text-align: center;\n outline: none;\n transition: all 0.3s ease;\n box-sizing: border-box;\n font-family: 'Montserrat', sans-serif;\n }\n\n .email-input:focus {\n border-color: #4CAF50;\n box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.1);\n }\n\n .email-input::placeholder {\n color: #888;\n }\n\n .email-submit {\n padding: 12px 25px;\n background: #4CAF50;\n color: #000;\n border: none;\n border-radius: 25px;\n font-weight: bold;\n font-size: clamp(11px, 2.5vw, 16px);\n cursor: pointer;\n transition: all 0.3s ease;\n white-space: nowrap;\n font-family: 'Montserrat', sans-serif;\n }\n\n .email-submit:hover {\n background: #45a049;\n transform: translateY(-2px);\n }\n\n \/* Enhanced Typography *\/\n .content-text strong {\n color: #F4C542;\n font-weight: 600;\n }\n\n \/* Mobile Responsive *\/\n@media (max-width: 768px) {\n .tbos-homepage {\n padding-top: 150px; \/* UPDATED TO MATCH ARTICLE PAGE *\/\n }\n \n .content-card {\n margin: 2rem 1rem; \/* Adds side margins on mobile *\/\n padding: 1.5rem; \/* Slightly reduced padding on mobile *\/\n max-width: calc(100% - 2rem); \/* Ensures it doesn't touch screen edges *\/\n }\n \n .content-card iframe {\n width: 100% !important;\n max-width: 100% !important;\n }\n \n \/* Fix for email form specifically *\/\n .email-signup-form {\n width: 100%;\n max-width: 100%;\n overflow: hidden; \/* Prevents form from breaking out *\/\n }\n \n .email-input-group {\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n max-width: 100%;\n padding: 0; \/* Remove any padding that might cause overflow *\/\n }\n\n .email-input, .email-submit {\n width: 100%;\n max-width: 350px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .nav-cards-container {\n text-align: center;\n }\n\n .nav-card {\n display: block;\n margin: 10px auto;\n width: 90%;\n max-width: 350px;\n }\n}\n\n \/* Responsive grid for navigation cards *\/\n @media (max-width: 1024px) {\n .nav-cards-container .nav-card {\n width: clamp(280px, 45%, 400px);\n }\n }\n\n @media (max-width: 768px) {\n .nav-cards-container .nav-card {\n width: 90%;\n max-width: 400px;\n display: block;\n margin: 1rem auto;\n }\n }\n\n \/* Sound wave animation for Spotify placeholder *\/\n @keyframes wave {\n 0%, 100% { transform: scaleY(0.4); }\n 50% { transform: scaleY(1); }\n }\n <\/style>\n<\/head>\n<body class=\"dark-theme\">\n \n <div style=\"display: none;\" id=\"audio-container\">\n \n <\/div>\n\n <section class=\"tbos-homepage\">\n <div class=\"tbos-container\">\n \n <div style=\"margin-bottom: 6rem; text-align: center; opacity: 0; transform: translateY(-20px); transition: all 0.8s ease;\" class=\"title-container\">\n <h1 style=\"font-size: clamp(28px, 8vw, 48px); font-weight: bold; margin: 0 0 25px 0; text-shadow: 2px 2px 8px rgba(0,0,0,0.8); line-height: 1.1; text-align: center; padding: 0; display: block; width: 100%; clear: both; background: none; border-radius: 0; box-shadow: none; max-width: none; margin-left: auto; margin-right: auto;\">\n <span style=\"color: #F5EBD6; display: inline;\">TWO<\/span> <span style=\"color: #F4C542; display: inline;\">BIRDS<\/span><br>\n <span style=\"color: #F4C542; display: inline;\">ONE<\/span> <span style=\"color: #F5EBD6; display: inline;\">STONED<\/span>\n <\/h1>\n \n \n <div style=\"text-align: center; margin-top: 20px;\">\n <button onclick=\"toggleThemeAndText()\" id=\"theme-toggle\" style=\"background: rgba(0,0,0,0.8); border: 2px solid #4CAF50; color: #4CAF50; padding: clamp(8px, 2vw, 12px) clamp(15px, 4vw, 25px); border-radius: 25px; cursor: pointer; transition: all 0.3s ease; font-size: clamp(10px, 2.5vw, 14px); font-weight: bold; font-family: 'Montserrat', sans-serif;\">\ud83c\udf19<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h2 style=\"font-size: clamp(16px, 4vw, 28px);\">Ce qu'on fait<\/h2>\n <p class=\"content-text\">\n Two Birds One Stoned existe pour changer l'histoire du cannabis. On t'aide \u00e0 apprendre avec des faits, des histoires et de la perspective, parce que le stigmate meurt quand la v\u00e9rit\u00e9 se r\u00e9pand. Le cannabis m\u00e9rite de meilleures conversations. Commence \u00e0 apprendre. Pose des questions. D\u00e9fie l'histoire\n <\/p>\n <\/div>\n\n \n <div style=\"background: transparent; border: none; box-shadow: none; padding: 2rem; margin: 4rem auto;\" id=\"tagline-section\">\n <h2 style=\"font-size: clamp(24px, 6vw, 36px); line-height: 1.2; margin-bottom: clamp(30px, 8vw, 50px); text-align: center;\">\n <span style=\"color: #F4C542;\" class=\"break-span\">CASSE<\/span> <span style=\"color: #F5EBD6;\" class=\"the-span\">LE<\/span> <span style=\"color: #F4C542;\" class=\"stigma-span\">STIGMATE<\/span>\n <\/h2>\n <p style=\"font-style: italic; font-size: clamp(12px, 2.5vw, 18px); line-height: 1.4; margin-bottom: 0; margin-top: clamp(20px, 5vw, 30px); text-align: center; color: #E3E3DC;\" class=\"tagline-subtitle\">\n Une \u00e9ducation honn\u00eate dans le brouillard de la d\u00e9sinformation.\n <\/p>\n <\/div>\n\n \n <div style=\"text-align: center; margin: 3rem 0;\" class=\"nav-cards-container\">\n <div class=\"nav-card\" onclick=\"window.location.href='\/read'\">\n <div class=\"icon\">\ud83d\udcda<\/div>\n <div class=\"title\">LIS<\/div>\n <div class=\"description\">Plong\u00e9es profondes dans la science du cannabis, la culture et la v\u00e9rit\u00e9 derri\u00e8re les mythes<\/div>\n <\/div>\n \n <div class=\"nav-card\" onclick=\"window.location.href='\/listen'\">\n <div class=\"icon\">\ud83c\udfa7<\/div>\n <div class=\"title\">\u00c9COUTE<\/div>\n <div class=\"description\">Histoires audio et conversations qui remettent en question ce que tu penses savoir<\/div>\n <\/div>\n \n <div class=\"nav-card\" onclick=\"window.location.href='\/watch'\">\n <div class=\"icon\">\ud83d\udcfa<\/div>\n <div class=\"title\">REGARDE<\/div>\n <div class=\"description\">Explications visuelles qui rendent la science complexe du cannabis accessible<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section-break\"><\/div>\n\n \n <div class=\"content-card\">\n <h2 style=\"font-size: clamp(16px, 4vw, 28px);\">Ton corps fabrique son propre cannabis<\/h2>\n \n <div class=\"content-text\" style=\"text-align: left;\">\n <div style=\"text-align: center;\">Et si je te disais que tu planes en ce moment?<\/div>\n<br>\n<br>Pas planant au cannabis, mais ta propre version. Ton corps produit des compos\u00e9s si similaires au THC que les scientifiques ont d'abord pens\u00e9 qu'ils avaient fait une erreur. Ils n'avaient donn\u00e9 que du cannabis aux sujets de test, alors d'o\u00f9 venaient ces autres mol\u00e9cules?<br>\n<br><div style=\"text-align: center;\">R\u00e9ponse: En nous.<\/div>\n<br>\n<br>Rencontre Jo Cameron. Elle a accouch\u00e9 sans douleur (S\u00e9rieusement, elle l'a m\u00eame d\u00e9crit comme \"plut\u00f4t agr\u00e9able\"). S'est br\u00fbl\u00e9 la peau et n'a rien senti. A eu une chirurgie majeure et a saut\u00e9 les antidouleurs. Je comprends que \u00e7a pourrait ressembler \u00e0 un superpouvoir. Son corps fabrique tellement de notre propre version de THC & CBD (gr\u00e2ce \u00e0 une mutation g\u00e9n\u00e9tique), que la douleur s'enregistre \u00e0 peine chez elle.<br>\n<br>Cette euphorie du coureur apr\u00e8s l'entra\u00eenement que tu adores? C'est ton corps qui fabrique plus de sa propre version de THC & CBD (\u00e7a s'appelle AEA) qui te fait planer naturellement, te r\u00e9compensant pour l'exercice.\n<br>\n<br>Pendant des ann\u00e9es l'id\u00e9e \u00e9tait qu'on exp\u00e9rimentait avec une substance \u00e9trang\u00e8re. On r\u00e9veillait en fait un syst\u00e8me endormi.\n<br>\n<br>Tout \u00e7a, gr\u00e2ce \u00e0 une d\u00e9couverte accidentelle, il y a seulement 36 ans, apr\u00e8s qu'on nous ait permis de commencer \u00e0 \u00e9tudier le cannabis.\n <\/div>\n\n \n <a href=\"\/fr\/the-endocannabinoid-system\/\" class=\"continue-reading-link\" style=\"color: #4CAF50; text-decoration: none; font-weight: bold; font-size: clamp(12px, 2.5vw, 16px); display: block; margin-top: 1rem; text-align: center;\">Continue \u00e0 Lire \u2192<\/a>\n <\/div>\n\n \n <div class=\"section-break\"><\/div>\n\n \n <div class=\"content-card\">\n <h2 style=\"font-size: clamp(16px, 4vw, 28px); margin-top: 0; margin-bottom: 1rem;\">Pourquoi TBOS a \u00e9t\u00e9 cr\u00e9\u00e9\n\n<div style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 1000px; width: 100% !important; margin: 0 auto; border-radius: 16px; box-shadow: 0 4px 16px rgba(0,0,0,0.3);\">\n <iframe id=\"tbos-video\" \n style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; border-radius: 16px;\"\n src=\"https:\/\/www.youtube.com\/embed\/AlybgiRbVdk\" \n data-en=\"AlybgiRbVdk\"\n data-ga=\"Nz_sIJM92U8\"\n data-es=\"CkSyhK3Xq2Y\"\n data-de=\"1zmIdpJ2rlI\"\n data-pt=\"1KfhsLgthm0\"\n data-fr=\"Mlf0IoGTrLE\"\n data-it=\"fqrK26cBY1M\"\n data-pl=\"aPlHv9gsiFs\"\n title=\"Lecteur vid\u00e9o YouTube\" \n frameborder=\"0\" \n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" \n referrerpolicy=\"strict-origin-when-cross-origin\" \n allowfullscreen>\n <\/iframe>\n<\/div>\n\n<script>\n(function() {\n const videoFrame = document.getElementById('tbos-video');\n if (!videoFrame) return;\n \n const currentLang = document.documentElement.lang || 'en';\n \n let langCode = 'en';\n if (currentLang.includes('ga')) langCode = 'ga';\n else if (currentLang.includes('es')) langCode = 'es';\n else if (currentLang.includes('de')) langCode = 'de';\n else if (currentLang.includes('pt')) langCode = 'pt';\n else if (currentLang.includes('fr')) langCode = 'fr';\n else if (currentLang.includes('it')) langCode = 'it';\n else if (currentLang.includes('pl')) langCode = 'pl';\n \n const videoId = videoFrame.dataset[langCode];\n if (videoId) {\n videoFrame.src = 'https:\/\/www.youtube.com\/embed\/' + videoId;\n }\n})();\n<\/script>\n<\/div>\n <\/div>\n\n \n <div class=\"section-break\"><\/div>\n\n\n<div class=\"content-card\">\n <h2 style=\"font-size: clamp(16px, 4vw, 28px); margin-top: 0; margin-bottom: 1rem;\">\ud83c\udfa7 Qu'y a-t-il dans la plante de cannabis ?<\/h2>\n \n \n <div style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 1000px; width: 100% !important; margin: 0 auto; border-radius: 16px; box-shadow: 0 4px 16px rgba(0,0,0,0.3);\">\n <iframe data-testid=\"embed-iframe\" \n style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; border-radius: 16px;\"\n src=\"https:\/\/open.spotify.com\/embed\/episode\/1i3y6a4Et9ffDF74LNY8Pe?utm_source=generator\" \n frameborder=\"0\" \n allowfullscreen=\"\" \n allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" \n loading=\"lazy\">\n <\/iframe>\n <\/div>\n<\/div>\n\n \n <div class=\"section-break\"><\/div>\n\n \n <div class=\"content-card\">\n <h2 style=\"font-size: clamp(14px, 4vw, 28px);\">Tu veux savoir ce qui arrive?<\/h2>\n <p class=\"content-text\">\n Bon, il y a quelques ann\u00e9es, je me suis \u00e9loign\u00e9 de la plupart des r\u00e9seaux sociaux. La vie est devenue plus l\u00e9g\u00e8re. Plus amusante.\n <br><br>\n C'est \u00e0 ce moment-l\u00e0 que j'ai commenc\u00e9 \u00e0 remarquer des choses qui me manquaient.\n <br><br>\n Comme demander son chemin au chauffeur de bus, tous les deux pris au d\u00e9pourvu, riant de voir \u00e0 quel point ce genre de moment \u00e9tait devenu rare.\n <br><br>\n Observer la politique des oiseaux, qui se nourrit, qui attend, qui est pouss\u00e9 de c\u00f4t\u00e9. J'essaie toujours de comprendre s'il y a un syst\u00e8me derri\u00e8re tout \u00e7a, ou juste du chaos.\n <br><br>\n M\u00eame juste en \u00e9tant au caf\u00e9. La personne devant toi commande exactement ta boisson compliqu\u00e9e, menant \u00e0 toute une conversation sur le snobisme du caf\u00e9 et si le lait d'avoine est all\u00e9 trop loin.\n <br><br>\n C'\u00e9taient des moments que je faisais d\u00e9filer sans m'arr\u00eater. Ils semblent petits mais ils s'accumulent.\n <br><br>\n Ce sentiment d'\u00eatre vraiment pr\u00e9sent est quelque chose que je veux apporter dans Two Birds One Stoned. Je n'essaie pas de dire aux gens quoi faire. Je sais juste que \u00e7a m'a aid\u00e9 \u00e0 me reconnecter avec ce qui compte, et peut-\u00eatre que \u00e7a peut le faire pour toi aussi.\n <br><br>\n L'\u00e9volution du monde nous \u00e9loigne de plus en plus de ce type de pr\u00e9sence. Aussi, lorsque vous reviendrez ici, je veux que ce soit parce que vous en avez l'intention, pour quelque chose qui m\u00e9rite votre attention, et pas seulement le d\u00e9filement habituel. Donc pas de r\u00e9seaux sociaux avec ce site.\n <br><br>\n Peut-\u00eatre qu'il y aura des occasions pour nous de nous connecter en nous d\u00e9connectant dans un futur pas si lointain. Voyons o\u00f9 cela nous m\u00e8ne.\n <br><br>\n La seule chose que je demande ? Si \u00e7a t'int\u00e9resse ou si tu veux voir o\u00f9 on peut aller avec \u00e7a ensemble, il y a une case en bas x \u00c7a m'aide \u00e0 te tenir au courant de ce qui se passe.\n <\/p>\n\n \n \n <form class=\"email-signup-form\" id=\"emailForm\" action=\"\">\n <div class=\"email-input-group\">\n <input type=\"email\" name=\"entry.690743589\" placeholder=\"Ton adresse email\" required class=\"email-input\" id=\"emailInput\">\n <button type=\"submit\" class=\"email-submit\" id=\"emailSubmitBtn\">Rejoins-nous<\/button>\n <\/div>\n <div id=\"formMessage\" style=\"margin-top: 1rem; text-align: center; font-weight: 600; display: none;\"><\/div>\n <input type=\"hidden\" name=\"trp-form-language\" value=\"fr\"\/><\/form>\n <\/div>\n <\/div>\n <\/section>\n\n <script>\n \/\/ Track theme state with a variable instead of CSS detection\n let isDarkTheme = true; \/\/ Start with dark theme\n\n function toggleThemeAndText() {\n const button = document.getElementById('theme-toggle');\n \n \/\/ Get current text and trim any whitespace\n const currentText = button.textContent.trim();\n \n \/\/ Toggle the button text and play corresponding audio\n if (currentText === '\ud83c\udf19') {\n button.textContent = '\u2600\ufe0f';\n playAudio('dayTimeAudio', 'https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Daytime-Bird-.mp3');\n isDarkTheme = false; \/\/ Set to light theme\n } else {\n button.textContent = '\ud83c\udf19';\n playAudio('nightTimeAudio', 'https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Nighttime-Bird.mp3');\n isDarkTheme = true; \/\/ Set to dark theme\n }\n \n \/\/ Call the theme toggle functionality\n toggleTheme();\n }\n\n \/\/ Create and play audio only when needed\n function playAudio(audioId, audioSrc) {\n let audio = document.getElementById(audioId);\n \n \/\/ Create audio element if it doesn't exist\n if (!audio) {\n audio = document.createElement('audio');\n audio.id = audioId;\n const source = document.createElement('source');\n source.src = audioSrc;\n source.type = 'audio\/mpeg';\n audio.appendChild(source);\n document.getElementById('audio-container').appendChild(audio);\n }\n \n if (audio) {\n audio.currentTime = 0;\n const playPromise = audio.play();\n \n if (playPromise !== undefined) {\n playPromise.then(() => {\n console.log(`${audioId} played successfully`);\n }).catch(error => {\n console.log(`Audio play failed for ${audioId}:`, error);\n showVisualFeedback(audioId);\n });\n }\n }\n }\n\n function showVisualFeedback(audioId) {\n const button = document.getElementById('theme-toggle');\n const originalTransform = button.style.transform;\n \n button.style.transform = 'scale(1.1)';\n button.style.transition = 'transform 0.1s ease';\n \n setTimeout(() => {\n button.style.transform = originalTransform;\n button.style.transition = 'all 0.3s ease';\n }, 100);\n }\n\n function toggleTheme() {\n const body = document.body;\n const html = document.documentElement;\n const homepageSection = document.querySelector('.tbos-homepage');\n const contentCards = document.querySelectorAll('.content-card, .nav-card');\n const title = document.querySelector('h1');\n const buttons = document.querySelectorAll('.email-submit');\n const toggleButton = document.getElementById('theme-toggle');\n \n \/\/ HEADER SELECTORS\n const header = document.querySelector('.tbos-header');\n const headerNavLinks = document.querySelectorAll('.tbos-nav a');\n const headerSocialLinks = document.querySelectorAll('.tbos-socials a');\n const dropdownContent = document.querySelectorAll('.dropdown-content');\n const hamburgerLines = document.querySelectorAll('.hamburger-line');\n \n \/\/ MOBILE MENU SELECTORS\n const mobileMenu = document.querySelector('.mobile-menu');\n const mobileMenuLinks = document.querySelectorAll('.mobile-menu a');\n const mobileSocialLinks = document.querySelectorAll('.mobile-socials a');\n \n \/\/ FOOTER SELECTORS\n const footerCardWrapper = document.querySelector('.footer-card-wrapper');\n const footerTitle = document.querySelector('.footer-card h4');\n const footerText = document.querySelectorAll('.footer-card p');\n const footerLinks = document.querySelectorAll('.footer-bottom-row a');\n const footerSocialLinks = document.querySelectorAll('.footer-social-group a');\n \n if (!isDarkTheme) {\n \/\/ LIGHT THEME (Day Time) - Cream background like other pages\n console.log('Applying LIGHT theme');\n \n \/\/ ADD BODY CLASS FOR THEME DETECTION\n body.classList.add('light-theme');\n body.classList.remove('dark-theme');\n \n \/\/ Apply cream background to html and body for full coverage\n html.style.setProperty('background', 'linear-gradient(135deg, #f8f6f0 0%, #ede8d8 25%, #e5dcc9 50%, #ede8d8 75%, #f8f6f0 100%)', 'important');\n body.style.setProperty('background', 'linear-gradient(135deg, #f8f6f0 0%, #ede8d8 25%, #e5dcc9 50%, #ede8d8 75%, #f8f6f0 100%)', 'important');\n \n \/\/ Ensure background covers entire viewport\n html.style.setProperty('margin', '0', 'important');\n html.style.setProperty('padding', '0', 'important');\n body.style.setProperty('margin', '0', 'important');\n body.style.setProperty('padding', '0', 'important');\n html.style.setProperty('min-height', '100vh', 'important');\n body.style.setProperty('min-height', '100vh', 'important');\n \n \/\/ UPDATE HEADER FOR LIGHT THEME\n if (header) {\n header.style.setProperty('background', '#ffffff', 'important');\n header.style.setProperty('border', '2px solid #000000', 'important');\n }\n \n \/\/ Update header navigation links for light theme\n headerNavLinks.forEach(link => {\n link.style.setProperty('color', '#2A2A2A', 'important');\n });\n \n \/\/ Update header social links for light theme\n headerSocialLinks.forEach(link => {\n link.style.setProperty('color', '#2A2A2A', 'important');\n });\n \n \/\/ Update dropdown content for light theme\n dropdownContent.forEach(dropdown => {\n dropdown.style.setProperty('background', '#ffffff', 'important');\n dropdown.style.setProperty('border', '2px solid #000000', 'important');\n \n const dropdownLinks = dropdown.querySelectorAll('a');\n dropdownLinks.forEach(link => {\n link.style.setProperty('color', '#2A2A2A', 'important');\n });\n });\n \n \/\/ Update hamburger lines for light theme\n hamburgerLines.forEach(line => {\n line.style.setProperty('background', '#2A2A2A', 'important');\n });\n \n \/\/ UPDATE MOBILE MENU FOR LIGHT THEME\n if (mobileMenu) {\n mobileMenu.style.setProperty('background', '#ffffff', 'important');\n mobileMenu.style.setProperty('border-left', '2px solid #000000', 'important');\n }\n \n mobileMenuLinks.forEach(link => {\n link.style.setProperty('color', '#2A2A2A', 'important');\n link.style.setProperty('border-bottom', '1px solid rgba(0, 0, 0, 0.1)', 'important');\n });\n \n mobileSocialLinks.forEach(link => {\n link.style.setProperty('color', '#2A2A2A', 'important');\n link.style.setProperty('background', 'rgba(0, 0, 0, 0.05)', 'important');\n });\n \n \/\/ UPDATE FOOTER FOR LIGHT THEME\n if (footerCardWrapper) {\n footerCardWrapper.style.setProperty('background', '#ffffff', 'important');\n footerCardWrapper.style.setProperty('border', '2px solid #000000', 'important');\n }\n \n if (footerTitle) {\n footerTitle.style.setProperty('color', '#B8860B', 'important'); \/\/ Gold for light theme\n }\n \n \/\/ Update footer text for light theme\n footerText.forEach(text => {\n text.style.setProperty('color', '#1a1a1a', 'important');\n text.style.setProperty('font-weight', '500', 'important');\n });\n \n \/\/ Update footer links for light theme - CHANGED TO BLACK\n footerLinks.forEach(link => {\n link.style.setProperty('color', '#000000', 'important'); \/\/ Black for light theme\n });\n \n \/\/ Update footer social links for light theme - KEEP GREEN\n footerSocialLinks.forEach(link => {\n link.style.setProperty('color', '#4CAF50', 'important'); \/\/ Keep green for light theme\n });\n \n \/\/ Light cards with dark text for Day Time\n contentCards.forEach(card => {\n card.style.setProperty('background-color', '#ffffff', 'important');\n card.style.setProperty('border', '2px solid #000000', 'important');\n card.style.setProperty('color', '#2A2A2A', 'important');\n \n \/\/ Update card titles and special spans\n const cardTitles = card.querySelectorAll('h2, h3, .title');\n cardTitles.forEach(cardTitle => {\n cardTitle.style.setProperty('color', '#B8860B', 'important'); \/\/ Gold for light theme\n \n \/\/ Handle special spans in titles\n const spans = cardTitle.querySelectorAll('span');\n spans.forEach(span => {\n if (span.textContent === 'BREAK' || span.textContent === 'STIGMA') {\n span.style.setProperty('color', '#B8860B', 'important'); \/\/ Gold for light theme\n }\n if (span.textContent === 'THE') {\n span.style.setProperty('color', '#2A2A2A', 'important'); \/\/ Dark for light theme - much more visible\n }\n });\n });\n \n \/\/ Update card text\n const cardTexts = card.querySelectorAll('p, .description, .content-text');\n cardTexts.forEach(cardP => {\n cardP.style.setProperty('color', '#1a1a1a', 'important');\n cardP.style.setProperty('font-weight', '500', 'important');\n });\n \n \/\/ Update strong\/highlighted text for better readability in light mode\n const strongTexts = card.querySelectorAll('strong');\n strongTexts.forEach(strong => {\n strong.style.setProperty('color', '#000000', 'important');\n strong.style.setProperty('font-weight', '600', 'important');\n });\n \n \/\/ Update email input for light theme\n const emailInputs = card.querySelectorAll('.email-input');\n emailInputs.forEach(input => {\n input.style.setProperty('background', '#ffffff', 'important');\n input.style.setProperty('color', '#2A2A2A', 'important');\n input.style.setProperty('border', '2px solid #B8860B', 'important');\n input.style.setProperty('border-radius', '50px', 'important');\n });\n\n \/\/ Update Continue Reading link for light theme\n const continueReadingLinks = card.querySelectorAll('.continue-reading-link');\n continueReadingLinks.forEach(link => {\n link.style.setProperty('color', '#B8860B', 'important'); \/\/ Gold for light theme\n });\n });\n \n \/\/ Update standalone tagline section for light theme - FORCE the colors\n const breakSpan = document.querySelector('.break-span');\n const theSpan = document.querySelector('.the-span');\n const stigmaSpan = document.querySelector('.stigma-span');\n const taglineSubtitle = document.querySelector('.tagline-subtitle');\n \n if (breakSpan) {\n breakSpan.style.setProperty('color', '#B8860B', 'important'); \/\/ Gold for light theme\n }\n if (stigmaSpan) {\n stigmaSpan.style.setProperty('color', '#B8860B', 'important'); \/\/ Gold for light theme\n }\n if (theSpan) {\n theSpan.style.setProperty('color', '#2A2A2A', 'important'); \/\/ Dark for light theme\n }\n if (taglineSubtitle) {\n taglineSubtitle.style.setProperty('color', '#1a1a1a', 'important');\n taglineSubtitle.style.setProperty('font-weight', '500', 'important');\n }\n \n \/\/ Update buttons to gold for Day Time\n buttons.forEach(button => {\n button.style.setProperty('background-color', '#B8860B', 'important'); \/\/ Gold to match title\n button.style.setProperty('color', '#fff', 'important');\n });\n \n \/\/ Update toggle button for light theme\n if (toggleButton) {\n toggleButton.style.setProperty('background', '#ffffff', 'important');\n toggleButton.style.setProperty('border', '2px solid #B8860B', 'important');\n toggleButton.style.setProperty('color', '#B8860B', 'important');\n }\n \n \/\/ Update title for light theme - REMOVE TEXT SHADOW\n if (title) {\n title.style.setProperty('text-shadow', 'none', 'important');\n \n const spans = title.querySelectorAll('span');\n spans.forEach(span => {\n if (span.textContent === 'BIRDS' || span.textContent === 'ONE') {\n span.style.setProperty('color', '#B8860B', 'important'); \/\/ Dark gold for light theme\n }\n if (span.textContent === 'TWO' || span.textContent === 'STONED') {\n span.style.setProperty('color', '#2A2A2A', 'important'); \/\/ Dark for light theme\n }\n });\n }\n \n } else {\n \/\/ DARK THEME (Night Time)\n console.log('Applying DARK theme');\n \n \/\/ REMOVE LIGHT THEME CLASS AND ADD DARK THEME CLASS\n body.classList.remove('light-theme');\n body.classList.add('dark-theme');\n \n \/\/ Apply dark background to html and body\n html.style.setProperty('background', 'linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%)', 'important');\n body.style.setProperty('background', 'linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%)', 'important');\n \n \/\/ Ensure background covers entire viewport\n html.style.setProperty('margin', '0', 'important');\n html.style.setProperty('padding', '0', 'important');\n body.style.setProperty('margin', '0', 'important');\n body.style.setProperty('padding', '0', 'important');\n html.style.setProperty('min-height', '100vh', 'important');\n body.style.setProperty('min-height', '100vh', 'important');\n \n \/\/ UPDATE HEADER FOR DARK THEME\n if (header) {\n header.style.setProperty('background', '#1d1d1d', 'important');\n header.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n }\n \n \/\/ Update header navigation links for dark theme\n headerNavLinks.forEach(link => {\n link.style.setProperty('color', '#f5ebd6', 'important');\n });\n \n \/\/ Update header social links for dark theme\n headerSocialLinks.forEach(link => {\n link.style.setProperty('color', '#f5ebd6', 'important');\n });\n \n \/\/ Update dropdown content for dark theme\n dropdownContent.forEach(dropdown => {\n dropdown.style.setProperty('background', '#1d1d1d', 'important');\n dropdown.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n \n const dropdownLinks = dropdown.querySelectorAll('a');\n dropdownLinks.forEach(link => {\n link.style.setProperty('color', '#f5ebd6', 'important');\n });\n });\n \n \/\/ Update hamburger lines for dark theme\n hamburgerLines.forEach(line => {\n line.style.setProperty('background', '#f5ebd6', 'important');\n });\n \n \/\/ UPDATE MOBILE MENU FOR DARK THEME\n if (mobileMenu) {\n mobileMenu.style.setProperty('background', 'rgba(29, 29, 29, 0.98)', 'important');\n mobileMenu.style.setProperty('border-left', '1px solid rgba(156,175,136,0.3)', 'important');\n }\n \n mobileMenuLinks.forEach(link => {\n link.style.setProperty('color', '#f5ebd6', 'important');\n link.style.setProperty('border-bottom', '1px solid rgba(255, 255, 255, 0.1)', 'important');\n });\n \n mobileSocialLinks.forEach(link => {\n link.style.setProperty('color', '#f5ebd6', 'important');\n link.style.setProperty('background', 'rgba(255, 255, 255, 0.05)', 'important');\n });\n \n \/\/ UPDATE FOOTER FOR DARK THEME\n if (footerCardWrapper) {\n footerCardWrapper.style.setProperty('background', '#1d1d1d', 'important');\n footerCardWrapper.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n }\n \n if (footerTitle) {\n footerTitle.style.setProperty('color', '#F4C542', 'important'); \/\/ Yellow for dark theme\n }\n \n \/\/ Update footer text for dark theme\n footerText.forEach(text => {\n text.style.setProperty('color', '#f5ebd6', 'important');\n text.style.setProperty('font-weight', '400', 'important');\n });\n \n \/\/ Update footer links for dark theme\n footerLinks.forEach(link => {\n link.style.setProperty('color', '#4CAF50', 'important'); \/\/ Green for dark theme\n });\n \n \/\/ Update footer social links for dark theme\n footerSocialLinks.forEach(link => {\n link.style.setProperty('color', '#4CAF50', 'important'); \/\/ Green for dark theme\n });\n \n \/\/ Update content cards for dark theme - FIXED TO USE #1d1d1d LIKE DISCLAIMER\n contentCards.forEach(card => {\n card.style.setProperty('background-color', '#1d1d1d', 'important'); \/\/ Changed from rgba(0,0,0,0.85) to #1d1d1d\n card.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n card.style.setProperty('color', '#F5EBD6', 'important');\n \n \/\/ Update card titles\n const cardTitles = card.querySelectorAll('h2, h3, .title');\n cardTitles.forEach(cardTitle => {\n cardTitle.style.setProperty('color', '#F4C542', 'important'); \/\/ Yellow for dark theme\n \n \/\/ Handle special spans in titles\n const spans = cardTitle.querySelectorAll('span');\n spans.forEach(span => {\n if (span.textContent === 'BREAK' || span.textContent === 'STIGMA') {\n span.style.setProperty('color', '#F4C542', 'important'); \/\/ Yellow for dark theme\n }\n if (span.textContent === 'THE') {\n span.style.setProperty('color', '#F5EBD6', 'important'); \/\/ White\/cream for dark theme\n }\n });\n });\n \n \/\/ Update card text\n const cardTexts = card.querySelectorAll('p, .description, .content-text');\n cardTexts.forEach(cardP => {\n cardP.style.setProperty('color', '#E3E3DC', 'important');\n cardP.style.setProperty('font-weight', '400', 'important');\n });\n \n \/\/ Update strong\/highlighted text for dark mode\n const strongTexts = card.querySelectorAll('strong');\n strongTexts.forEach(strong => {\n strong.style.setProperty('color', '#F4C542', 'important');\n strong.style.setProperty('font-weight', '600', 'important');\n });\n \n \/\/ Reset email input for dark theme\n const emailInputs = card.querySelectorAll('.email-input');\n emailInputs.forEach(input => {\n input.style.setProperty('background', 'rgba(29,29,29,0.9)', 'important');\n input.style.setProperty('color', '#F5EBD6', 'important');\n input.style.setProperty('border', '2px solid rgba(156,175,136,0.4)', 'important');\n input.style.setProperty('border-radius', '50px', 'important');\n });\n\n \/\/ Reset Continue Reading link for dark theme\n const continueReadingLinks = card.querySelectorAll('.continue-reading-link');\n continueReadingLinks.forEach(link => {\n link.style.setProperty('color', '#4CAF50', 'important'); \/\/ Green for dark theme\n });\n });\n \n \/\/ Update standalone tagline section for dark theme - FORCE the colors \n const breakSpan = document.querySelector('.break-span');\n const theSpan = document.querySelector('.the-span');\n const stigmaSpan = document.querySelector('.stigma-span');\n const taglineSubtitle = document.querySelector('.tagline-subtitle');\n \n if (breakSpan) {\n breakSpan.style.setProperty('color', '#F4C542', 'important'); \/\/ Yellow for dark theme\n }\n if (stigmaSpan) {\n stigmaSpan.style.setProperty('color', '#F4C542', 'important'); \/\/ Yellow for dark theme\n }\n if (theSpan) {\n theSpan.style.setProperty('color', '#F5EBD6', 'important'); \/\/ White\/cream for dark theme\n }\n if (taglineSubtitle) {\n taglineSubtitle.style.setProperty('color', '#E3E3DC', 'important');\n taglineSubtitle.style.setProperty('font-weight', '400', 'important');\n }\n \n \/\/ Keep buttons green for Night Time\n buttons.forEach(button => {\n button.style.setProperty('background-color', '#4CAF50', 'important'); \/\/ Green for night time\n button.style.setProperty('color', '#000', 'important');\n });\n \n \/\/ Update toggle button for dark theme\n if (toggleButton) {\n toggleButton.style.setProperty('background', 'rgba(0,0,0,0.8)', 'important');\n toggleButton.style.setProperty('border', '2px solid #4CAF50', 'important');\n toggleButton.style.setProperty('color', '#4CAF50', 'important');\n }\n \n \/\/ Update title for dark theme - RESTORE TEXT SHADOW\n if (title) {\n title.style.setProperty('text-shadow', '2px 2px 8px rgba(0,0,0,0.8)', 'important');\n \n const spans = title.querySelectorAll('span');\n spans.forEach(span => {\n if (span.textContent === 'BIRDS' || span.textContent === 'ONE') {\n span.style.setProperty('color', '#F4C542', 'important'); \/\/ Yellow for dark theme\n }\n if (span.textContent === 'TWO' || span.textContent === 'STONED') {\n span.style.setProperty('color', '#F5EBD6', 'important'); \/\/ White\/cream for dark theme\n }\n });\n }\n }\n \n console.log('Theme toggle complete');\n }\n\n \/\/ Apply initial theme on page load\n document.addEventListener('DOMContentLoaded', function() {\n toggleTheme();\n initializeAnimations();\n setupEmailForm();\n });\n\n \/\/ Email form submission handler\n function setupEmailForm() {\n const form = document.getElementById('emailForm');\n const emailInput = document.getElementById('emailInput');\n const submitBtn = document.getElementById('emailSubmitBtn');\n const messageDiv = document.getElementById('formMessage');\n \n form.addEventListener('submit', function(e) {\n e.preventDefault();\n \n const email = emailInput.value.trim();\n if (!email) return;\n \n \/\/ Show loading state\n const originalText = submitBtn.textContent;\n submitBtn.textContent = 'Joining...';\n submitBtn.disabled = true;\n \n \/\/ Create form data\n const formData = new FormData();\n formData.append('entry.690743589', email);\n \n \/\/ Submit to Google Forms\n fetch('https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLScW8HjmPphzsshGW4S1qe1wHtQTkEcJhDhvl0u34o9ep-wepQ\/formResponse', {\n method: 'POST',\n body: formData,\n mode: 'no-cors'\n })\n .then(() => {\n \/\/ Show success message\n messageDiv.style.display = 'block';\n messageDiv.style.color = '#4CAF50';\n messageDiv.textContent = '\ud83c\udf89 Thanks! You\\'re on the list.';\n \n \/\/ Clear form\n emailInput.value = '';\n \n \/\/ Hide message after 5 seconds\n setTimeout(() => {\n messageDiv.style.display = 'none';\n }, 5000);\n })\n .catch(() => {\n \/\/ Show error message\n messageDiv.style.display = 'block';\n messageDiv.style.color = '#ff6b6b';\n messageDiv.textContent = 'Oops! Something went wrong. Please try again.';\n \n \/\/ Hide message after 5 seconds\n setTimeout(() => {\n messageDiv.style.display = 'none';\n }, 5000);\n })\n .finally(() => {\n \/\/ Reset button\n submitBtn.textContent = originalText;\n submitBtn.disabled = false;\n });\n });\n }\n\n \/\/ Animation Functions\n function initializeAnimations() {\n \/\/ Animate title in first\n setTimeout(() => {\n const titleContainer = document.querySelector('.title-container');\n if (titleContainer) {\n titleContainer.style.opacity = '1';\n titleContainer.style.transform = 'translateY(0)';\n }\n }, 200);\n\n \/\/ Animate cards in with staggered timing\n const cards = document.querySelectorAll('.content-card, .nav-card');\n cards.forEach((card, index) => {\n setTimeout(() => {\n card.classList.add('animate-in');\n }, 600 + (index * 150)); \/\/ Start after title, then 150ms between each card\n });\n }\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Two Birds One Stoned – Evidence-Based Cannabis Education & Science TWO BIRDS ONE STONED \ud83c\udf19 What We’re About Two Birds One Stoned exists to flip the script on cannabis. We help educate with facts, stories, and perspective, because the stigma dies when the truth spreads. Cannabis deserves better conversations. Start learning. Ask questions. Challenge the […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-211","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/pages\/211","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/comments?post=211"}],"version-history":[{"count":120,"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/pages\/211\/revisions"}],"predecessor-version":[{"id":7941,"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/pages\/211\/revisions\/7941"}],"wp:attachment":[{"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/media?parent=211"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n \n \n Two Birds One Stoned - \u00c9ducation Cannabis Bas\u00e9e sur les Preuves & Science<\/title>\n <meta name=\"description\" content=\"Briser le stigmate du cannabis par l'\u00e9ducation scientifique. Apprenez sur le syst\u00e8me endocannabino\u00efde, la recherche m\u00e9dicale et les faits cannabis bas\u00e9s sur les preuves sans le battage.\">\n \n \n <link rel=\"canonical\" href=\"https:\/\/twobirdsonestoned.co\/\">\n \n \n <meta property=\"og:type\" content=\"website\">\n <meta property=\"og:url\" content=\"https:\/\/twobirdsonestoned.co\/\">\n <meta property=\"og:title\" content=\"Two Birds One Stoned - \u00c9ducation Cannabis Bas\u00e9e sur les Preuves\">\n <meta property=\"og:description\" content=\"Briser le stigmate du cannabis par l'\u00e9ducation scientifique. Apprenez sur le syst\u00e8me endocannabino\u00efde, la recherche m\u00e9dicale et les faits cannabis bas\u00e9s sur les preuves.\">\n <meta property=\"og:image\" content=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/Logo-4-1.png\">\n <meta property=\"og:image:width\" content=\"1200\">\n <meta property=\"og:image:height\" content=\"630\">\n <meta property=\"og:site_name\" content=\"Two Birds One Stoned\">\n <meta property=\"og:locale\" content=\"en_US\">\n \n \n <meta property=\"twitter:card\" content=\"summary_large_image\">\n <meta property=\"twitter:url\" content=\"https:\/\/twobirdsonestoned.co\/\">\n <meta property=\"twitter:title\" content=\"Two Birds One Stoned - Evidence-Based Cannabis Education\">\n <meta property=\"twitter:description\" content=\"Breaking cannabis stigma through science-backed education. Learn about the endocannabinoid system, medicinal research, and evidence-based facts.\">\n <meta property=\"twitter:image\" content=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/Logo-4-1.png\">\n \n \n <meta name=\"author\" content=\"James Gallagher\">\n <meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\">\n <meta name=\"theme-color\" content=\"#4CAF50\">\n <meta name=\"msapplication-TileColor\" content=\"#1d1d1d\">\n \n \n <meta name=\"keywords\" content=\"cannabis education, endocannabinoid system, medical cannabis research, cannabis science, hemp education, CBD research, cannabis stigma, evidence-based cannabis, medicinal cannabis, cannabis facts, cannabis health, cannabis studies\">\n \n \n <meta http-equiv=\"content-language\" content=\"en-US\">\n \n \n <script type=\"application\/ld+json\">{\n \"@context\": \"https:\\\/\\\/schema.org\",\n \"@type\": \"Organization\",\n \"name\": \"Two Birds One Stoned\",\n \"url\": \"https:\\\/\\\/twobirdsonestoned.co\",\n \"logo\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Logo-4-1.png\",\n \"description\": \"Cannabis education platform focused on evidence-based content, scientific research, and breaking stigma through honest education.\",\n \"founder\": {\n \"@type\": \"Person\",\n \"name\": \"James Gallagher\"\n },\n \"sameAs\": [\n \"https:\\\/\\\/www.youtube.com\\\/@TwoBirds1Stoned\",\n \"https:\\\/\\\/open.spotify.com\\\/show\\\/7D7FmCLeLaUlMNrQUUkZLH\"\n ],\n \"knowsAbout\": [\n \"Cannabis Education\",\n \"Endocannabinoid System\",\n \"Medical Cannabis Research\",\n \"Cannabis Science\",\n \"Hemp Education\"\n ]\n}<\/script>\n \n \n <script type=\"application\/ld+json\">{\n \"@context\": \"https:\\\/\\\/schema.org\",\n \"@type\": \"WebSite\",\n \"name\": \"Two Birds One Stoned\",\n \"url\": \"https:\\\/\\\/twobirdsonestoned.co\",\n \"description\": \"Evidence-based cannabis education platform breaking stigma through science and honest conversation.\",\n \"publisher\": {\n \"@type\": \"Organization\",\n \"name\": \"Two Birds One Stoned\"\n },\n \"potentialAction\": {\n \"@type\": \"SearchAction\",\n \"target\": \"https:\\\/\\\/twobirdsonestoned.co\\\/search?q={search_term_string}\",\n \"query-input\": \"required name=search_term_string\"\n }\n}<\/script>\n \n \n <script type=\"application\/ld+json\">{\n \"@context\": \"https:\\\/\\\/schema.org\",\n \"@type\": \"EducationalOrganization\",\n \"name\": \"Two Birds One Stoned\",\n \"url\": \"https:\\\/\\\/twobirdsonestoned.co\",\n \"description\": \"Educational platform providing evidence-based cannabis information, scientific research, and stigma-free education.\",\n \"educationalCredentialAwarded\": \"Cannabis Education Certificate\",\n \"hasCredential\": \"Science-based Cannabis Education\",\n \"teaches\": [\n \"Endocannabinoid System\",\n \"Cannabis Science\",\n \"Medical Cannabis Research\",\n \"Hemp Education\",\n \"Cannabis Policy\"\n ]\n}<\/script>\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link rel=\"preconnect\" href=\"https:\/\/www.youtube.com\">\n <link rel=\"preconnect\" href=\"https:\/\/open.spotify.com\">\n \n \n <link rel=\"dns-prefetch\" href=\"\/\/fonts.googleapis.com\">\n <link rel=\"dns-prefetch\" href=\"\/\/www.youtube.com\">\n <link rel=\"dns-prefetch\" href=\"\/\/open.spotify.com\">\n \n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700&display=swap\" rel=\"stylesheet\">\n \n \n <link rel=\"icon\" type=\"image\/x-icon\" href=\"\/favicon.ico\">\n <link rel=\"icon\" type=\"image\/png\" sizes=\"32x32\" href=\"\/favicon-32x32.png\">\n <link rel=\"icon\" type=\"image\/png\" sizes=\"16x16\" href=\"\/favicon-16x16.png\">\n <link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"\/apple-touch-icon.png\">\n \n \n <meta http-equiv=\"X-Content-Type-Options\" content=\"nosniff\">\n <meta http-equiv=\"X-Frame-Options\" content=\"SAMEORIGIN\">\n <meta http-equiv=\"X-XSS-Protection\" content=\"1; mode=block\">\n <meta name=\"referrer\" content=\"strict-origin-when-cross-origin\">\n \n <style>\n \/* Reset and base styles *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html {\n background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%);\n width: 100%;\n min-height: 100vh;\n margin: 0;\n padding: 0;\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%);\n color: #fff;\n width: 100%;\n min-height: 100vh;\n margin: 0;\n padding: 0;\n }\n\n \/* HOMEPAGE SECTION - UPDATED TO MATCH ARTICLE PAGE SPACING *\/\n .tbos-homepage {\n background: transparent;\n margin: 0;\n min-height: 100vh;\n width: 100%;\n padding: 0;\n position: relative;\n padding-top: 150px; \/* UPDATED FROM 50px TO MATCH ARTICLE PAGE *\/\n padding-bottom: 4rem;\n }\n\n \/* Container *\/\n .tbos-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 2rem;\n width: 100%;\n }\n\n \/* SECTION BREAKS - Clean tapered line design *\/\n .section-break {\n margin: 6rem auto;\n position: relative;\n height: 3px;\n max-width: 500px;\n background: linear-gradient(90deg, \n transparent 0%, \n rgba(156,175,136,0.1) 10%, \n rgba(156,175,136,0.3) 25%, \n rgba(156,175,136,0.6) 40%, \n rgba(156,175,136,0.8) 50%, \n rgba(156,175,136,0.6) 60%, \n rgba(156,175,136,0.3) 75%, \n rgba(156,175,136,0.1) 90%, \n transparent 100%);\n border-radius: 3px;\n }\n\n .section-break::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100%;\n height: 1px;\n background: linear-gradient(90deg, \n transparent 0%, \n rgba(244,197,66,0.2) 20%, \n rgba(244,197,66,0.4) 40%, \n rgba(244,197,66,0.6) 50%, \n rgba(244,197,66,0.4) 60%, \n rgba(244,197,66,0.2) 80%, \n transparent 100%);\n }\n\n \/* Content Cards *\/\n .content-card {\n background-color: #1d1d1d;\n color: #fff;\n padding: 2rem;\n border-radius: 1rem;\n border: 1px solid rgba(156,175,136,0.3);\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n margin: 2rem auto;\n max-width: 800px;\n transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.6s ease;\n overflow: hidden;\n \/* Animation setup *\/\n opacity: 0;\n transform: translateY(30px);\n }\n\n \/* Cards animate in when visible *\/\n .content-card.animate-in {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Content Card Hover *\/\n .content-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);\n }\n\n \/* Navigation Cards - Special styling *\/\n .nav-card {\n display: inline-block;\n background-color: #1d1d1d;\n border: 2px solid rgba(156,175,136,0.5);\n border-radius: 12px;\n padding: 20px 15px;\n margin: 10px;\n width: clamp(250px, 30vw, 320px);\n max-width: 90%;\n vertical-align: top;\n color: #F5EBD6;\n transition: all 0.3s ease;\n cursor: pointer;\n text-align: center;\n }\n\n .nav-card:hover {\n transform: translateY(-5px);\n border-color: rgba(156,175,136,0.8);\n box-shadow: 0 8px 25px rgba(0,0,0,0.3);\n }\n\n .nav-card .icon {\n font-size: clamp(24px, 4vw, 36px);\n margin: 0 0 10px 0;\n display: block;\n text-align: center;\n line-height: 1;\n padding: 0;\n }\n\n .nav-card .title {\n font-size: clamp(14px, 3vw, 20px);\n font-weight: bold;\n color: #F4C542;\n margin: 0 0 8px 0;\n text-align: center;\n padding: 0;\n line-height: 1.2;\n }\n\n .nav-card .description {\n font-size: clamp(10px, 2vw, 14px);\n color: #E3E3DC;\n line-height: 1.3;\n margin: 0;\n text-align: center;\n padding: 0;\n }\n\n \/* Content Text *\/\n .content-text {\n font-size: 1rem;\n line-height: 1.6;\n color: #E3E3DC;\n margin-bottom: 1.5rem;\n }\n\n \/* Titles *\/\n .content-card h2, .content-card h3 {\n color: #F4C542;\n margin-bottom: 1rem;\n line-height: 1.3;\n text-align: center;\n }\n\n \/* Email Form Styling *\/\n .email-signup-form {\n margin: 25px 0 0 0;\n text-align: center;\n }\n\n .email-input-group {\n display: flex;\n gap: 0.5rem;\n margin: 0 auto;\n max-width: 500px;\n justify-content: center;\n align-items: center;\n }\n\n .email-input {\n flex: 1;\n padding: 12px 18px;\n border: 2px solid rgba(156,175,136,0.4);\n border-radius: 50px;\n background: rgba(29,29,29,0.9);\n color: #F5EBD6;\n font-size: clamp(11px, 2.5vw, 16px);\n text-align: center;\n outline: none;\n transition: all 0.3s ease;\n box-sizing: border-box;\n font-family: 'Montserrat', sans-serif;\n }\n\n .email-input:focus {\n border-color: #4CAF50;\n box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.1);\n }\n\n .email-input::placeholder {\n color: #888;\n }\n\n .email-submit {\n padding: 12px 25px;\n background: #4CAF50;\n color: #000;\n border: none;\n border-radius: 25px;\n font-weight: bold;\n font-size: clamp(11px, 2.5vw, 16px);\n cursor: pointer;\n transition: all 0.3s ease;\n white-space: nowrap;\n font-family: 'Montserrat', sans-serif;\n }\n\n .email-submit:hover {\n background: #45a049;\n transform: translateY(-2px);\n }\n\n \/* Enhanced Typography *\/\n .content-text strong {\n color: #F4C542;\n font-weight: 600;\n }\n\n \/* Mobile Responsive *\/\n@media (max-width: 768px) {\n .tbos-homepage {\n padding-top: 150px; \/* UPDATED TO MATCH ARTICLE PAGE *\/\n }\n \n .content-card {\n margin: 2rem 1rem; \/* Adds side margins on mobile *\/\n padding: 1.5rem; \/* Slightly reduced padding on mobile *\/\n max-width: calc(100% - 2rem); \/* Ensures it doesn't touch screen edges *\/\n }\n \n .content-card iframe {\n width: 100% !important;\n max-width: 100% !important;\n }\n \n \/* Fix for email form specifically *\/\n .email-signup-form {\n width: 100%;\n max-width: 100%;\n overflow: hidden; \/* Prevents form from breaking out *\/\n }\n \n .email-input-group {\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n max-width: 100%;\n padding: 0; \/* Remove any padding that might cause overflow *\/\n }\n\n .email-input, .email-submit {\n width: 100%;\n max-width: 350px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .nav-cards-container {\n text-align: center;\n }\n\n .nav-card {\n display: block;\n margin: 10px auto;\n width: 90%;\n max-width: 350px;\n }\n}\n\n \/* Responsive grid for navigation cards *\/\n @media (max-width: 1024px) {\n .nav-cards-container .nav-card {\n width: clamp(280px, 45%, 400px);\n }\n }\n\n @media (max-width: 768px) {\n .nav-cards-container .nav-card {\n width: 90%;\n max-width: 400px;\n display: block;\n margin: 1rem auto;\n }\n }\n\n \/* Sound wave animation for Spotify placeholder *\/\n @keyframes wave {\n 0%, 100% { transform: scaleY(0.4); }\n 50% { transform: scaleY(1); }\n }\n <\/style>\n<\/head>\n<body class=\"dark-theme\">\n \n <div style=\"display: none;\" id=\"audio-container\">\n \n <\/div>\n\n <section class=\"tbos-homepage\">\n <div class=\"tbos-container\">\n \n <div style=\"margin-bottom: 6rem; text-align: center; opacity: 0; transform: translateY(-20px); transition: all 0.8s ease;\" class=\"title-container\">\n <h1 style=\"font-size: clamp(28px, 8vw, 48px); font-weight: bold; margin: 0 0 25px 0; text-shadow: 2px 2px 8px rgba(0,0,0,0.8); line-height: 1.1; text-align: center; padding: 0; display: block; width: 100%; clear: both; background: none; border-radius: 0; box-shadow: none; max-width: none; margin-left: auto; margin-right: auto;\">\n <span style=\"color: #F5EBD6; display: inline;\">TWO<\/span> <span style=\"color: #F4C542; display: inline;\">BIRDS<\/span><br>\n <span style=\"color: #F4C542; display: inline;\">ONE<\/span> <span style=\"color: #F5EBD6; display: inline;\">STONED<\/span>\n <\/h1>\n \n \n <div style=\"text-align: center; margin-top: 20px;\">\n <button onclick=\"toggleThemeAndText()\" id=\"theme-toggle\" style=\"background: rgba(0,0,0,0.8); border: 2px solid #4CAF50; color: #4CAF50; padding: clamp(8px, 2vw, 12px) clamp(15px, 4vw, 25px); border-radius: 25px; cursor: pointer; transition: all 0.3s ease; font-size: clamp(10px, 2.5vw, 14px); font-weight: bold; font-family: 'Montserrat', sans-serif;\">\ud83c\udf19<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h2 style=\"font-size: clamp(16px, 4vw, 28px);\">Ce qu'on fait<\/h2>\n <p class=\"content-text\">\n Two Birds One Stoned existe pour changer l'histoire du cannabis. On t'aide \u00e0 apprendre avec des faits, des histoires et de la perspective, parce que le stigmate meurt quand la v\u00e9rit\u00e9 se r\u00e9pand. Le cannabis m\u00e9rite de meilleures conversations. Commence \u00e0 apprendre. Pose des questions. D\u00e9fie l'histoire\n <\/p>\n <\/div>\n\n \n <div style=\"background: transparent; border: none; box-shadow: none; padding: 2rem; margin: 4rem auto;\" id=\"tagline-section\">\n <h2 style=\"font-size: clamp(24px, 6vw, 36px); line-height: 1.2; margin-bottom: clamp(30px, 8vw, 50px); text-align: center;\">\n <span style=\"color: #F4C542;\" class=\"break-span\">CASSE<\/span> <span style=\"color: #F5EBD6;\" class=\"the-span\">LE<\/span> <span style=\"color: #F4C542;\" class=\"stigma-span\">STIGMATE<\/span>\n <\/h2>\n <p style=\"font-style: italic; font-size: clamp(12px, 2.5vw, 18px); line-height: 1.4; margin-bottom: 0; margin-top: clamp(20px, 5vw, 30px); text-align: center; color: #E3E3DC;\" class=\"tagline-subtitle\">\n Une \u00e9ducation honn\u00eate dans le brouillard de la d\u00e9sinformation.\n <\/p>\n <\/div>\n\n \n <div style=\"text-align: center; margin: 3rem 0;\" class=\"nav-cards-container\">\n <div class=\"nav-card\" onclick=\"window.location.href='\/read'\">\n <div class=\"icon\">\ud83d\udcda<\/div>\n <div class=\"title\">LIS<\/div>\n <div class=\"description\">Plong\u00e9es profondes dans la science du cannabis, la culture et la v\u00e9rit\u00e9 derri\u00e8re les mythes<\/div>\n <\/div>\n \n <div class=\"nav-card\" onclick=\"window.location.href='\/listen'\">\n <div class=\"icon\">\ud83c\udfa7<\/div>\n <div class=\"title\">\u00c9COUTE<\/div>\n <div class=\"description\">Histoires audio et conversations qui remettent en question ce que tu penses savoir<\/div>\n <\/div>\n \n <div class=\"nav-card\" onclick=\"window.location.href='\/watch'\">\n <div class=\"icon\">\ud83d\udcfa<\/div>\n <div class=\"title\">REGARDE<\/div>\n <div class=\"description\">Explications visuelles qui rendent la science complexe du cannabis accessible<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section-break\"><\/div>\n\n \n <div class=\"content-card\">\n <h2 style=\"font-size: clamp(16px, 4vw, 28px);\">Ton corps fabrique son propre cannabis<\/h2>\n \n <div class=\"content-text\" style=\"text-align: left;\">\n <div style=\"text-align: center;\">Et si je te disais que tu planes en ce moment?<\/div>\n<br>\n<br>Pas planant au cannabis, mais ta propre version. Ton corps produit des compos\u00e9s si similaires au THC que les scientifiques ont d'abord pens\u00e9 qu'ils avaient fait une erreur. Ils n'avaient donn\u00e9 que du cannabis aux sujets de test, alors d'o\u00f9 venaient ces autres mol\u00e9cules?<br>\n<br><div style=\"text-align: center;\">R\u00e9ponse: En nous.<\/div>\n<br>\n<br>Rencontre Jo Cameron. Elle a accouch\u00e9 sans douleur (S\u00e9rieusement, elle l'a m\u00eame d\u00e9crit comme \"plut\u00f4t agr\u00e9able\"). S'est br\u00fbl\u00e9 la peau et n'a rien senti. A eu une chirurgie majeure et a saut\u00e9 les antidouleurs. Je comprends que \u00e7a pourrait ressembler \u00e0 un superpouvoir. Son corps fabrique tellement de notre propre version de THC & CBD (gr\u00e2ce \u00e0 une mutation g\u00e9n\u00e9tique), que la douleur s'enregistre \u00e0 peine chez elle.<br>\n<br>Cette euphorie du coureur apr\u00e8s l'entra\u00eenement que tu adores? C'est ton corps qui fabrique plus de sa propre version de THC & CBD (\u00e7a s'appelle AEA) qui te fait planer naturellement, te r\u00e9compensant pour l'exercice.\n<br>\n<br>Pendant des ann\u00e9es l'id\u00e9e \u00e9tait qu'on exp\u00e9rimentait avec une substance \u00e9trang\u00e8re. On r\u00e9veillait en fait un syst\u00e8me endormi.\n<br>\n<br>Tout \u00e7a, gr\u00e2ce \u00e0 une d\u00e9couverte accidentelle, il y a seulement 36 ans, apr\u00e8s qu'on nous ait permis de commencer \u00e0 \u00e9tudier le cannabis.\n <\/div>\n\n \n <a href=\"\/fr\/the-endocannabinoid-system\/\" class=\"continue-reading-link\" style=\"color: #4CAF50; text-decoration: none; font-weight: bold; font-size: clamp(12px, 2.5vw, 16px); display: block; margin-top: 1rem; text-align: center;\">Continue \u00e0 Lire \u2192<\/a>\n <\/div>\n\n \n <div class=\"section-break\"><\/div>\n\n \n <div class=\"content-card\">\n <h2 style=\"font-size: clamp(16px, 4vw, 28px); margin-top: 0; margin-bottom: 1rem;\">Pourquoi TBOS a \u00e9t\u00e9 cr\u00e9\u00e9\n\n<div style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 1000px; width: 100% !important; margin: 0 auto; border-radius: 16px; box-shadow: 0 4px 16px rgba(0,0,0,0.3);\">\n <iframe id=\"tbos-video\" \n style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; border-radius: 16px;\"\n src=\"https:\/\/www.youtube.com\/embed\/AlybgiRbVdk\" \n data-en=\"AlybgiRbVdk\"\n data-ga=\"Nz_sIJM92U8\"\n data-es=\"CkSyhK3Xq2Y\"\n data-de=\"1zmIdpJ2rlI\"\n data-pt=\"1KfhsLgthm0\"\n data-fr=\"Mlf0IoGTrLE\"\n data-it=\"fqrK26cBY1M\"\n data-pl=\"aPlHv9gsiFs\"\n title=\"Lecteur vid\u00e9o YouTube\" \n frameborder=\"0\" \n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" \n referrerpolicy=\"strict-origin-when-cross-origin\" \n allowfullscreen>\n <\/iframe>\n<\/div>\n\n<script>\n(function() {\n const videoFrame = document.getElementById('tbos-video');\n if (!videoFrame) return;\n \n const currentLang = document.documentElement.lang || 'en';\n \n let langCode = 'en';\n if (currentLang.includes('ga')) langCode = 'ga';\n else if (currentLang.includes('es')) langCode = 'es';\n else if (currentLang.includes('de')) langCode = 'de';\n else if (currentLang.includes('pt')) langCode = 'pt';\n else if (currentLang.includes('fr')) langCode = 'fr';\n else if (currentLang.includes('it')) langCode = 'it';\n else if (currentLang.includes('pl')) langCode = 'pl';\n \n const videoId = videoFrame.dataset[langCode];\n if (videoId) {\n videoFrame.src = 'https:\/\/www.youtube.com\/embed\/' + videoId;\n }\n})();\n<\/script>\n<\/div>\n <\/div>\n\n \n <div class=\"section-break\"><\/div>\n\n\n<div class=\"content-card\">\n <h2 style=\"font-size: clamp(16px, 4vw, 28px); margin-top: 0; margin-bottom: 1rem;\">\ud83c\udfa7 Qu'y a-t-il dans la plante de cannabis ?<\/h2>\n \n \n <div style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 1000px; width: 100% !important; margin: 0 auto; border-radius: 16px; box-shadow: 0 4px 16px rgba(0,0,0,0.3);\">\n <iframe data-testid=\"embed-iframe\" \n style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; border-radius: 16px;\"\n src=\"https:\/\/open.spotify.com\/embed\/episode\/1i3y6a4Et9ffDF74LNY8Pe?utm_source=generator\" \n frameborder=\"0\" \n allowfullscreen=\"\" \n allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" \n loading=\"lazy\">\n <\/iframe>\n <\/div>\n<\/div>\n\n \n <div class=\"section-break\"><\/div>\n\n \n <div class=\"content-card\">\n <h2 style=\"font-size: clamp(14px, 4vw, 28px);\">Tu veux savoir ce qui arrive?<\/h2>\n <p class=\"content-text\">\n Bon, il y a quelques ann\u00e9es, je me suis \u00e9loign\u00e9 de la plupart des r\u00e9seaux sociaux. La vie est devenue plus l\u00e9g\u00e8re. Plus amusante.\n <br><br>\n C'est \u00e0 ce moment-l\u00e0 que j'ai commenc\u00e9 \u00e0 remarquer des choses qui me manquaient.\n <br><br>\n Comme demander son chemin au chauffeur de bus, tous les deux pris au d\u00e9pourvu, riant de voir \u00e0 quel point ce genre de moment \u00e9tait devenu rare.\n <br><br>\n Observer la politique des oiseaux, qui se nourrit, qui attend, qui est pouss\u00e9 de c\u00f4t\u00e9. J'essaie toujours de comprendre s'il y a un syst\u00e8me derri\u00e8re tout \u00e7a, ou juste du chaos.\n <br><br>\n M\u00eame juste en \u00e9tant au caf\u00e9. La personne devant toi commande exactement ta boisson compliqu\u00e9e, menant \u00e0 toute une conversation sur le snobisme du caf\u00e9 et si le lait d'avoine est all\u00e9 trop loin.\n <br><br>\n C'\u00e9taient des moments que je faisais d\u00e9filer sans m'arr\u00eater. Ils semblent petits mais ils s'accumulent.\n <br><br>\n Ce sentiment d'\u00eatre vraiment pr\u00e9sent est quelque chose que je veux apporter dans Two Birds One Stoned. Je n'essaie pas de dire aux gens quoi faire. Je sais juste que \u00e7a m'a aid\u00e9 \u00e0 me reconnecter avec ce qui compte, et peut-\u00eatre que \u00e7a peut le faire pour toi aussi.\n <br><br>\n L'\u00e9volution du monde nous \u00e9loigne de plus en plus de ce type de pr\u00e9sence. Aussi, lorsque vous reviendrez ici, je veux que ce soit parce que vous en avez l'intention, pour quelque chose qui m\u00e9rite votre attention, et pas seulement le d\u00e9filement habituel. Donc pas de r\u00e9seaux sociaux avec ce site.\n <br><br>\n Peut-\u00eatre qu'il y aura des occasions pour nous de nous connecter en nous d\u00e9connectant dans un futur pas si lointain. Voyons o\u00f9 cela nous m\u00e8ne.\n <br><br>\n La seule chose que je demande ? Si \u00e7a t'int\u00e9resse ou si tu veux voir o\u00f9 on peut aller avec \u00e7a ensemble, il y a une case en bas x \u00c7a m'aide \u00e0 te tenir au courant de ce qui se passe.\n <\/p>\n\n \n \n <form class=\"email-signup-form\" id=\"emailForm\" action=\"\">\n <div class=\"email-input-group\">\n <input type=\"email\" name=\"entry.690743589\" placeholder=\"Ton adresse email\" required class=\"email-input\" id=\"emailInput\">\n <button type=\"submit\" class=\"email-submit\" id=\"emailSubmitBtn\">Rejoins-nous<\/button>\n <\/div>\n <div id=\"formMessage\" style=\"margin-top: 1rem; text-align: center; font-weight: 600; display: none;\"><\/div>\n <input type=\"hidden\" name=\"trp-form-language\" value=\"fr\"\/><\/form>\n <\/div>\n <\/div>\n <\/section>\n\n <script>\n \/\/ Track theme state with a variable instead of CSS detection\n let isDarkTheme = true; \/\/ Start with dark theme\n\n function toggleThemeAndText() {\n const button = document.getElementById('theme-toggle');\n \n \/\/ Get current text and trim any whitespace\n const currentText = button.textContent.trim();\n \n \/\/ Toggle the button text and play corresponding audio\n if (currentText === '\ud83c\udf19') {\n button.textContent = '\u2600\ufe0f';\n playAudio('dayTimeAudio', 'https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Daytime-Bird-.mp3');\n isDarkTheme = false; \/\/ Set to light theme\n } else {\n button.textContent = '\ud83c\udf19';\n playAudio('nightTimeAudio', 'https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Nighttime-Bird.mp3');\n isDarkTheme = true; \/\/ Set to dark theme\n }\n \n \/\/ Call the theme toggle functionality\n toggleTheme();\n }\n\n \/\/ Create and play audio only when needed\n function playAudio(audioId, audioSrc) {\n let audio = document.getElementById(audioId);\n \n \/\/ Create audio element if it doesn't exist\n if (!audio) {\n audio = document.createElement('audio');\n audio.id = audioId;\n const source = document.createElement('source');\n source.src = audioSrc;\n source.type = 'audio\/mpeg';\n audio.appendChild(source);\n document.getElementById('audio-container').appendChild(audio);\n }\n \n if (audio) {\n audio.currentTime = 0;\n const playPromise = audio.play();\n \n if (playPromise !== undefined) {\n playPromise.then(() => {\n console.log(`${audioId} played successfully`);\n }).catch(error => {\n console.log(`Audio play failed for ${audioId}:`, error);\n showVisualFeedback(audioId);\n });\n }\n }\n }\n\n function showVisualFeedback(audioId) {\n const button = document.getElementById('theme-toggle');\n const originalTransform = button.style.transform;\n \n button.style.transform = 'scale(1.1)';\n button.style.transition = 'transform 0.1s ease';\n \n setTimeout(() => {\n button.style.transform = originalTransform;\n button.style.transition = 'all 0.3s ease';\n }, 100);\n }\n\n function toggleTheme() {\n const body = document.body;\n const html = document.documentElement;\n const homepageSection = document.querySelector('.tbos-homepage');\n const contentCards = document.querySelectorAll('.content-card, .nav-card');\n const title = document.querySelector('h1');\n const buttons = document.querySelectorAll('.email-submit');\n const toggleButton = document.getElementById('theme-toggle');\n \n \/\/ HEADER SELECTORS\n const header = document.querySelector('.tbos-header');\n const headerNavLinks = document.querySelectorAll('.tbos-nav a');\n const headerSocialLinks = document.querySelectorAll('.tbos-socials a');\n const dropdownContent = document.querySelectorAll('.dropdown-content');\n const hamburgerLines = document.querySelectorAll('.hamburger-line');\n \n \/\/ MOBILE MENU SELECTORS\n const mobileMenu = document.querySelector('.mobile-menu');\n const mobileMenuLinks = document.querySelectorAll('.mobile-menu a');\n const mobileSocialLinks = document.querySelectorAll('.mobile-socials a');\n \n \/\/ FOOTER SELECTORS\n const footerCardWrapper = document.querySelector('.footer-card-wrapper');\n const footerTitle = document.querySelector('.footer-card h4');\n const footerText = document.querySelectorAll('.footer-card p');\n const footerLinks = document.querySelectorAll('.footer-bottom-row a');\n const footerSocialLinks = document.querySelectorAll('.footer-social-group a');\n \n if (!isDarkTheme) {\n \/\/ LIGHT THEME (Day Time) - Cream background like other pages\n console.log('Applying LIGHT theme');\n \n \/\/ ADD BODY CLASS FOR THEME DETECTION\n body.classList.add('light-theme');\n body.classList.remove('dark-theme');\n \n \/\/ Apply cream background to html and body for full coverage\n html.style.setProperty('background', 'linear-gradient(135deg, #f8f6f0 0%, #ede8d8 25%, #e5dcc9 50%, #ede8d8 75%, #f8f6f0 100%)', 'important');\n body.style.setProperty('background', 'linear-gradient(135deg, #f8f6f0 0%, #ede8d8 25%, #e5dcc9 50%, #ede8d8 75%, #f8f6f0 100%)', 'important');\n \n \/\/ Ensure background covers entire viewport\n html.style.setProperty('margin', '0', 'important');\n html.style.setProperty('padding', '0', 'important');\n body.style.setProperty('margin', '0', 'important');\n body.style.setProperty('padding', '0', 'important');\n html.style.setProperty('min-height', '100vh', 'important');\n body.style.setProperty('min-height', '100vh', 'important');\n \n \/\/ UPDATE HEADER FOR LIGHT THEME\n if (header) {\n header.style.setProperty('background', '#ffffff', 'important');\n header.style.setProperty('border', '2px solid #000000', 'important');\n }\n \n \/\/ Update header navigation links for light theme\n headerNavLinks.forEach(link => {\n link.style.setProperty('color', '#2A2A2A', 'important');\n });\n \n \/\/ Update header social links for light theme\n headerSocialLinks.forEach(link => {\n link.style.setProperty('color', '#2A2A2A', 'important');\n });\n \n \/\/ Update dropdown content for light theme\n dropdownContent.forEach(dropdown => {\n dropdown.style.setProperty('background', '#ffffff', 'important');\n dropdown.style.setProperty('border', '2px solid #000000', 'important');\n \n const dropdownLinks = dropdown.querySelectorAll('a');\n dropdownLinks.forEach(link => {\n link.style.setProperty('color', '#2A2A2A', 'important');\n });\n });\n \n \/\/ Update hamburger lines for light theme\n hamburgerLines.forEach(line => {\n line.style.setProperty('background', '#2A2A2A', 'important');\n });\n \n \/\/ UPDATE MOBILE MENU FOR LIGHT THEME\n if (mobileMenu) {\n mobileMenu.style.setProperty('background', '#ffffff', 'important');\n mobileMenu.style.setProperty('border-left', '2px solid #000000', 'important');\n }\n \n mobileMenuLinks.forEach(link => {\n link.style.setProperty('color', '#2A2A2A', 'important');\n link.style.setProperty('border-bottom', '1px solid rgba(0, 0, 0, 0.1)', 'important');\n });\n \n mobileSocialLinks.forEach(link => {\n link.style.setProperty('color', '#2A2A2A', 'important');\n link.style.setProperty('background', 'rgba(0, 0, 0, 0.05)', 'important');\n });\n \n \/\/ UPDATE FOOTER FOR LIGHT THEME\n if (footerCardWrapper) {\n footerCardWrapper.style.setProperty('background', '#ffffff', 'important');\n footerCardWrapper.style.setProperty('border', '2px solid #000000', 'important');\n }\n \n if (footerTitle) {\n footerTitle.style.setProperty('color', '#B8860B', 'important'); \/\/ Gold for light theme\n }\n \n \/\/ Update footer text for light theme\n footerText.forEach(text => {\n text.style.setProperty('color', '#1a1a1a', 'important');\n text.style.setProperty('font-weight', '500', 'important');\n });\n \n \/\/ Update footer links for light theme - CHANGED TO BLACK\n footerLinks.forEach(link => {\n link.style.setProperty('color', '#000000', 'important'); \/\/ Black for light theme\n });\n \n \/\/ Update footer social links for light theme - KEEP GREEN\n footerSocialLinks.forEach(link => {\n link.style.setProperty('color', '#4CAF50', 'important'); \/\/ Keep green for light theme\n });\n \n \/\/ Light cards with dark text for Day Time\n contentCards.forEach(card => {\n card.style.setProperty('background-color', '#ffffff', 'important');\n card.style.setProperty('border', '2px solid #000000', 'important');\n card.style.setProperty('color', '#2A2A2A', 'important');\n \n \/\/ Update card titles and special spans\n const cardTitles = card.querySelectorAll('h2, h3, .title');\n cardTitles.forEach(cardTitle => {\n cardTitle.style.setProperty('color', '#B8860B', 'important'); \/\/ Gold for light theme\n \n \/\/ Handle special spans in titles\n const spans = cardTitle.querySelectorAll('span');\n spans.forEach(span => {\n if (span.textContent === 'BREAK' || span.textContent === 'STIGMA') {\n span.style.setProperty('color', '#B8860B', 'important'); \/\/ Gold for light theme\n }\n if (span.textContent === 'THE') {\n span.style.setProperty('color', '#2A2A2A', 'important'); \/\/ Dark for light theme - much more visible\n }\n });\n });\n \n \/\/ Update card text\n const cardTexts = card.querySelectorAll('p, .description, .content-text');\n cardTexts.forEach(cardP => {\n cardP.style.setProperty('color', '#1a1a1a', 'important');\n cardP.style.setProperty('font-weight', '500', 'important');\n });\n \n \/\/ Update strong\/highlighted text for better readability in light mode\n const strongTexts = card.querySelectorAll('strong');\n strongTexts.forEach(strong => {\n strong.style.setProperty('color', '#000000', 'important');\n strong.style.setProperty('font-weight', '600', 'important');\n });\n \n \/\/ Update email input for light theme\n const emailInputs = card.querySelectorAll('.email-input');\n emailInputs.forEach(input => {\n input.style.setProperty('background', '#ffffff', 'important');\n input.style.setProperty('color', '#2A2A2A', 'important');\n input.style.setProperty('border', '2px solid #B8860B', 'important');\n input.style.setProperty('border-radius', '50px', 'important');\n });\n\n \/\/ Update Continue Reading link for light theme\n const continueReadingLinks = card.querySelectorAll('.continue-reading-link');\n continueReadingLinks.forEach(link => {\n link.style.setProperty('color', '#B8860B', 'important'); \/\/ Gold for light theme\n });\n });\n \n \/\/ Update standalone tagline section for light theme - FORCE the colors\n const breakSpan = document.querySelector('.break-span');\n const theSpan = document.querySelector('.the-span');\n const stigmaSpan = document.querySelector('.stigma-span');\n const taglineSubtitle = document.querySelector('.tagline-subtitle');\n \n if (breakSpan) {\n breakSpan.style.setProperty('color', '#B8860B', 'important'); \/\/ Gold for light theme\n }\n if (stigmaSpan) {\n stigmaSpan.style.setProperty('color', '#B8860B', 'important'); \/\/ Gold for light theme\n }\n if (theSpan) {\n theSpan.style.setProperty('color', '#2A2A2A', 'important'); \/\/ Dark for light theme\n }\n if (taglineSubtitle) {\n taglineSubtitle.style.setProperty('color', '#1a1a1a', 'important');\n taglineSubtitle.style.setProperty('font-weight', '500', 'important');\n }\n \n \/\/ Update buttons to gold for Day Time\n buttons.forEach(button => {\n button.style.setProperty('background-color', '#B8860B', 'important'); \/\/ Gold to match title\n button.style.setProperty('color', '#fff', 'important');\n });\n \n \/\/ Update toggle button for light theme\n if (toggleButton) {\n toggleButton.style.setProperty('background', '#ffffff', 'important');\n toggleButton.style.setProperty('border', '2px solid #B8860B', 'important');\n toggleButton.style.setProperty('color', '#B8860B', 'important');\n }\n \n \/\/ Update title for light theme - REMOVE TEXT SHADOW\n if (title) {\n title.style.setProperty('text-shadow', 'none', 'important');\n \n const spans = title.querySelectorAll('span');\n spans.forEach(span => {\n if (span.textContent === 'BIRDS' || span.textContent === 'ONE') {\n span.style.setProperty('color', '#B8860B', 'important'); \/\/ Dark gold for light theme\n }\n if (span.textContent === 'TWO' || span.textContent === 'STONED') {\n span.style.setProperty('color', '#2A2A2A', 'important'); \/\/ Dark for light theme\n }\n });\n }\n \n } else {\n \/\/ DARK THEME (Night Time)\n console.log('Applying DARK theme');\n \n \/\/ REMOVE LIGHT THEME CLASS AND ADD DARK THEME CLASS\n body.classList.remove('light-theme');\n body.classList.add('dark-theme');\n \n \/\/ Apply dark background to html and body\n html.style.setProperty('background', 'linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%)', 'important');\n body.style.setProperty('background', 'linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%)', 'important');\n \n \/\/ Ensure background covers entire viewport\n html.style.setProperty('margin', '0', 'important');\n html.style.setProperty('padding', '0', 'important');\n body.style.setProperty('margin', '0', 'important');\n body.style.setProperty('padding', '0', 'important');\n html.style.setProperty('min-height', '100vh', 'important');\n body.style.setProperty('min-height', '100vh', 'important');\n \n \/\/ UPDATE HEADER FOR DARK THEME\n if (header) {\n header.style.setProperty('background', '#1d1d1d', 'important');\n header.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n }\n \n \/\/ Update header navigation links for dark theme\n headerNavLinks.forEach(link => {\n link.style.setProperty('color', '#f5ebd6', 'important');\n });\n \n \/\/ Update header social links for dark theme\n headerSocialLinks.forEach(link => {\n link.style.setProperty('color', '#f5ebd6', 'important');\n });\n \n \/\/ Update dropdown content for dark theme\n dropdownContent.forEach(dropdown => {\n dropdown.style.setProperty('background', '#1d1d1d', 'important');\n dropdown.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n \n const dropdownLinks = dropdown.querySelectorAll('a');\n dropdownLinks.forEach(link => {\n link.style.setProperty('color', '#f5ebd6', 'important');\n });\n });\n \n \/\/ Update hamburger lines for dark theme\n hamburgerLines.forEach(line => {\n line.style.setProperty('background', '#f5ebd6', 'important');\n });\n \n \/\/ UPDATE MOBILE MENU FOR DARK THEME\n if (mobileMenu) {\n mobileMenu.style.setProperty('background', 'rgba(29, 29, 29, 0.98)', 'important');\n mobileMenu.style.setProperty('border-left', '1px solid rgba(156,175,136,0.3)', 'important');\n }\n \n mobileMenuLinks.forEach(link => {\n link.style.setProperty('color', '#f5ebd6', 'important');\n link.style.setProperty('border-bottom', '1px solid rgba(255, 255, 255, 0.1)', 'important');\n });\n \n mobileSocialLinks.forEach(link => {\n link.style.setProperty('color', '#f5ebd6', 'important');\n link.style.setProperty('background', 'rgba(255, 255, 255, 0.05)', 'important');\n });\n \n \/\/ UPDATE FOOTER FOR DARK THEME\n if (footerCardWrapper) {\n footerCardWrapper.style.setProperty('background', '#1d1d1d', 'important');\n footerCardWrapper.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n }\n \n if (footerTitle) {\n footerTitle.style.setProperty('color', '#F4C542', 'important'); \/\/ Yellow for dark theme\n }\n \n \/\/ Update footer text for dark theme\n footerText.forEach(text => {\n text.style.setProperty('color', '#f5ebd6', 'important');\n text.style.setProperty('font-weight', '400', 'important');\n });\n \n \/\/ Update footer links for dark theme\n footerLinks.forEach(link => {\n link.style.setProperty('color', '#4CAF50', 'important'); \/\/ Green for dark theme\n });\n \n \/\/ Update footer social links for dark theme\n footerSocialLinks.forEach(link => {\n link.style.setProperty('color', '#4CAF50', 'important'); \/\/ Green for dark theme\n });\n \n \/\/ Update content cards for dark theme - FIXED TO USE #1d1d1d LIKE DISCLAIMER\n contentCards.forEach(card => {\n card.style.setProperty('background-color', '#1d1d1d', 'important'); \/\/ Changed from rgba(0,0,0,0.85) to #1d1d1d\n card.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n card.style.setProperty('color', '#F5EBD6', 'important');\n \n \/\/ Update card titles\n const cardTitles = card.querySelectorAll('h2, h3, .title');\n cardTitles.forEach(cardTitle => {\n cardTitle.style.setProperty('color', '#F4C542', 'important'); \/\/ Yellow for dark theme\n \n \/\/ Handle special spans in titles\n const spans = cardTitle.querySelectorAll('span');\n spans.forEach(span => {\n if (span.textContent === 'BREAK' || span.textContent === 'STIGMA') {\n span.style.setProperty('color', '#F4C542', 'important'); \/\/ Yellow for dark theme\n }\n if (span.textContent === 'THE') {\n span.style.setProperty('color', '#F5EBD6', 'important'); \/\/ White\/cream for dark theme\n }\n });\n });\n \n \/\/ Update card text\n const cardTexts = card.querySelectorAll('p, .description, .content-text');\n cardTexts.forEach(cardP => {\n cardP.style.setProperty('color', '#E3E3DC', 'important');\n cardP.style.setProperty('font-weight', '400', 'important');\n });\n \n \/\/ Update strong\/highlighted text for dark mode\n const strongTexts = card.querySelectorAll('strong');\n strongTexts.forEach(strong => {\n strong.style.setProperty('color', '#F4C542', 'important');\n strong.style.setProperty('font-weight', '600', 'important');\n });\n \n \/\/ Reset email input for dark theme\n const emailInputs = card.querySelectorAll('.email-input');\n emailInputs.forEach(input => {\n input.style.setProperty('background', 'rgba(29,29,29,0.9)', 'important');\n input.style.setProperty('color', '#F5EBD6', 'important');\n input.style.setProperty('border', '2px solid rgba(156,175,136,0.4)', 'important');\n input.style.setProperty('border-radius', '50px', 'important');\n });\n\n \/\/ Reset Continue Reading link for dark theme\n const continueReadingLinks = card.querySelectorAll('.continue-reading-link');\n continueReadingLinks.forEach(link => {\n link.style.setProperty('color', '#4CAF50', 'important'); \/\/ Green for dark theme\n });\n });\n \n \/\/ Update standalone tagline section for dark theme - FORCE the colors \n const breakSpan = document.querySelector('.break-span');\n const theSpan = document.querySelector('.the-span');\n const stigmaSpan = document.querySelector('.stigma-span');\n const taglineSubtitle = document.querySelector('.tagline-subtitle');\n \n if (breakSpan) {\n breakSpan.style.setProperty('color', '#F4C542', 'important'); \/\/ Yellow for dark theme\n }\n if (stigmaSpan) {\n stigmaSpan.style.setProperty('color', '#F4C542', 'important'); \/\/ Yellow for dark theme\n }\n if (theSpan) {\n theSpan.style.setProperty('color', '#F5EBD6', 'important'); \/\/ White\/cream for dark theme\n }\n if (taglineSubtitle) {\n taglineSubtitle.style.setProperty('color', '#E3E3DC', 'important');\n taglineSubtitle.style.setProperty('font-weight', '400', 'important');\n }\n \n \/\/ Keep buttons green for Night Time\n buttons.forEach(button => {\n button.style.setProperty('background-color', '#4CAF50', 'important'); \/\/ Green for night time\n button.style.setProperty('color', '#000', 'important');\n });\n \n \/\/ Update toggle button for dark theme\n if (toggleButton) {\n toggleButton.style.setProperty('background', 'rgba(0,0,0,0.8)', 'important');\n toggleButton.style.setProperty('border', '2px solid #4CAF50', 'important');\n toggleButton.style.setProperty('color', '#4CAF50', 'important');\n }\n \n \/\/ Update title for dark theme - RESTORE TEXT SHADOW\n if (title) {\n title.style.setProperty('text-shadow', '2px 2px 8px rgba(0,0,0,0.8)', 'important');\n \n const spans = title.querySelectorAll('span');\n spans.forEach(span => {\n if (span.textContent === 'BIRDS' || span.textContent === 'ONE') {\n span.style.setProperty('color', '#F4C542', 'important'); \/\/ Yellow for dark theme\n }\n if (span.textContent === 'TWO' || span.textContent === 'STONED') {\n span.style.setProperty('color', '#F5EBD6', 'important'); \/\/ White\/cream for dark theme\n }\n });\n }\n }\n \n console.log('Theme toggle complete');\n }\n\n \/\/ Apply initial theme on page load\n document.addEventListener('DOMContentLoaded', function() {\n toggleTheme();\n initializeAnimations();\n setupEmailForm();\n });\n\n \/\/ Email form submission handler\n function setupEmailForm() {\n const form = document.getElementById('emailForm');\n const emailInput = document.getElementById('emailInput');\n const submitBtn = document.getElementById('emailSubmitBtn');\n const messageDiv = document.getElementById('formMessage');\n \n form.addEventListener('submit', function(e) {\n e.preventDefault();\n \n const email = emailInput.value.trim();\n if (!email) return;\n \n \/\/ Show loading state\n const originalText = submitBtn.textContent;\n submitBtn.textContent = 'Joining...';\n submitBtn.disabled = true;\n \n \/\/ Create form data\n const formData = new FormData();\n formData.append('entry.690743589', email);\n \n \/\/ Submit to Google Forms\n fetch('https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLScW8HjmPphzsshGW4S1qe1wHtQTkEcJhDhvl0u34o9ep-wepQ\/formResponse', {\n method: 'POST',\n body: formData,\n mode: 'no-cors'\n })\n .then(() => {\n \/\/ Show success message\n messageDiv.style.display = 'block';\n messageDiv.style.color = '#4CAF50';\n messageDiv.textContent = '\ud83c\udf89 Thanks! You\\'re on the list.';\n \n \/\/ Clear form\n emailInput.value = '';\n \n \/\/ Hide message after 5 seconds\n setTimeout(() => {\n messageDiv.style.display = 'none';\n }, 5000);\n })\n .catch(() => {\n \/\/ Show error message\n messageDiv.style.display = 'block';\n messageDiv.style.color = '#ff6b6b';\n messageDiv.textContent = 'Oops! Something went wrong. Please try again.';\n \n \/\/ Hide message after 5 seconds\n setTimeout(() => {\n messageDiv.style.display = 'none';\n }, 5000);\n })\n .finally(() => {\n \/\/ Reset button\n submitBtn.textContent = originalText;\n submitBtn.disabled = false;\n });\n });\n }\n\n \/\/ Animation Functions\n function initializeAnimations() {\n \/\/ Animate title in first\n setTimeout(() => {\n const titleContainer = document.querySelector('.title-container');\n if (titleContainer) {\n titleContainer.style.opacity = '1';\n titleContainer.style.transform = 'translateY(0)';\n }\n }, 200);\n\n \/\/ Animate cards in with staggered timing\n const cards = document.querySelectorAll('.content-card, .nav-card');\n cards.forEach((card, index) => {\n setTimeout(() => {\n card.classList.add('animate-in');\n }, 600 + (index * 150)); \/\/ Start after title, then 150ms between each card\n });\n }\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Two Birds One Stoned – Evidence-Based Cannabis Education & Science TWO BIRDS ONE STONED \ud83c\udf19 What We’re About Two Birds One Stoned exists to flip the script on cannabis. We help educate with facts, stories, and perspective, because the stigma dies when the truth spreads. Cannabis deserves better conversations. Start learning. Ask questions. Challenge the […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-211","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/pages\/211","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/comments?post=211"}],"version-history":[{"count":120,"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/pages\/211\/revisions"}],"predecessor-version":[{"id":7941,"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/pages\/211\/revisions\/7941"}],"wp:attachment":[{"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/media?parent=211"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}