{"id":794,"date":"2025-07-14T16:52:50","date_gmt":"2025-07-14T16:52:50","guid":{"rendered":"https:\/\/distinctiverepetition.com\/?page_id=794"},"modified":"2026-06-19T15:04:35","modified_gmt":"2026-06-19T15:04:35","slug":"homepage","status":"publish","type":"page","link":"https:\/\/distinctiverepetition.com\/?page_id=794","title":{"rendered":"Homepage"},"content":{"rendered":"\n<style>\n.desktop-video-bg {\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    width: 100vw;\n    height: 100vh;\n    transform: translate(-50%, -50%);\n    z-index: -1;\n    pointer-events: none;\n    display: none;\n}\n\n.desktop-video-bg video {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n\/* Desktop only *\/\n@media (min-width: 768px) {\n    .desktop-video-bg {\n        display: block;\n    }\n}\n<\/style>\n\n<div class=\"desktop-video-bg\">\n  <video autoplay muted loop playsinline preload=\"auto\" id=\"desktopBgVideo\"><\/video>\n<\/div>\n\n<script>\n(function () {\n  if (window.innerWidth < 768) return;\n\n  var videos = [\n\n    \"https:\/\/distinctiverepetition.com\/wp-content\/uploads\/2026\/01\/DR_AA_Sequence_V6.mp4\",\n    \"https:\/\/distinctiverepetition.com\/wp-content\/uploads\/2026\/01\/DR_DT_V7.mp4\",\n    \"https:\/\/distinctiverepetition.com\/wp-content\/uploads\/2026\/06\/DR_DT_V8.mp4\"\n  ];\n\n  var video = document.getElementById(\"desktopBgVideo\");\n  var src = document.createElement(\"source\");\n\n  src.src = videos[Math.floor(Math.random() * videos.length)];\n  src.type = \"video\/mp4\";\n\n  video.appendChild(src);\n  video.load();\n})();\n<\/script>\n\n\n\n<style>\n\/* ===== Mobile background containers ===== *\/\n.mobile-video-bg,\n.mobile-gif-bg {\n    position: absolute;          \/* critical fix *\/\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 0;                  \/* sits behind UI *\/\n    pointer-events: none;\n    touch-action: none;\n    overflow: hidden;\n}\n\n\/* Media fills container *\/\n.mobile-video-bg video,\n.mobile-gif-bg img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n\/* Default hidden *\/\n.mobile-video-bg,\n.mobile-gif-bg {\n    display: none;\n}\n\n\/* Mobile only *\/\n@media (max-width: 767px) {\n    .mobile-video-bg {\n        display: block;\n    }\n}\n\n\/* Reduced motion \u2192 GIF only *\/\n@media (prefers-reduced-motion: reduce) {\n    .mobile-video-bg {\n        display: none;\n    }\n    .mobile-gif-bg {\n        display: block;\n    }\n}\n\n\/* Ensure navigation is always clickable *\/\nheader,\n.site-header,\n.main-navigation {\n    position: relative;\n    z-index: 10;\n}\n<\/style>\n\n<div class=\"mobile-video-bg\" aria-hidden=\"true\">\n  <video autoplay muted loop playsinline preload=\"metadata\"><\/video>\n<\/div>\n\n<div class=\"mobile-gif-bg\" aria-hidden=\"true\">\n  <img id=\"mobileGif\" alt=\"\">\n<\/div>\n\n<script>\n(function () {\n  \/\/ Exit on desktop\n  if (window.innerWidth > 767) return;\n\n  \/* ---- FILES ---- *\/\n\n  var videos = [\n    \"https:\/\/distinctiverepetition.com\/wp-content\/uploads\/2026\/01\/DR_AA_MB_V2.mp4\",\n    \"https:\/\/distinctiverepetition.com\/wp-content\/uploads\/2026\/01\/DR_MB_V5.mp4\",\n    \"https:\/\/distinctiverepetition.com\/wp-content\/uploads\/2026\/06\/DR_MB_V6.mp4\"\n\n  ];\n\n  var gifs = [\n    \"https:\/\/distinctiverepetition.com\/wp-content\/uploads\/2026\/01\/DR_MB_Gif_1.gif\",\n    \"https:\/\/distinctiverepetition.com\/wp-content\/uploads\/2026\/01\/DR_MB_Gif_2.gif\",\n    \"https:\/\/distinctiverepetition.com\/wp-content\/uploads\/2026\/01\/DR_MB_Gif_3.gif\",\n    \"https:\/\/distinctiverepetition.com\/wp-content\/uploads\/2026\/01\/DR_MB_Gif_4.gif\",\n    \"https:\/\/distinctiverepetition.com\/wp-content\/uploads\/2026\/01\/DR_MB_Gif_5.gif\",\n    \"https:\/\/distinctiverepetition.com\/wp-content\/uploads\/2026\/06\/DR_MB_Gif_6.gif\"\n\n\n\n\n  ];\n\n  \/* ---- HELPERS ---- *\/\n\n  function pick(arr) {\n    return arr[Math.floor(Math.random() * arr.length)];\n  }\n\n  var videoWrapper = document.querySelector(\".mobile-video-bg\");\n  var gifWrapper   = document.querySelector(\".mobile-gif-bg\");\n  var video        = videoWrapper.querySelector(\"video\");\n  var gif          = document.getElementById(\"mobileGif\");\n\n  \/\/ Pick random assets\n  var chosenVideo = pick(videos);\n  var chosenGif   = pick(gifs);\n\n  \/\/ Set GIF immediately as fallback\n  gif.src = chosenGif;\n\n  \/\/ Attach video source\n  var source = document.createElement(\"source\");\n  source.src = chosenVideo;\n  source.type = \"video\/mp4\";\n  video.appendChild(source);\n\n  video.load();\n\n  \/\/ Attempt autoplay (fails on Low Power Mode \/ iOS)\n  var playAttempt = video.play();\n\n  if (playAttempt !== undefined) {\n    playAttempt.catch(function () {\n      videoWrapper.style.display = \"none\";\n      gifWrapper.style.display = \"block\";\n    });\n  }\n})();\n<\/script>\n\n\n\n<!-- Mobile-only clickable hotspots -->\n<a href=\"https:\/\/distinctiverepetition.com\/\" class=\"hotspot left\"><\/a>\n<a href=\"https:\/\/distinctiverepetition.com\/?page_id=2\/right-link\" class=\"hotspot right\"><\/a>\n\n<style>\n@media (max-width: 767px) {\n  .hotspot {\n    position: fixed;\n    top: 0;               \/* at the top of the screen *\/\n    height: 30px;         \/* thin letterbox style *\/\n    z-index: 9999;\n    display: block;\n    pointer-events: auto;\n    \/* Visible overlay for testing *\/\n \/*   background: rgba(255,0,0,0.2); *\/\n  }\n\n  \/* Left hotspot: left half of screen *\/\n  .hotspot.left {\n    left: 0;\n    right: 50%;\n  }\n\n  \/* Right hotspot: right half of screen *\/\n  .hotspot.right {\n    left: 50%;\n    right: 0;\n  }\n}\n\n\/* Hide on desktop *\/\n@media (min-width: 768px) {\n  .hotspot {\n    display: none;\n  }\n}\n<\/style>\n\n\n\n<a href=\"https:\/\/distinctiverepetition.com\/\" class=\"hotspot-arrow\" aria-label=\"Next\">\n  \u2192\n<\/a>\n\n<style>\n.hotspot-arrow {\n  font-size: 26px;\n  line-height: 1;\n  text-decoration: none;\n  color: #fff;\n  background: transparent;\n\n  border: none;\n  outline: none;\n  box-shadow: none;\n\n  z-index: 99999;\n  pointer-events: auto;\n}\n\n\/* DESKTOP *\/\n@media (min-width: 768px) {\n  .hotspot-arrow {\n    position: fixed;      \/* critical: avoids layout blockers *\/\n    bottom: 40px;\n    right: 120px;\n    font-size: 28px;\n  }\n}\n\n\/* MOBILE *\/\n@media (max-width: 767px) {\n  .hotspot-arrow {\n    position: fixed;\n    bottom: 10px;\n    right: 30px;\n    font-size: 30px;\n  }\n\n  .hotspot-arrow:active {\n    transform: scale(0.95);\n  }\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>\u2192<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-794","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/distinctiverepetition.com\/index.php?rest_route=\/wp\/v2\/pages\/794","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/distinctiverepetition.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/distinctiverepetition.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/distinctiverepetition.com\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/distinctiverepetition.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=794"}],"version-history":[{"count":0,"href":"https:\/\/distinctiverepetition.com\/index.php?rest_route=\/wp\/v2\/pages\/794\/revisions"}],"wp:attachment":[{"href":"https:\/\/distinctiverepetition.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=794"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}