Octordle

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Octordle</title> <meta name="description" content="Put your skills to the test and solve eight word games at once! You have 13 guesses to solve all eight words. A new Octordle available each day to solve." /> <meta name="keywords" content="Octordle, Quordle, Dordle, Wordle, word game, puzzle, brain teaser" /> <meta name="author" content="octordle" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />  <meta property="og:url" content="https://www.britannica.com/games/octordle/" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Octordle" /> <meta property="og:description" content="Put your skills to the test and solve eight word games at once! You have 13 guesses to solve all eight words. A new Octordle available each day to solve." /> <meta property="og:image" content="https://www.britannica.com/games/octordle/screenshot.png" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="285" />  <meta name="twitter:card" content="summary_large_image" /> <meta property="twitter:domain" content="www.britannica.com" />  <link rel="canonical" href="https://www.britannica.com/games/octordle/" /> <link rel="manifest" href="manifest.json" /> <link rel="shortcut icon" sizes="192x192" href="favicon-192.png" /> <link rel="shortcut icon" sizes="128x128" href="favicon-128.png" /> <link rel="apple-touch-icon" sizes="128x128" href="favicon-128.png" /> <link rel="apple-touch-icon-precomposed" sizes="128x128" href="favicon-128.png" /> <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /> <link rel="preconnect" href="https://prod-mw-cms.m-w.com" crossorigin /> <link rel="dns-prefetch" href="https://prod-mw-cms.m-w.com" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@700&display=swap" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@700&display=swap" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400&display=swap" rel="stylesheet" />  <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != "dataLayer" ? "&l=" + l : ""; j.async = true; j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl + ""; f.parentNode.insertBefore(j, f); })(window, document, "script", "dataLayer", "GTM-PXN95GW"); </script>   <script async src="https://iagssMB5sxMkJGzBu.ay.delivery/manager/iagssMB5sxMkJGzBu" type="text/javascript" referrerpolicy="no-referrer-when-downgrade" ></script>   <script> window.ap3c = window.ap3c || {}; var ap3c = window.ap3c; ap3c.cmd = ap3c.cmd || []; ap3c.cmd.push(function () { ap3c.init( "ZO4siT4cLwnykPnzZWJtd3Byb2Q", "https://engage.wotd.m-w.com/" ); ap3c.track({ v: 0 }); }); ap3c.activity = function (act) { ap3c.act = ap3c.act || []; ap3c.act.push(act); }; var s, t; s = document.createElement("script"); s.type = "text/javascript"; s.src = "https://engage.wotd.m-w.com/app.js"; t = document.getElementsByTagName("script")[0]; t.parentNode.insertBefore(s, t); </script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } </script> <script> window.__COMMIT_REF__ = "3cd2555"; window.new_url = "https://www.britannica.com/games/octordle/"; window.old_url = "https://www.octordle.com"; window.launch_date = "2024-05-22"; window.api_eb_menu = "https://www.britannica.com/api/games/leftMenu"; window.api_url = "https://prod-mw-cms.m-w.com"; window.api_data_url = "https://api.merriam-webster.com"; window.api_assets_url = "https://api.merriam-webster.com"; window.octordle_theme = "eb"; </script> <script> try { console.log("ver 230222" + window.__COMMIT_REF__); function clearDocument(url, redoHistory, reload) { url.delete("mwrd"); if (redoHistory) { window.history.replaceState({}, document.title, window.new_url); } if (reload) { window.location.reload(true); } window.octordle_load = true; } function migrate(mgdb, mwid, mwsl) { fetch( mgdb + "?" + new URLSearchParams({ id: mwid, }) ) .then((response) => response.json()) .then((migrationData) => { console.log(`migration: migrationData loaded`); console.log( `migration: deleting ${ Object.keys(localStorage).filter((key) => key.includes("mw_gs_octordle_") ).length } octordle keys` ); Object.keys(localStorage).forEach((key) => key.startsWith("mw_gs_octordle_") ? localStorage.removeItem(key) : null ); for (const key in migrationData) { console.log(`migration: setting ${key}`); localStorage.setItem( "mw_gs_octordle_" + key, migrationData[key] ); } console.log("migration: migration finished"); localStorage.setItem("mw_gs_octordle_migrated", true); gtag("event", "completedMigration", { event_category: "Octordle - Migration Check", event_label: "Migration Completed with Data Saved", game_data: { migration_id: mwid, stats: migrationData, }, }); }) .catch((err) => { console.log( "migration: there was an error getting you migration data, reset stats required" ); console.log(err); localStorage.setItem("mw_gs_octordle_migrated", true); gtag("event", "dataRetrieveFail", { event_category: "Octordle - Migration Check", event_label: "Failed retrieving migration data", game_data: { migration_id: mwid, }, }); }) .finally(() => { clearDocument(mwsl, true); }); } const mgdb = window.api_url + "/octordle/migration"; const mwmg = localStorage.getItem("mw_gs_octordle_migrated") === "true"; const mwsl = new URLSearchParams(location.search); const mwid = mwsl.get("mwrd"); const mwrst = mwsl.get("mwrst"); const mwfm = mwsl.get("mwfm"); if (mwid) { gtag("event", "parameterCheck", { event_category: "Octordle - Migration Check", event_label: "Parameter Check Pass", game_data: { migration_id: mwid, }, }); } if (mwrst && location.href.indexOf(window.old_url) >= 0) { console.log("migration: clearing migration id"); localStorage.removeItem("migrationId"); clearDocument(mwsl, true); } const mwfd = new Date(window.launch_date + "T00:00:00").getTime(); const mwtd = Date.now(); if ( mwid && location.href.indexOf(window.new_url) >= 0 && !mwmg && mwtd >= mwfd ) { console.log("migration: id found, started fetching data from api"); migrate(mgdb, mwid, mwsl); } else if ( mwid && location.href.indexOf(window.new_url) >= 0 && mwmg && mwtd >= mwfd && mwfm && confirm("Are you sure you want to re-migrate with new data?") ) { migrate(mgdb, mwid, mwsl); } else if ( mwid && location.href.indexOf(window.new_url) >= 0 && mwmg && mwtd >= mwfd ) { console.log(`migration: already migrated before`); gtag("event", "alreadyMigrated", { event_category: "Octordle - Migration Check", event_label: "Already Migrated", game_data: { migration_id: mwid, }, }); clearDocument(mwsl, true); } else { console.log("migration: no action, loading game"); clearDocument(mwsl); } } catch (err) { console.log("migration: there was an error migrating"); console.log(err); const mwsl = new URLSearchParams(location.search); const mwid = mwsl.get("mwrd"); if (mwid) { gtag("event", "fail", { event_category: "Octordle - Migration Check", event_label: "Data is malformed / Error", game_data: { migration_id: mwid, }, }); } clearDocument(mwsl); } </script>  <script type="text/javascript" src="https://www.merriam-webster.com/assets/mw/at/20240311/at.js" async ></script>   <style> .ad-banner { width: 100%; background-color: rgb(13 57 85); overflow: hidden; } .ad-board { background: #ececec; max-height: 500px; flex-grow: 2; width: 100% !important; max-width: 550px !important; } .ad-below-board { background: #ececec; margin: 1rem auto; width: 100%; } .ad-archive, .ad-below-board, .ad-challenges { max-width: 550px; max-height: 350px; } .ad-container { height: 60px; position: relative; margin-top: 0.25rem; margin-bottom: 0.25rem; text-align: center; display: flex; align-items: center; justify-content: center; overflow: hidden !important; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; clip: rect(auto, auto, auto, auto); clip-path: inset(0 0 0 0); contain: paint; } .no-overflow { overflow: hidden !important; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; clip: rect(auto, auto, auto, auto); clip-path: inset(0 0 0 0); contain: paint; text-align: center; display: flex; align-items: center; justify-content: center; } .ad-banner--header { z-index: 2147483647; } .ad-banner { background: transparent; } .ad-banner--header .ad-container { height: 60px; max-height: 60px; margin-top: 5px; margin-bottom: 5px; } .ad-banner--footer .ad-container { margin-top: 1.5rem; margin-bottom: 0.25rem; } .ad-banner--footer .ad-container { height: 50px; max-height: 50px; } .ad-banner--fixed-bottom { position: fixed; bottom: 0; z-index: 2147483646; /* 1 less than max possible zindex to stay on top of the scroll content but below menu*/ } .ad-banner.ad-banner--post-game { display: block; position: relative; z-index: 99; } .ad-banner--no-flex { flex: none; } @media all and (max-width: 550px) { .ad-banner--hide-mobile { display: none; } } @media all and (min-width: 550px) { .ad-banner--header .ad-container { height: 90px; max-height: 90px; } .ad-banner--footer { display: none; } .ad-banner--footer .ad-container { margin-top: 1rem; } } .show-ad-notvisible .ad-banner--header, .show-ad-notvisible .ad-banner { display: none !important; } </style>  <script type="module" crossorigin src="/games/octordle/assets/index.c4e030d6.js"></script> <link rel="modulepreload" href="/games/octordle/assets/vendor.b1dc6e50.js"> <link rel="stylesheet" href="/games/octordle/assets/index.07fa37a0.css"> </head> <body> <div id="octordle-loading" style=" position: fixed; background-color: #181a1b; font-family: 'Roboto'; color: white; display: grid; place-items: center; height: 100%; width: 100%; z-index: 2147483645; top: 0; left: 0; bottom: 0; right: 0; " > Loading.. </div>  <noscript ><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PXN95GW" height="0" width="0" style="display: none; visibility: hidden" ></iframe ></noscript>  <div class=" ad-banner ad-banner--header ad-banner--no-flex ad-banner--hide-mobile " style=" position: relative; " > <div id="header-placement" class="ad-container adswrapper no-overflow" ></div> </div> <div id="body"></div> <div class=" ad-banner ad-banner--footer ad-banner--no-flex " style=" position: fixed; bottom: 0; left: 0; z-index: 2147483648; " > <div id="footer-placement" class="ad-container adswrapper no-overflow" ></div> </div> <script> let _vh = (window.innerHeight && document.documentElement.clientHeight ? Math.min(window.innerHeight, document.documentElement.clientHeight) : window.innerHeight || document.documentElement.clientHeight || document.getElementsByTagName("body")[0].clientHeight) * 0.01; document.documentElement.style.setProperty("--vh", `${_vh}px`); window.addEventListener("resize", function (event) { let _vh = (window.innerHeight && document.documentElement.clientHeight ? Math.min( window.innerHeight, document.documentElement.clientHeight ) : window.innerHeight || document.documentElement.clientHeight || document.getElementsByTagName("body")[0].clientHeight) * 0.01; document.documentElement.style.setProperty("--vh", `${_vh}px`); }); </script> </body> </html>

CINXE.COM

Octordle