1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="initial-scale = 1, width=device-width"> 6 <meta name="keywords" content="Lucasarts, Double Fine Productions, Telltale Games, Deathspank, Monkey Island, Sam & Max"> 7 <meta property="og:type" content="website"> 8 <meta property="og:site_name" content="The International House of Mojo"> 9 <meta name="twitter:creator" content="@mixnmojo"> 10 <meta name="twitter:card" content="summary_large_image"> 11 <meta name="twitter:site" content="@mixnmojo"> 12 13 <meta property="og:url" content="https://mixnmojo.com/news/Retro-Gamer-Escapes-from-Monkey-Island"> 14 <meta property="og:description" content="The Monkey Kombat debate rages on."> 15 <meta property="description" content="The Monkey Kombat debate rages on."> 16 <meta name="twitter:description" content="The Monkey Kombat debate rages on."> 17 <meta property="og:image" content="https://mixnmojo.com/_theme/EXPlus/og/?i=LucasArts-News&f=3129"> 18 <meta name="twitter:image" content="https://mixnmojo.com/_theme/EXPlus/og/?i=LucasArts-News&f=3129"> 19 <meta name="mojo:image" content="https://mixnmojo.com/_theme/EXPlus/og/LucasArts-News.jpg"> 20 21 <meta property="og:title" content="Retro Gamer Escapes from Monkey Island | The International House of Mojo"> 22 <meta name="twitter:title" content="Retro Gamer Escapes from Monkey Island | The International House of Mojo"> 23 24 <link rel="stylesheet" href="https://use.typekit.net/rkf4gnp.css"> 25 <link rel="stylesheet" href="/_theme/EXPlus/fontawesome/fontawesome-free-6.6.0-web/css/all.min.css" type="text/css" media="screen"> 26 <link rel="me" href="https://idlethumbs.social/@mixnmojo"> 27 28 <style> 29 .noborder { border: 0 !important; width: unset !important; } * { -webkit-box-sizing: border-box; box-sizing: border-box; outline: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); a { color: rgb(39,35,80); } button { cursor: pointer; } button { background: rgb(39,35,80); border: 0; color: rgb(255,255,255); } label { display: none; } input, textarea { -moz-appearance: none; -webkit-appearance: none; appearance: none; } /* input:focus { background: rgba(255,255,255,1); } */ ::-webkit-input-placeholder { color: rgb(0,0,0); } ::-moz-placeholder { color: rgb(0,0,0); } hr { border: 0; border-top: 1px solid rgba(255,255,255,.25); margin: 20px auto; height: 1px; width: 25%; } img { max-width: 100%; } #sb-body img { max-width: unset; } .center { text-align: center; } .right { text-align: right; } .stabby { border-radius: 40px; height: 40px; width: 40px; } .content { margin: 0 auto; padding: 25px 0; width: 720px; } .meta { /* opacity: .5; */ } h2 { display: none; } h3, h4, h5 { font-family: futura-pt, sans-serif; font-weight: 600; letter-spacing: -0.04em; } h3 { font-size: 24px; } h4, h5 { font-size: 20px; } .linethrough { text-decoration: line-through; } .spoiler { cursor: pointer; position: relative; } .spoiler a { color: rgb(0 0 0); } .spoiler::before { content: 'Tap to view'; display: block; font-family: sans-serif; font-size: 8px; font-weight: bold; left: 0; line-height: 8px; position: absolute; top: -8px; } .input, textarea, [type=submit], [type=button] { border: 1px solid rgba(0,0,0,.2); border-radius: 5px; font-size: 14px; padding: 10px; } [type=submit], [type=button] { background: rgb(51,63,120); border: 0; color: rgb(255,255,255); } 30 </style> 31 32 <link rel="stylesheet" href="https://mixnmojo.com/_theme/MojoEX/css/styles.2022.09.01.css" type="text/css" media="screen" id="excss"> 33 <link rel="stylesheet" href="https://mixnmojo.com/_theme/MojoEX/css/lightbox.css" type="text/css" media="screen" id="sbcss"> 34 <link rel="alternate" type="application/rss+xml" title="Mojo RSS News Feed" href="https://mixnmojo.com/rss/index.php?type=rss"> 35 <link rel="apple-touch-icon" href="https://mixnmojo.com/_theme/MojoEX/resources/touch.png"> 36 <link rel="icon" type="image/png" href="https://mixnmojo.com/_theme/MojoEX/resources/favicon64.png"> 37 <link rel="shortcut icon" type="image/png" href="https://mixnmojo.com/_theme/MojoEX/resources/favicon.png"> 38
38<script src="https://platform.twitter.com/widgets.js"></script>
38 39
39<script async src="https://www.threads.net/embed.js"></script>
39 40
40<script async src="https://embed.bsky.app/static/embed.js" charset="utf-8"></script>
40 41
41<script src="https://mixnmojo.com/_theme/MojoEX/js/lightbox.js"></script>
41 42 <style> 43 /* ************************************** NEW NAV ************************************** */ body { overflow-x: hidden; } #mojoHeaderNav { font-size: 0; left: 0; height: 44px; margin: 0 auto; position: absolute; text-align: center; z-index: 0; bottom: -44px; top: unset; background: rgb(51,63,120); width: 100%; } #mojoHeaderNavList.tabList { list-style: none; margin: 0 auto; padding: 0; display: flex; width: 600px; } .tabList li { margin: 0; padding: 0; } .tabList a.selected { background: rgba(255, 255, 255, 0.2); } #socializeMenu li:nth-of-type(3), #featuresMenu li:last-of-type, #featuresMenu li:nth-of-type(6) { display: none; } #featuresMenu { left: 20px; transform-origin: top left; width: 160px; } #mojoHeaderNavList.tabList a, #mojoHeaderNavList.tabList label { border-radius: 5px; color: rgb(255 255 255); display: block; font: 15px/25px futura-pt, sans-serif; padding: 0 14px; text-decoration: none; text-transform: uppercase; white-space: nowrap; margin: 10px 0 0; } #main.content { padding: 55px 20px; } #feature { padding: 15px 20px; } @media screen and (max-width: 868px) { #mojoHeaderNav { left: inherit; margin: 0; right: 0; } .article { /* padding: 15px 20px; */ } .article.index { margin-bottom: 0; } } @media screen and (max-width: 720px) { #mojoHeaderNav ul:not(.tabListDropdownMenu) > li:last-of-type { display: unset; } } @media screen and (max-width: 630px) { #mojoHeaderNavList.tabList { width: 340px; } #mojoHeaderNavList.tabList>li:nth-of-type(n+4) { display: none; } #socializeMenu li:nth-of-type(3), #featuresMenu li:last-of-type, #featuresMenu li:nth-of-type(6) { display: inline-block; } .tabList a.selected { border-radius: 5px; } #featuresMenu[aria-hidden="false"] { left: -78px; } } @media screen and (max-width: 350px) { #mojoHeaderNavList.tabList { width: 250px; } #patreonList { display: none !important; } } /* ************************************** NEW IMAGE HANDLER ************************************** */ 44 /* ADDITIONS */ 45 .censored { 46 background: rgb(0 0 0); 47 color: rgb(255 255 255); 48 display: inline-block; 49 font-size: 11px; 50 font-weight: bold; 51 padding: 0 5px; 52 text-transform: uppercase; 53 transform: rotate(-3deg); 54 } 55 56 #censorImages { 57 margin: 30px auto; 58 } 59 60 .embedAudio { 61 background: rgba(255 255 255 / 25%); 62 border-radius: var(--exborderRadius); 63 box-shadow: var(--exboxShadow); 64 display: block; 65 margin: 10px auto; 66 /* padding: 10px; */ 67 width: 85%; 68 } 69 70 .embedVideo { 71 width: 75%; 72 border-radius: var(--exborderRadius); 73 box-shadow: var(--exboxShadow); 74 display: block; 75 margin: 20px auto; 76 max-width: 100% !important; 77 width: 100%; 78 } 79 80 @media screen and (max-width: 868px) { 81 #featureUser { 82 display: none !important; 83 } 84 #features { 85 height: 85px !important; 86 margin: 0 auto !important; 87 width: 280px !important; 88 } 89 90 #featureArticle { 91 width: 100% !important; 92 top: 0 !important; 93 left: 0 !important; 94 transform: translateY(-15%) !important; 95 } 96 97 #featureArticle a { 98 height: 85px !important; 99 } 100 } 101 102 .ex2hexFigure { 103 --ex2hexImageMargin: 15px; 104 --ex2hexImageWidth: 50%; 105 106 max-width: var(--ex2hexImageWidth); 107 padding: 0; 108 } 109 110 .ex2hexFigureRight { 111 float: right; 112 margin: 3px 0 var(--ex2hexImageMargin) var(--ex2hexImageMargin); 113 } 114 115 .ex2hexFigureLeft { 116 float: left; 117 margin: 3px var(--ex2hexImageMargin) var(--ex2hexImageMargin) 0; 118 } 119 120 .ex2hexFigureCenter { 121 margin: var(--ex2hexImageMargin) auto; 122 /* text-align: center; */ 123 max-width: 100%; 124 } 125 126 .ex2hexFigure figcaption, 127 .ex2hexCaption { 128 background: rgb(255 255 255); 129 font-size: 16px; 130 font-weight: bold; 131 line-height: 1.3em; 132 margin-top: -5px; 133 padding: 5px 10px 10px; 134 /* text-align: center; */ 135 } 136 137 .ex2hexMultigridInner { 138 display: grid; 139 gap: 15px; 140 grid-template-columns: repeat(2, auto); 141 } 142 143 .ex2hexMultigridInner figure { 144 margin: 0; 145 padding: 0; 146 } 147 148 @media screen and (max-width: 700px) { 149 .ex2hexFigureRight, 150 .ex2hexFigureLeft { 151 float: unset; 152 margin: 0; 153 max-width: 100%; 154 } 155 } 156 157 .ex2hexFigureSpoiler { 158 overflow: hidden; 159 position: relative; 160 } 161 162 .ex2hexFigureSpoiler::after { 163 background: rgb(0 0 0); 164 color: rgb(255 255 255); 165 content: 'Censored'; 166 display: block; 167 font-size: 32px; 168 font-weight: bold; 169 left: 0; 170 line-height: 58px; 171 position: absolute; 172 text-align: center; 173 text-transform: uppercase; 174 transform: rotate(-3deg) translateY(-50%); 175 top: 50%; 176 transition: .25s all; 177 width: 100%; 178 } 179 180 .potentialSpoiler > * { 181 filter: blur(0); 182 opacity: 1; 183 transition: 1s all; 184 } 185 186 .potentialSpoiler.ex2hexFigureSpoiler > * { 187 filter: blur(25px); 188 opacity: .25; 189 transition: .25s all; 190 } 191 192 .figColumns .ex2hexFigureCenter { margin: 0; } 193 194 .toggler { --tgWidth: 270px; --tgGap: 8px; --tgInnerWidth: 120px; --tgTogglerWidth: 45px; --tgLabelWidth: calc((var(--tgWidth) - var(--tgTogglerWidth)) / 2);
194 --tgButtonHolderBackground: rgb(51 63 120); --tgButtonHolderBackgroundActive: rgb(51 120 63); --tgButtonWidth: 24px; --tgButtonHeight: var(--tgButtonWidth); --tgButtonBackground: rgb(255 255 255); --tgButtonShadow: rgb(0 0 0 / 35%) 0 0 3px; background: rgb(255 255 255 / 50%); border-radius: var(--tgTogglerWidth); cursor: pointer; display: grid; font-size: 12px; grid-template-columns: auto var(--tgInnerWidth); line-height: var(--tgButtonHeight); margin: 0 auto; padding: 10px 20px; width: var(--tgWidth); } .toggler p { margin: 0; } .togglerInner { display: grid; gap: var(--tgGap); grid-template-columns: auto var(--tgTogglerWidth) auto; grid-template-rows: var(--tgButtonHeight); height: var(--tgButtonHeight); width: var(--tgInnerWidth); } .togglerLabel { font-weight: 600; } .togglerLabel:first-of-type { text-align: right; } .togglerButtonHolder { background: var(--tgButtonHolderBackground); border-radius: var(--tgButtonHeight); } .toggler.togglerActive .togglerButtonHolder { background: var(--tgButtonHolderBackgroundActive); } .toggler button { background: var(--tgButtonBackground); border-radius: var(--tgButtonHeight); box-shadow: var(--tgButtonShadow); height: var(--tgButtonHeight); overflow: hidden; padding: 0; text-indent: -1000px; transition: .05s transform; width: var(--tgButtonWidth); } .toggler.togglerActive button { transform: translateX(100%); } 195 196 .fileDownloader { display: grid; gap: 15px; grid-template-columns: repeat(2, 1fr); list-style: none; margin: 15px auto; padding: 0; } .fileDownloader li { list-style: none; } .fileDownloader a { background: rgb(255 255 255 / 75%); border: 1px solid rgb(255 255 255); border-radius: var(--exborderRadius); box-shadow: rgb(0 0 0 / 15%) 0 0 4px; display: block; font-size: 18px; font-weight: 800; height: 100%; line-height: 1em; overflow: hidden; padding: 15px; position: relative; text-decoration: none; width: 100%; z-index: 0; } .fileDownloader a:hover { background: rgb(255 255 255); } .fileDownloader a strong { position: relative; z-index: 1; } .fileDownloader a span { display: block; font-size: 16px; font-weight: 200; margin-top: 5px; z-index: 1; } .fileDownloader i { bottom: calc(50% - 7px); color: rgb(0 0 0 / 2%); font-size: 72px; line-height: 1em; position: absolute; right: 15px; transform: translateY(50%); z-index: 0; } @media(max-width: 400px) { .fileDownloader a { font-size: 16px; } } 197 img.emoji { height: 26px; border-radius: 0; box-shadow: unset; vertical-align: bottom; width: 30px; } 198 figcaption img.emoji { height: 18px; width: 20px; } 199 .modal { background: rgb(0 0 0 / 95%); height: 100vh; left: 0; opacity: 1; position: fixed; top: 0; transform: scale(1); transition: .2s all; width: 100%; z-index: 10; } .modal[aria-hidden="true"] { opacity: 0; transform: scale(0); visibiliy: hidden; } 200 #main.content { 201 padding: 55px 0; 202 } 203 204 .modalClose { 205 margin: 0; 206 position: absolute; 207 right: 20px; 208 top: 20px; 209 } 210 211 .modalClose a { 212 background: rgb(255 255 255 / 10%); 213 border: 2px solid rgb(255 255 255); 214 border-radius: 8px; 215 color: rgb(255 255 255); 216 display: block; 217 font-weight: bold; 218 padding: 10px 0; 219 text-align: center; 220 text-decoration: none; 221 width: 80px; 222 } 223 224 .resultColumns, 225 .resultColumns li { 226 list-style: none; 227 margin: 0; 228 padding: 0; 229 } 230 231 .resultColumns li { 232 background: rgb(255 255 255); 233 border-bottom: 1px solid rgb(0 0 0 / 10%); 234 display: grid; 235 grid-template-columns: repeat(2, auto); 236 } 237 238 .resultColumns li > * { 239 display: block; 240 padding: 10px; 241 } 242 243 .resultColumns li > *:first-of-type { 244 font-weight: normal; 245 } 246 247 .resultColumns li > *:last-of-type { 248 text-align: right; 249 } 250 251 .resultColumns > li:first-of-type { 252 box-shadow: rgb(218,165,32) 0 0 20px; 253 font-size: 120%; 254 font-weight: bold; 255 position: relative; 256 z-index: 1; 257 } 258 259 .resultColumns > li:first-of-type > * { 260 font-weight: bold !important; 261 } 262 263 </style> 264 265 266 <style>
267 /* Remove content class from article. */ :root { --background: rgb(238 235 241); --colDark: rgb(46 12 86); --colMid: rgb(81 52 119); --colLight: rgb(255 255 255); } ::selection { background-color: var(--colDark); color: var(--colLight); } ::-moz-selection { background-color: var(--colDark); color: var(--colLight); } /* ************************* X/EX Killer ************************* */ @media screen and (max-width: 590px) { [role="main"] { margin-top: unset; } } #main.content { padding: 5px 20px !important; } #main.content.mainSubContent { padding: 20px !important; } @media screen and (max-width: 868px) { .content, #comments { padding: unset; max-width: 720px; width: 100%; } } body { background: var(--background); font: 18px/1.4em trade-gothic-next, sans-serif; overflow-x: hidden; } /* ************************************** NEW NAV ************************************** */ #mojoHeaderVersion { background: var(--colMid); display: none; } #woot { bottom: 5px; right: 5px; } #mojoHeaderNavList.tabList a, #mojoHeaderNavList.tabList label { border-radius: 0; font: 200 15px/25px tgn-soft-round, sans-serif; } img:not(.avatar-big), .news-gallery-image img { border-radius: 0; /* border-bottom: 3px solid var(--colMid); */ border: 6px solid rgb(255 255 255); box-shadow: unset; height: unset; max-width: 100%; width: 100%; } img.emoji { border: 0; width: 28px; } .tabList li { display: block; } #mojoHeaderNavList.tabList .popupMenu a { color: var(--colDark); display: grid; font-size: 14px; line-height: 16px; padding: 8px 10px; text-align: left; text-decoration: none; text-transform: unset; margin: 0; } [type="submit"], [type="button"] { background: var(--colDark); } #featuresMenu { left: 12px; } #mediaMenu { left: 180px; transform-origin: top left; width: 160px; } /* ************************* New Header ************************* */ #mojoHeader { background: var(--colDark); } #mojoHeaderInner { height: 100%; margin: 0 auto; max-width: 720px; padding: 5px 20px; position: relative; } #mojoHeaderNav { background: transparent; left: unset; margin: 0; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: min-content; } #mojoHeaderNavList.tabList { width: unset; } #mojoHeaderNavList.tabList #patreonList a { padding-right: 0; } #mojoHeaderTitle { background: url(/_theme/EX2mojOS.Images/logo.webp) 0 0 no-repeat; background-size: 120px; left: 20px; top: 50%; transform: translateY(-50%); } #mobileMenu { display: none; } @media screen and (max-width: 740px) { #mojoHeaderNavList.tabList { display: none; } #mobileMenu { display: block; margin: 0; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); } #mobileMenu button { background: transparent; border: 0; color: rgb(255 255 255); font-size: 24px; font-weight: bold; height: 48px; line-height: 1em; overflow: hidden; padding: 0; position: relative; transition: .2s var(--cubic); width: 48px; } #mobileMenuButton span { display: none; } #mobileMenuSub { font-size: 14px; left: unset; list-style: none; right: 32px; text-align: left; top: 32px; width: 200px; } #behindLink { background-size: contain; height: 38px; width: 36px; } } @media screen and (max-width: 590px) { #mojoHeaderTitle { left: 20px; margin-left: unset; } } /* ************************* Front Page Highlights Menu ************************* */ #plusFeatures { background: var(--colMid); } #mojoMenu { display: grid; gap: 0; grid-template-columns: repeat(2, auto); list-style: none; margin: 0 auto; padding: 10px 20px; max-width: 720px; } #mojoMenu>li { margin: 0; padding: 10px 10px 10px 0; } #mojoMenu>li:last-of-type { padding: 10px 0 10px 5px; position: relative; width: 250px; } #mojoMenu form p { margin: 0; } #mojoMenu input, #mainFooterSearchField, .filterSelect { border: 2px solid rgb(0 0 0); border-radius: 0; color: rgb(0 0 0); font-size: 16px; padding: 5px; text-align: left; width: 100%; } .filterSelect { background: rgb(255 255 255); font-weight: 600; } #highlights { display: grid; gap: 5px; grid-template-areas: 'bf1 bf2' 'bf3 bf4'; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, auto); list-style: none; margin: 0 auto; padding: 0; position: relative; width: 100%; } #highlights figure { height: 100%; margin: 0; width: 100%; } #highlights li:nth-of-type(1) { grid-area: bf1; } #highlights li:nth-of-type(2) { grid-area: bf2; } #highlights li:nth-of-type(3) { grid-area: bf3; } #highlights li:nth-of-type(4) { grid-area: bf4; } #highlights li { line-height: 0; margin: 0; padding: 0; position: relative; } .popupMenu, .popupMenu li { list-style: none; margin: 0; padding: 0 !important; } .popupMenu li:nth-of-type(even) { background: rgb(255 255 255); } .popupMenu { background: rgb(245 245 245); border: 2px solid rgb(0 0 0 / 90%);
267 left: 10px; margin-top: 2px; position: absolute; transition: .2s all; transform-origin: top right; width: calc(100% - 20px); z-index: 2; } .popupMenu[aria-hidden="true"] { transition: .3s all; opacity: 0; transform: scale(0) rotate(33deg) perspective(600px); visibility: hidden; } .popupMenu[aria-hidden="false"] { transition: .3s all; opacity: 1; transform: scale(1) rotate(0) perspective(0); visibility: visible; } #searchHits { max-height: calc(100vh - 150px); overflow-y: auto; transition: unset; } #searchHits li a { transition: .2s background; } #searchHits li.active a { background: rgb(0 0 0 / 20%); } .popupMenu a { display: grid; grid-template-columns: 12px auto; gap: 10px; font-size: 14px; line-height: 16px; padding: 8px 10px; text-align: left; text-decoration: none; } .popupMenu[aria-hidden="false"] a .checkbox { background: rgb(255 255 255); border: 2px solid rgb(0 0 0); display: block; height: 10px; margin-top: 3px; transition: .2s cubic-bezier(0.15, 1, 0.25, 2); width: 10px; } .popupMenu a:hover .checkbox { transform: scale(1.4); } /* .popupMenu[aria-hidden="true"] .checkbox {display: none;} */ .popupMenu li:last-of-type a { padding-bottom: 10px; } .popupMenu li:first-of-type .checkbox { border-radius: 10px; } #highlights img { border: 2px solid rgb(0 0 0); border-radius: 0; box-shadow: unset; height: unset; width: 100%; } #highlights figcaption { background: rgb(255 255 255); border: 2px solid rgb(0 0 0); bottom: 3px; color: rgb(0 0 0); font-size: 12px; font-weight: 600; line-height: 1em; padding: 5px; position: absolute; right: 3px; text-align: center; transition: .2s cubic-bezier(0.15, 1, 0.25, 2); white-space: nowrap; } #featureLatest { color: var(--colLight); font-size: 14px; left: 50%; line-height: 1.4em; list-style: none; margin: 0; padding: 0; position: absolute; text-align: justify; top: 50%; transform: translate(-50%, -50%); text-shadow: rgb(0 0 0) 1px 1px 0; width: 90%; } #featureLatest li { list-style: none; padding-bottom: 10px; } #featureLatest li:last-of-type { padding-bottom: 0; } #featureLatest a { color: var(--colBackground); display: block; text-decoration: none; } #featureLatest hr { margin: 20px auto 5px; } .socials, .socials li { list-style: none; margin: 0; padding: 0; } .socials { --socGap: 4px; bottom: 0; left: 50%; display: flex; /* gap: var(--socGap); */ position: absolute; transform: translateX(-50%); } .socials li:first-of-type { padding-left: 4px; } .socials a { color: var(--colLight); display: block; font-size: 24px; line-height: 42px; text-align: center; text-shadow: rgb(0 0 0) 1px 1px 0; width: 55px; } .substackLink { position: relative; } .substackLink span { background: var(--colMid); height: 2px; left: 0; position: absolute; top: 14px; width: 100%; } .substackLink span:last-of-type { top: 19px; } .innerFooter .substackLink span { background: var(--background); } #modalMenu .substackLink span { background: rgb(0 0 0); left: 50%; transform: translateX(-50%); width: 21px; } .fin { font-size: 48px; text-align: center; } @media(max-width: 700px) { #featureLatest { font-size: 12px; } } @media(max-width: 640px) { #mojoMenu { grid-template-columns: 100%; grid-template-areas: repeat(2, auto); } #mojoMenu > li:last-of-type { width: 100%; } #mojoMenu input { font-size: 16px; } #highlights { gap: 15px 10px; grid-template-areas: 'bf1 bf2' 'bf3 bf4'; grid-template-columns: repeat(2, 1fr); } #highlights li figcaption { bottom: -10px; left: 50%; padding: 3px 5px; transform: translateX(-50%); width: min-content; } #mojoMenu li { padding: 0; } #mojoMenu>li:last-of-type { padding: 20px 0 5px; } #featureLatest { display: grid; font-size: 13px; grid-template-columns: repeat(2, 1fr); gap: 30px; padding: 0 2px; position: relative; text-align: left; transform: translate(-50%, -95%); width: 100%; } #featureLatest hr { visibility: hidden; margin: 10px auto 0; } #mojoMenu .socials { bottom: -15px; display: grid; grid-template-columns: repeat(4, auto); position: relative; width: 220px; } } /* ************************* X/EX Article Killer ************************* */ #main article { margin-bottom: 60px; /* padding: 10px 20px; */ padding: 10px 0; } #main article#comments { margin-bottom: 0; } #main.mainSubContent article:first-of-type { margin-bottom: 20px; } .micro { background: var(--colLight); border-bottom: 2px solid var(--colMid); border-top: 2px solid var(--colMid); } #main article:first-of-type { margin-top: 10px; } #main article .articleHeaderHeading { margin-top: 0; width: unset; } /* #main article:first-of-type .articleHeaderCategoryHolder { margin-top: 10px; } */ .articleHeader { padding: 0; } .articleHeaderHeadingHolder { display: grid; gap: 10px; grid-template-columns: auto 80px; } .articleHeaderHeading, .articleText h3, body>footer h3 { font-family: tgn-soft-round, sans-serif; font-size: 22px; font-weight: 800; } .articleHeaderHeading a { color: rgb(0 0 0); } .articleHeaderHeading span { color: rgb(0 0 0 / 75%); } .articleHeaderTime { font-size: 18px; margin: 3px 0 0; } .articleHeaderCategoryHolder { float: unset; margin: 0; position: relative; width: unset; z-index: 0; } .news-blockquote, .article .news-blockquote, .feature-byline { background: rgb(255 255 255 / 95%); border-left: 3px solid var(--colMid); border-radius: 0; box-shadow: unset; color: rgb(50,50,50); margin: 20px auto; padding: 1px 15px 5px 15px; position: relative; width: 100%; } .feature-byline { border: 0; font-weight: bold; min-height: unset; padding: 1px 15px 5px 5px; } .feature-byline span span { display: inline; padding: 0; } .news-blockquoteauthor {color: unset;} .news-blockquote ul { font-style: italic; list-style: none; margin: 0; padding: 0; } .feature-pullquote { background: rgb(255 255 255 / 95%); border-left: 3px solid var(--colMid); padding: 8px 8px 11px 13px; position: relative; } .feature-pullquote.feature-pullquote-right { text-align: left; /* border: 0; */ /* border-right: 3px solid var(--colMid); */ /* padding: 8px 13px 11px 8px; */ }
267 .bqauthor { background: var(--colDark); border: 2px solid rgb(0 0 0); color: var(--colLight); font-size: 12px; line-height: 1.3em; margin: 0; padding: 3px 5px; position: absolute; right: 10px; top: -10px; } .comments li .comment-content .comment-text .news-blockquote .news-blockquoteauthor { font-size: 12px; } iframe, object, .embedVideo { /* border-bottom: 3px solid var(--colMid) !important; */ /* border-bottom: 0 !important; */ border-radius: 0; border: 6px solid rgb(255 255 255); /* border: 12px solid rgb(255 255 255); */ box-shadow: unset; display: block; margin: 20px auto; max-width: 100% !important; } .vimeoVideo { background: rgb(0 0 0); } [data-video] img { border: 0; } iframe.twitterEmbed { border-bottom: 0 !important; } .embedAudio { max-width: 85%; width: unset; } img.coverUpImg { width: unset; } .caption { background: var(--colLight); font-size: 16px; font-weight: bold; line-height: 1.3em; margin-top: -20px; padding: 25px 10px 13px; text-align: center; } .source { font-size: 12px; text-align: right; } .news-subline { background: rgb(255 255 255 / 95%); border-radius: 0; box-shadow: unset; color: rgb(0 0 0); display: grid; font-family: tgn-soft-round, sans-serif; font-size: 20px; font-weight: 800; grid-template-columns: repeat(2, 1fr); margin-top: 20px; padding: 10px; text-align: left; } .news-subline a { font-weight: 800; text-decoration: none; } .news-subline div:last-of-type { position: relative; text-align: right; } .news-subline div:last-of-type span { background: var(--colDark); border: 2px solid rgb(0 0 0); color: var(--colLight); font-size: 12px; font-weight: 600; line-height: 1em; padding: 5px; position: absolute; right: 0; top: -30px; } .news-subline div:last-of-type span[aria-hidden="true"] { opacity: 0; transform: scale(0); transition: .2s all; visibility: hidden; } .news-subline div:last-of-type span[aria-hidden="true"] { opacity: 1; transform: scale(1); visibility: hidden; } @media(max-width: 640px) { .articleText { font-size: 18px; line-height: 1.3em; } } .comments li, .comments li:nth-child(even) { background: rgb(255 255 255); border-radius: 0; box-shadow: unset; } .articleHeaderHeadingCommentCount { margin-bottom: 25px; } .comments li .avatar-big, .feature-byline img { box-shadow: unset; top: -10px; border: 0; border-radius: 32px; height: 32px; left: unset; right: -10px; width: 32px; } .comments li .comment-content { color: rgb(0 0 0 / 75%); } .comments li .comment-content .comment-text .news-blockquote { background: rgb(253 250 255); } .commentformBB { background: var(--colLight); border-radius: 0; box-shadow: unset; } .article .input, .article textarea, .article [type="submit"], .article [type="button"], .comment-quote-link a { border: 1px solid rgb(0 0 0); border-radius: 0; } .comment-quote-link a { background: var(--colDark); } .ex2hexMultigrid .ex2hexCaption { margin-top: 0; } /* ************************** LOGIN FORM ************************** */ #magicloginForm, #loginform2 { margin: 0 auto; width: 320px; } #loginform2 p { display: grid; gap: 6px; grid-template-areas: 'accountform_username2 accountform_username2' 'accountform_password2 accountform_submit2'; grid-template-columns: repeat(2, auto); grid-template-rows: repeat(2, auto); } #magicloginForm p { display: grid; gap: 6px; grid-template-columns: auto min-content; } #magiclinkEmail { width: 100%; } .magicOr { font: 600 18px/1em sans-serif; margin: 0; opacity: .5; } #accountform_username2 {grid-area: accountform_username2; width: 100%;} #accountform_password2 {grid-area: accountform_password2;} #accountform_submit2 { background: var(--colDark); font-family: trade-gothic-next, sans-serif; font-size: 18px; font-weight: bold; grid-area: accountform_submit2; } #magiclinkButton { font-family: trade-gothic-next, sans-serif; font-size: 18px; font-weight: bold; width: 85px; } .fileDownloader.singleColumn { display: block; } .fileDownloader.singleColumn li { margin-bottom: 10px; } .fileDownloader a { border: 0;
267 /* border-left: 3px solid var(--colDark); */ border-radius: 0; box-shadow: unset; } .fileDownloader.compact a { font-size: 16px; font-weight: 500; line-height: 1.3em; } .fileDownloader small { font-weight: normal; } @media(max-width: 600px) { .fileDownloader { grid-template-columns: 100%; } } /* ************************* X/EX Feature Killer ************************* */ .featureimage.featureimageHeader { border-radius: 0; box-shadow: unset; } .featureimage img { /* border: 0; */ border-radius: 0; box-shadow: none; } ul.pagelisting { background: var(--colLight); border-radius: 0; box-shadow: none; margin: -30px 0 0 2.5%; padding: 0; position: relative; width: 95%; z-index: 1; } ul.pagelisting li { border-bottom: 1px solid rgb(0 0 0 / 10%); } ul.pagelisting li a { border-radius: 0; padding: 10px; text-decoration: none; } ul.pagelisting li:last-of-type { border-bottom: 0; } .toggler { background: var(--colLight); border-radius: 0; box-shadow: none; } #mainFooter .socials { margin-left: -110px; position: relative; transform: unset; width: 225px; } #mainFooter .socials li:first-of-type { padding-left: 0; } #mainFooter .socials a { color: var(--colDark); /* color: rgb(0 0 0 / 75%); */ text-shadow: unset; } @media(max-width: 640px) { ul.pagelisting li { font-size: 14px; } } /* ************************* X/EX Media Killer ************************* */ .abitmore { display: none; } .media-description { background: var(--colLight); border: 0; border-radius: 0; box-shadow: none; } .mediacontent figure img { border-radius: 0; box-shadow: none; } code { background: rgb(255 255 255 / 70%); display: block; overflow: auto; padding: 5px; white-space: wrap; } /* ************************* X/EX Footer Killer ************************* */ #mainFooter .news-blockquote, .innerFooter { max-width: 720px; } .innerFooter { margin: 0 auto; padding: 0 20px; } #mainFooter.content { margin: 0 auto; padding-top: 0; } .community-item { margin-top: 0; } #friendsOfMojo, .article table { border-collapse: separate; border-spacing: 0 1px; width: 100%; } #friendsOfMojo thead, .article thead { display: none; } #friendsOfMojo tr, .article table tbody tr, .article table tbody tr:nth-child(odd) { background: var(--colLight); } #friendsOfMojo tr td:first-of-type, .article table tbody tr td:first-of-type { border-left: 3px solid var(--colDark); } #friendsOfMojo td, .article table tbody tr td { padding: 15px; } #friendsOfMojo tr:nth-of-type(even), .article table tbody tr:nth-child(even) { background: rgb(255 255 255 / 100%); } #mojoNetwork { display: grid; gap: 20px; grid-template-columns: repeat(2, 1fr); max-width: 350px; } #mojoNetwork li { display: block; margin: 0 !important; width: unset; } #mojoNetwork h3 { margin-bottom: 0; } @media(max-width: 640px) { #mojoNetwork h3 { font-size: 14px; line-height: 1.2em; } .community-item { line-height: 1.3em; margin-top: 0; } } #lightboxContainer[aria-hidden="true"] * { display: none; } #lightboxContainer[aria-hidden="false"] * { display: unset; } #lightboxContainer img { height: unset; } /* ************************* NEW CONTENT ************************* */ .text-post-media { width: 100% !important; } #main article.articleM { background: rgb(255 255 255); /* border-left: 3px solid var(--colDark); */ border-radius: 0; box-shadow: unset; margin-bottom: 15px; padding: 15px; position: relative; } /*#main article.articleM:after { --amAfterSize: 25px; background: var(--colDark); border-radius: var(--amAfterSize); color: var(--colLight); content: 'M'; font-size: 12px; height: var(--amAfterSize); position: absolute; line-height: calc(var(--amAfterSize) - 1px); text-align: center; font-weight: 800; right: calc((var(--amAfterSize) / 4) * -1); top: calc((var(--amAfterSize) / 4) * -1); width: var(--amAfterSize); }*/ #main article.articleM .articleMHeading { display: inline; font-size: 16px; font-weight: 800; } #main article.articleM .articleMHeading a, #main article.articleM .news-subline div:first-of-type a { text-decoration: none; } #main article.articleM:hover .articleMHeading a, #main article.articleM:hover .news-subline div:first-of-type a { text-decoration: underline; } #main article.articleM p:first-of-type { display: inline; } iframe.articleRandomArticle { margin-top: -10px; } #main article.articleM + iframe.articleRandomArticle { margin-top: 20px; } iframe.articleRandomArticle + .article, #main article.articleM + .article { margin-top: 45px; } iframe.articleRandomArticle + .article { margin-bottom: 0; } #main article.articleM figure, #main article.articleM .glueTube { margin-top: 15px; } #main article.articleM .news-subline { font-size: 16px; gap: 25px; grid-template-columns: auto repeat(2, max-content); margin-top: 10px; padding: 0; } #main article.articleM .news-subline div:last-of-type span { white-space: nowrap; } img.coverUpImg { border: 0; } .emoji.coverup { vertical-align: baseline; width: 112px; } /* ****************** FOOTNOTE ****************** */ .footNote { --noteSize: 14px; background: rgba(0 0 0 / 10%) url(/_theme/EXPlus/images/star.webp) center center no-repeat; background-size: auto; background-size: 8px; border-radius: var(--noteSize); cursor: pointer; display: inline-block; height: var(--noteSize); font-style: normal; vertical-align: top; width: var(--noteSize); } .footNote a { color: rgb(255 255 255); } .footNote strong { background: var(--colMid); border: 1px solid rgb(255 255 255 ); border-radius: var(--exborderRadius); bottom: 10px; box-shadow: var(--exboxShadow); color: rgb(255 255 255);
267 left: 50%; min-width: 310px; max-width: 600px; opacity: 0; padding: 20px; position: fixed; transform: translateX(-50%) scale(0) rotate(33deg) perspective(600px); transform-origin: bottom center; transition: .3s all; visibility: visible; z-index: 1000; } .footNote strong::before { --closeSize: 22px; background: rgb(255 255 255) url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiID8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjI1cHgiIGhlaWdodD0iMjVweCIgdmlld0JveD0iMCAwIDI1IDI1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNSAyNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIwIiB5MT0iMCIgeDI9IjI1IiB5Mj0iMjUiIC8+CjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIyNSIgeTE9IjAiIHgyPSIwIiB5Mj0iMjUiIC8+Cjwvc3ZnPg==) center center no-repeat; background: rgba(255 255 255) url(/_theme/EXPlus/images/star.webp) center center no-repeat; background-size: 12px; border-radius: var(--closeSize); box-shadow: var(--exboxShadow); content: ' '; cursor: pointer; height: var(--closeSize); position: absolute; right: -5px; text-align: center; top: -5px; width: var(--closeSize); } .footNote span { display: none; } .footNote[aria-hidden="true"] strong { display: none; } .footNote[aria-hidden="false"] strong { display: block; opacity: 1; transform: translateX(-50%) scale(1) rotate(0) perspective(0); visibility: visible; } @media(max-width: 600px) { .footNote { --noteSize: 18px; margin-left: 2px; vertical-align: text-bottom; } .footNote::before { line-height: 26px; } } /* ****************** RANDOM FEATURE ****************** */ #main article.articleRandomFeature a { --rfGap: 15px; --rfHeading: 16px; --rfTitle: 20px; padding: var(--rfGap); background: rgb(255 255 255); color: rgb(0 0 0); display: grid; gap: var(--rfGap); grid-template-areas: 'rfImg rfHeading' 'rfImg rfHeading'; grid-template-columns: 150px repeat(2, auto); grid-template-rows: repeat(2, auto); text-decoration: none; } #main article.articleRandomFeature.articleRandomFeatureWide a { grid-template-areas: 'rfTitleSecondary' 'rfImg' 'rfHeadingSeconday' 'rfText'; grid-template-columns: 100%; } #main article.articleRandomFeature a div { grid-area: rfHeading; } #main article.articleRandomFeature.articleRandomFeatureWide a div { grid-area: rfText; } #main article.articleRandomFeature a img { border: 0 !important; grid-area: rfImg; height: unset; width: 100%; } #main article.articleRandomFeature a h3, #main article.articleRandomFeature a h4 { display: inline; font: 800 var(--rfHeading)/1.4em trade-gothic-next, sans-serif; /* font-weight: 800; */ /* line-height: 1.2em; */ letter-spacing: unset; margin: 0; } #main article.articleRandomFeature a h3.secondary { display: none; } #main article.articleRandomFeature a h4.secondary { display: none; } #main article.articleRandomFeature.articleRandomFeatureWide a h3.secondary { display: block; grid-area: rfTitleSecondary; } #main article.articleRandomFeature.articleRandomFeatureWide a h4.secondary { display: block; grid-area: rfHeadingSeconday; } #main article.articleRandomFeature.articleRandomFeatureWide a div h3 { display: none; } #main article.articleRandomFeature.articleRandomFeatureWide a div h4 { display: none; } #main article.articleRandomFeature a h4 { font-weight: 600; } #main article.articleRandomFeature a div p { margin: 10px 0; } #main article.articleRandomFeature a > p { font-size: 16px; grid-area: rfLink; margin: 0; text-align: right; display: none; } @media(max-width: 600px) { #main article.articleRandomFeature a { grid-template-areas: 'rfTitleSecondary' 'rfImg' 'rfHeadingSeconday' 'rfText'; grid-template-columns: 100%; } #main article.articleRandomFeature a div { grid-area: rfText; } #main article.articleRandomFeature a h3.secondary { display: block; grid-area: rfTitleSecondary; } #main article.articleRandomFeature a h4.secondary { display: block; grid-area: rfHeadingSeconday; } #main article.articleRandomFeature a div h3 { display: none; } #main article.articleRandomFeature a div h4 { display: none; } } /* ****************** BOX ART LIST ****************** */ .boxList { display: grid; gap: 5px; grid-template-columns: repeat(3, 1fr); list-style: none; margin: 0; padding: 0; } .boxList li { background: var(--colLight); list-style: none; margin: 0; padding: 10px; text-align: center; } .boxList figure { margin: 0; overflow: hidden; padding: 0; } .boxList img { height: 250px; width: unset; } .boxList span, .boxList time { background: var(--colLight); display: block; } /* ************************* NEW PLAYER ************************* */ .glueTube { /* border: 12px solid rgb(255 255 255); */ border: 6px solid rgb(255 255 255); line-height: 0; position: relative; } .playButton { background: rgb(255 0 0) url("/_theme/EXPlus/images/play.webp") 38px center no-repeat; background-size: 12px; border-radius: 20px; height: 60px;
267 left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 80px; } #mdbVideoModal { background: rgb(255 255 255 / 90%); height: 100vh; left: 0; position: fixed; top: 0; width: 100%; z-index: 2; } #mdbVideoModalInner { left: 50%; max-width: 700px; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100%; } #mdbVideoEmbed { height: auto; min-width: 300px; width: 100%; } #mdbVideoModal[aria-hidden="true"] { display: none; } #mdbVideoModal[aria-hidden="false"] { display: block; } #mdbVideoModalInner p { padding-top: 50px; text-align: center; } #mdbVideoModalInner a { background: rgba(255,255,255,.3) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiID8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjI1cHgiIGhlaWdodD0iMjVweCIgdmlld0JveD0iMCAwIDI1IDI1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNSAyNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIwIiB5MT0iMCIgeDI9IjI1IiB5Mj0iMjUiIC8+CjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIyNSIgeTE9IjAiIHgyPSIwIiB5Mj0iMjUiIC8+Cjwvc3ZnPg==) no-repeat center center; border: 0; border-radius: 50px; color: rgb(0 0 0); cursor: pointer; font-weight: bold; margin: 20px auto 0; outline: none; overflow: hidden; padding: 60px 0 0; text-decoration: none; text-indent: -100000px; transition: .15s transform; transform: scale(0); transition-delay: .15s; } iframe#mdbVideoEmbed { height: 500px; max-width: 600px; width: 600px; } @media(max-width: 650px) { iframe#mdbVideoEmbed { height: 200px; width: 300px; } } /* ******************* NEW FEATURES */ #latestFeaturesHeader { display: grid; gap: 12px; grid-template-columns: repeat(2, 1fr); } .featureSearchFormEmbed { /* width: 300px; */ } .featureSearchFormEmbed input { display: block; margin: 0 auto; width: 300px; } .featureSearchFormEmbed ul { left: 50%; margin: 0 auto; transform: translateX(-50%); width: 300px; } /* ******************* PLUS BUTTON */ .plusButtonBar { align-items: center; display: flex; flex-flow: row wrap; gap: 10px; justify-content: center; list-style: none; margin: 0; padding: 0; } .plusButton { --pbPadding: 12px; background: var(--colLight); border-bottom: 2px solid var(--colDark); border-radius: 6px; font-size: 18px; display: inline-block; padding: var(--pbPadding); text-decoration: none; transition: .1s all; } .plusButton.plusIcon { font-size: 32px; padding: var(--pbPadding); text-align: center; width: 82px; } .plusButton.plusIcon span { display: block; font-size: 12px; } .plusButton:hover { transform: scale(1.1); } .plusButton:active { transform: scale(0.9); } /* ************************************** INLINE FIGURE ************************************** */ figure:has(.noresize) {float: inline-start; display: inline;} .noresize { width: unset !important; } /* ************************************** CRYSTAL SKULLS ************************************** */ .crystalSkullHolder { /* background: rgb(255 255 255); */ /* display: inline-block; */ line-height: 0; text-align: center; width: unset; } .crystalSkullImg { border: 0 !important; width: 200px !important; } /* ************************************** NEW NAV ************************************** */ #modalMenu { background: rgb(0 0 0 / 97%); border: 1px solid rgb(0 0 0); color: rgb(255 255 255); left: 5px; padding: 0; position: fixed; top: 85px; transform-origin: right top; width: calc(100% - 10px); z-index: 3; } #modalMenu[aria-hidden="true"] { transition: .3s all; opacity: 0; transform: scale(0) rotate(33deg) perspective(600px); visibility: hidden; } #modalMenu[aria-hidden="false"] { transition: .3s all; opacity: 1; transform: scale(1) rotate(0) perspective(0); visibility: visible; } #modalMenu a { color: rgb(255 255 255); text-decoration: none; } #modalMenu a:hover { text-decoration: underline; } #modalMenu h2 { display: none; } #modalMenuTwofer { display: grid; grid-template-columns: repeat(2, 50%); list-style: none; margin: 0; padding: 0; text-align: center; } #modalMenuTwofer li:first-of-type { border-right: 1px solid rgb(255 255 255 / 10%); } #modalMenu > p:first-of-type { margin-top: 0; } #modalMenu .socials { border-top: 1px solid rgb(255 255 255 / 10%); display: grid; grid-template-columns: repeat(5, 1fr); padding: 0; position: unset; transform: unset; width: 100%; } #modalMenu .socials a { border-right: 1px solid rgb(255 255 255 / 10%); display: block; text-align: center; width: 100%; } #modalMenu .socials li:last-of-type a { border-right: 0; } #modalMenuTop { align-items: center; border-bottom: 1px solid rgb(255 255 255 / 10%); display: grid; grid-template-columns: repeat(5, auto); list-style: none; margin: 0; padding: 0; text-align: center; } #modalMenuTop li { border-right: 1px solid rgb(255 255 255 / 10%); } #modalMenuTop li:last-of-type { border-right: 0; } #modalMenuTop a { /* background: rgb(255 255 255 / 10%); */ display: block; font-size: 16px; line-height: 42px; padding: 0 10px; } #modalMenuMiddle { list-style: none; margin: 0; padding: 0; } #modalMenuMiddle li { border-bottom: 1px solid rgb(255 255 255 / 10%); font-size: 16px; line-height: 42px; list-style: none; margin: 0; padding: 0 10px; } #modalMenuMiddle li:last-of-type { border-bottom: 0; } #modalMenuMiddle a { display: block; } #modalMenu h3 { font-family: trade-gothic-next, sans-serif; font-size: 16px; line-height: 42px; margin: 0; opacity: .5; text-align: center; } @media(max-width: 640px) { #main article { padding: 10px 0; } } #highlights li:nth-of-type(5) { display: none; } 268 </style> 269 270 <title>Retro Gamer Escapes from Monkey Island | The International House of Mojo</title> 271</head> 272<body> 273 274 <header id="mojoHeader"> 275 <div id="mojoHeaderInner"> 276 <h1 id="mojoHeaderTitle">
277 <a href="https://mixnmojo.com" title="Return to Mojo"> 278 The International House of Mojo 279 </a> 280 </h1> 281 <span id="mojoHeaderVersion">EX+</span> 282 <nav id="mojoHeaderNav"> 283 <ul class="tabList" id="mojoHeaderNavList" role="menu"> 284 <li role="none presentation"><a href="https://mixnmojo.com/" class="selected">News</a></li> 285 <li role="none presentation" class="tapListDropdownHolder"> 286 <a href="https://mixnmojo.com/features/" class="tabListDropdownLink " data-menu="featuresMenu" id="featuresMenuLink">Features</a> 287 <ul id="featuresMenu" class="popupMenu" aria-hidden="true" aria-labeledby="featuresMenuLink"> 288 <li> 289 <span class="checkbox"></span> <span><a href="https://mixnmojo.com/features/reviews">Reviews</a></span> 290 </li> 291 <li> 292 <span class="checkbox"></span> <span><a href="https://mixnmojo.com/features/sitefeatures">Features</a></span> 293 </li> 294 <li> 295 <span class="checkbox"></span> <span><a href="https://mixnmojo.com/features/interviews">Interviews</a></span> 296 </li> 297 <li> 298 <span class="checkbox"></span> <span><a href="https://mixnmojo.com/features/previews">Previews</a></span> 299 </li> 300 <li> 301 <span class="checkbox"></span> <span><a href="https://mixnmojo.com/podcast/">Podcasts</a></span> 302 </li> 303 <li> 304 <span class="checkbox"></span> <span><a href="https://mixnmojo.com/features" data-modal="modalHighlights">Must Reads</a></span> 305 </li> 306 <!-- 307 <li> 308 <span class="checkbox"></span> <span><a href="https://mixnmojo.com/media">Media</span></a> 309 </li> 310 <li> 311 <span class="checkbox"></span> <span><a href="https://funzone.mixnmojo.com/">Fun Zoneâ¢</span></a> 312 </li> --> 313 </ul> 314 </li> 315 316 <li role="none presentation"> 317 <a href="https://mixnmojo.com/media/" class="tabListDropdownLink " data-menu="mediaMenu" id="mediaMenuLink">Database</a> 318 <ul id="mediaMenu" class="popupMenu" aria-hidden="true" aria-labeledby="featuresMenuLink"> 319 <li> 320 <span class="checkbox"></span> <span><a href="https://preview.mojodb.com/concept-art/">Concept Art</a></span> 321 </li> 322 <li> 323 <span class="checkbox"></span> <span><a href="https://preview.mojodb.com/screenshots/">Screenshots</a></span> 324 </li> 325 <li> 326 <span class="checkbox"></span> <span><a href="https://preview.mojodb.com/trivia/">Trivia</a></span> 327 </li> 328 <li> 329 <span class="checkbox"></span> <span><a href="https://mixnmojo.com/dreamm-demos/">Demos</a></span> 330 </li> 331 <li> 332 <span class="checkbox"></span> <span><a href="https://mixnmojo.com/media/">All Media</a></span> 333 </li> 334 </ul> 335 </li> 336 <li role="none presentation"><a href="https://forums.mixnmojo.com">Forums</a></li> 337 <li role="none presentation"><a href="https://funzone.mixnmojo.com">Fun Zone</a></li> 338 <li role="none presentation" id="patreonList"><a href="https://www.patreon.com/mixnmojo">Patreon</a></li> 339 </ul> 340 <p id="mobileMenu"> 341 <button aria-label="menu" id="mobileMenuButton" data-focus-method="mouse"> 342 <svg width="18" height="18" viewBox="0 0 18 18"> 343 <polyline id="globalnav-menutrigger-bread-bottom" class="globalnav-menutrigger-bread globalnav-menutrigger-bread-bottom" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="square" stroke-linejoin="square" points="2 12, 16 12"> 344 <animate id="globalnav-anim-menutrigger-bread-bottom-open" attributeName="points" keyTimes="0;0.5;1" dur="0.24s" begin="indefinite" fill="freeze" calcMode="spline" keySplines="0.42, 0, 1, 1;0, 0, 0.58, 1" values=" 2 12, 16 12; 2 9, 16 9; 3.5 15, 15 3.5"></animate> 345 <animate id="globalnav-anim-menutrigger-bread-bottom-close" attributeName="points" keyTimes="0;0.5;1" dur="0.24s" begin="indefinite" fill="freeze" calcMode="spline" keySplines="0.42, 0, 1, 1;0, 0, 0.58, 1" values=" 3.5 15, 15 3.5; 2 9, 16 9; 2 12, 16 12"></animate> 346 </polyline> 347 <polyline id="globalnav-menutrigger-bread-top" class="globalnav-menutrigger-bread globalnav-menutrigger-bread-top" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="square" stroke-linejoin="square" points="2 5, 16 5"> 348 <animate id="globalnav-anim-menutrigger-bread-top-open" attributeName="points" keyTimes="0;0.5;1" dur="0.24s" begin="indefinite" fill="freeze" calcMode="spline" keySplines="0.42, 0, 1, 1;0, 0, 0.58, 1" values=" 2 5, 16 5; 2 9, 16 9; 3.5 3.5, 15 15"></animate> 349 <animate id="globalnav-anim-menutrigger-bread-top-close" attributeName="points" keyTimes="0;0.5;1" dur="0.24s" begin="indefinite" fill="freeze" calcMode="spline" keySplines="0.42, 0, 1, 1;0, 0, 0.58, 1" values=" 3.5 3.5, 15 15; 2 9, 16 9; 2 5, 16 5"></animate> 350 </polyline> 351 </svg> 352 <span>Menu</span> 353 </button> 354 </p> 355 </nav> 356 </div> 357 </header> 358 359<div id="modalMenu" aria-hidden="true"> 360 <h2>Mobile Menu</h2> 361 <ul id="modalMenuTop"> 362 <li><a href="/">News</a></li> 363 <li><a href="https://forums.mixnmojo.com">Forums</a></li> 364 <li><a href="https://funzone.mixnmojo.com">Fun Zone</a></li> 365 <li><a href="/about/">About</a></li> 366 <li><a href="https://www.patreon.com/mixnmojo">Patreon</a></li> 367 </ul> 368 <ul id="modalMenuTwofer"> 369 <li> 370 <ul id="modalMenuMiddle"> 371 <li><h3>Features</h3></li> 372 <li> 373 <a href="https://mixnmojo.com/features/reviews">Reviews</a> 374 </li> 375 <li> 376 <a href="https://mixnmojo.com/features/sitefeatures">Site Features</a> 377 </li> 378 <li> 379 <a href="https://mixnmojo.com/features/interviews">Interviews</a> 380 </li> 381 <li> 382 <a href="https://mixnmojo.com/features/previews">Previews</a> 383 </li> 384 <li> 385 <a href="https://mixnmojo.com/podcast/">Podcasts</a> 386 </li> 387 </ul> 388 </li> 389 <li> 390 <ul id="modalMenuMiddle"> 391 <li><h3>MojoDB</h3></li> 392 <li> 393 <a href="https://preview.mojodb.com/concept-art/">Concept Art</a> 394 </li> 395 <li> 396 <a href="https://preview.mojodb.com/screenshots/">Screenshots</a> 397 </li> 398 <li> 399 <a href="https://preview.mojodb.com/trivia/">Trivia</a> 400 </li> 401 <li> 402 <a href="https://mixnmojo.com/dreamm-demos/">Demos</a> 403 </li> 404 <li> 405 <a href="https://mixnmojo.com/media/">All Media</a> 406 </li> 407 </ul> 408 </li> 409 </ul> 410 <ul class="socials"> 411 <li>
411<a href="https://idlethumbs.social/@mixnmojo" title="Mastodon"><i class="fa-brands fa-mastodon"></i></a></li> 412 413 <li> 414 <a href="https://www.theadventurer.news" title="Substack" class="substackLink"> 415 <i class="fa-solid fa-bookmark"></i> 416 <span></span> 417 <span></span> 418 </a> 419 </li> 420 <li><a href="https://bsky.app/profile/mixnmojo.com" title="Bluesky"><i class="fa-brands fa-bluesky"></i></a></li> 421 <li><a href="https://youtube.com/houseofmojo" title="YouTube"><i class="fa-brands fa-youtube"></i></a></li> 422 <li><a href="mailto:[email protected]" title="Email"><i class="fa-solid fa-envelope"></i></a></li> 423 </ul> 424 </div> 425 426 <p id="behindLink"> 427 <a href="https://mixnmojo.com/behind/">Behind Mojo?!</a> 428 </p> 429 <section id="main" class="content mainSubContent" role="main"> 430 <h2>Articles</h2> 431 <!-- ------------------- MAIN AREA ------------------- --> 432 <article class="article articleRegular" data-id="3129"> 433 <header class="articleHeader"> 434 <div class="articleHeaderHeadingHolder"> 435 <h2 class="articleHeaderHeading"> 436 Retro Gamer Escapes from Monkey Island 437 <span class="articleHeaderTime"> 438 21 Sep, 2026 439 / 440 1 441 comment </span> 442 </h2> 443 <div class="articleHeaderCategoryHolder"> 444 <a href="https://mixnmojo.com/newsarchive/bycategory/LucasArts-News" class="articleHeaderCategoryLink" title="View category listing"> 445 <span class="articleHeaderCategoryLinkImage" style="background: url(https://mixnmojo.com/_theme/MojoEX/images/news/icon_lec.png) center center no-repeat; background-size: 80px 50px;"> 446 </span> 447 </a> 448 <p class="articleHeaderCategoryLinkAuthor"> 449 <a href="mailto:[email protected]">By Rémi</a> 450 </p> 451 </div> 452 </div> 453 </header> 454 <div class="articleText"> 455 <p>Retro Gamer has published another of their retrospectives, this time on <em>Escape from Monkey Island</em>. And even though itâs short, it has some juicy quotes from Sean Clark (and some less juicy ones from Mike Stemmle).</p> 456<blockquote class="news-blockquote"><p><p>Sean recognises Mike's concerns about Monkey Kombat but doesn't share his sense of regret. "I'm in two minds on it. At that time, we believed that we were the last graphic adventure, and Monkey Island game, that Lucas would ever make so we felt like we really had to pay off on the monkey head. We can go a little scorched earth with the lore because there's nothing behind us.</p> 457<p>"We loved the idea that the monkey head was actually the top of a giant monkey robot. Everyone on the team was giggling a lot and thought it was hilarious. It sort of gained its own momentum. I don't apologise for it the same way that Mike does. I think it was fun and there are some really great gags in there but it's probably the part of the game that feels least like Monkey Island. It feels more like a Japanese cartoon."</p></p></blockquote> 458<p>I never thought Monkey Kombat was that big of a deal, but either way â I really do like that Sean doubles down on it.</p> 459<p>Finding Retro Gamer in the US is easier said than done â itâs a UK publication â but you can grab it from <a href="https://pocketmags.com/us/retro-gamer-magazine">pocketmags</a>. Itâs issue 289, and itâll run you a cent shy of $5. (That was the âofficialâ link, but tightwad Jason found it for a mere $4.29 over at <a href="https://www.magazinesdirect.com/us/retro-gamer-0289-single-issue/dp/edbaad6b">Magazines Direct</a>.)</p> 460<strong class="bold">Update</strong> â Huz points out that Magazines Direct actually is the official link. I donât even know. Spend your money where you want. 461 462 <p class="source"> 463 <strong>Source</strong>: <a href="https://grimfandango.network">The CEO/Facebook</a> 464 </p> 465 <div class="news-subline"> 466 <div> 467 <a href="https://mixnmojo.com/news/Retro-Gamer-Escapes-from-Monkey-Island#comments"><i class="fa-regular fa-comment"></i> 1</a> 468 </div> 469 <div> 470 <a href="https://mixnmojo.com/news/Retro-Gamer-Escapes-from-Monkey-Island" class="shareButton" title="Share article"> 471 <i class="fa fa-arrow-up-right-from-square"></i> 472 </a> 473 <span aria-hidden="true">Link copied!</span> 474 </div>
475 </div> 476 </div> 477 </article> 478 479 <article id="comments"> 480 481 <h3 class="articleHeaderHeading articleHeaderHeadingCommentCount"> 482 1 Comment </h3> 483 484 <div class="maincontent"> 485 <ul class="comments"> 486 <li class="commentUser-2738" data-id="10452"> 487 <img class="avatar-big" src="https://mixnmojo.com/galleries/avatars/avatar20090803172904.jpg" width="50" height="50" alt="Avatar"> 488 <div class="comment-content"> 489 <strong>Jason</strong> 490 on 21 Sep, 2026, 16:53… 491 <div class="comment-text"> 492 To gently push back on Remi's characterization of the retrospective as short, it is a proper four-page spread. Maybe I'm just stressing that because I'm so glad/surprised to see that the torch of old school magazine features is still being carried by anybody. 493 </div> 494 </div> 495 </li> 496 </ul> 497 </div> 498 </article> 499 500 <article id="addcommentblock"> 501 <h2 class="news-title-heading" id="addacomment">Add a comment</h2> 502 503 <p style="font-weight: bold; opacity: .5;"> 504 Log in by receiving a <em>magic link</em> through your 505 registered email address or by using your username and password. 506 </p> 507 508 <form class="accountform" id="magicloginForm" method="post" action="/magic-link/send/"> 509 <p class="center"> 510 <input type="email" id="magiclinkEmail" name="email" class="input" placeholder="Your email address" required> 511 <input type="submit" id="magiclinkButton" class="input" value="Go"> 512 </p> 513 </form> 514 515 <p class="center magicOr"> 516 ⦠or ⦠517 </p> 518 519 <form class="accountform" id="loginform2" action="https://mixnmojo.com/index.php?action=login" method="post"> 520 <p> 521 <label for="accountform_username2">Username</label> 522 <input id="accountform_username2" class="input" type="text" name="username" placeholder="User name" required> 523 <label for="accountform_password2">Password</label> 524 <input id="accountform_password2" class="input" type="password" name="password" placeholder="Password" required> 525 <input id="accountform_submit2" type="submit" class="input" value="Go"> 526 <input class="accountform-checkbox-remember" type="checkbox" checked="checked" name="remember" id="remember" value="on"> 527 </p> 528 </form> 529 530 <p class="center magicOr"> 531 ⦠or ⦠532 </p> 533 <p class="center"> 534 <strong> 535 <a href="https://mixnmojo.com/?action=register">Register Account</a> 536 or 537 <a href="https://mixnmojo.com/password-reset">Reset Password</a> 538 </strong> 539 </p> 540 </article> 541 542 543 </section> 544 545 <footer id="mainFooter" class="content"> 546 <div class="innerFooter"> 547 <hr> 548 <ul class="socials"> 549 <li><a href="https://idlethumbs.social/@mixnmojo" title="Mastodon"><i class="fa-brands fa-mastodon"></i></a></li> 550 <li> 551 <a href="https://www.theadventurer.news" title="Substack" class="substackLink"> 552 <i class="fa-solid fa-bookmark"></i> 553 <span></span> 554 <span></span> 555 </a> 556 </li> 557 <li><a href="https://bsky.app/profile/mixnmojo.com" title="Bluesky"><i class="fa-brands fa-bluesky"></i></a></li> 558 <li><a href="https://youtube.com/houseofmojo" title="YouTube"><i class="fa-brands fa-youtube"></i></a></li> 559 </ul> 560 561 <p class="center"> 562 <a href="/about/"><small><strong>About Us</strong></small></a> 563 · 564 <a href="mailto:[email protected]"><small><strong>Email</strong></small></a> 565 </p> 566 567 568 <hr> 569 <h3>The Mojo Network: Friends of Mojo</h3> 570 <table id="friendsOfMojo"> 571 <tbody> 572 <tr><td><a href="https://www.brutallegend.net/">Brütal Legend</a></td><td>An archive of a museum dedicated to Double Fineâs second title.</td></tr> 573 <tr><td><a href="https://www.grimfandango.net">Grim Fandango Network</a></td><td>Still going strong since 1998.</td></tr> 574 <tr><td><a href="https://www.scummbar.com">The SCUMM Bar</a></td><td>The oldest <em>Monkey Island</em> site on the web refuses to die.</td></tr> 575 <tr><td><a href="https://samandmax.co.uk">Sam & Max.co.uk</a></td><td>A large and active <em>Sam & Max</em> resource.</td></tr> 576 <tr><td><a href="https://www.samandmax.net"> Sam & Max.net</a></td><td>A hub linking to any and all official <em>Sam & Max</em> web sites.</td></tr> 577 <tr><td><a href="https://quickandeasysoftware.net/">Quick & Easy</a></td><td>Tools for hacking any kind of LucasArts-related games.</td></tr> 578 <tr><td><a href="https://curse.mixnmojo.com">
578CMI Guide</a></td><td>For your assistance to beat the game.</td></tr> 579 <tr><td><a href="https://indyguide.mixnmojo.com">Indy Guide</a></td><td>For your assistance to beat another game.</td></tr> 580 <tr><td><a href="https://loom.mixnmojo.com">Loom Guide</a></td><td>For your assistance to beat yet another game.</td></tr> 581 <tr><td><a href="https://miguide.mixnmojo.com/">MI Guide</a></td><td>Dormant <em>Monkey Island</em> fan site.</td></tr> 582 <tr><td><a href="https://highland.mixnmojo.com">HighLand Productions</a></td><td>For all your LucasArts-related musical needs.</td></tr> 583 <tr><td><a href="https://legendofmi.com">Legend of Monkey Island</a></td><td>Once it was dead, until it wasnât any longer.</td></tr> 584 </tbody> 585 </table> 586 <p id="footerCopyright" class="content"> 587 Copyright © The International House of Mojo 588 1997-
588<script>document.write(new Date().getFullYear());</script>
588. 589 590 <!--
590<script>let ctdt = '2023/05/22 00:00 PST', ctt = Date.parse(new Date()) - Date.parse(ctdt), ctdays = Math.floor(ctt / (1000 * 60 * 60 * 24)); document.write(`<br><br><small style="opacity: .25;font-weight: bold;">${ctdays} Days and Counting.</small>`);</script>
590 --> 591 592 </p> 593 </div> 594 </footer> 595 596 <div id="mdbVideoModal" aria-hidden="true"><div id="mdbVideoModalInner"><iframe src="" frameborder="0" allowfullscreen="" id="mdbVideoEmbed" autoplay="1"></iframe><p><a href="#">Close Window</a></p></div></div> 597 598
598<script>;async function FetchData(){const response=await fetch('https://mixnmojo.com/_theme/MojoEX/js/daysbetween.php');return response.json()}function TwitterListener(){let links=document.querySelectorAll('.twitter-tweet a');if(links.length>0){links.forEach((link)=>{if(link.href.indexOf('mobile.twitter')>-1){link.href=link.href.replace('mobile.twitter','twitter')}});twttr.widgets.load()}}function SpoilerListener(){let spoilers=document.querySelectorAll('.spoiler');if(spoilers.length>0){spoilers.forEach((spoiler)=>{spoiler.addEventListener('click',()=>{spoiler.classList.remove('spoiler');spoiler.removeAttribute('style')})})}}window.addEventListener('load',()=>{TwitterListener();SpoilerListener()});document.addEventListener('touchstart',function(){},false);if(document.getElementById('censorImages')!==null){let censorButton=document.getElementById('censorImages'),spoilers=document.querySelectorAll('.potentialSpoiler');spoilers.forEach((el)=>{el.classList.add('ex2hexFigureSpoiler')});censorButton.addEventListener('click',(el)=>{spoilers.forEach((el)=>{el.classList.toggle('ex2hexFigureSpoiler')})})}document.querySelectorAll('.toggler').forEach((toggler)=>{toggler.addEventListener('click',(te)=>{te.preventDefault();toggler.classList.toggle('togglerActive');if(typeof(toggler.dataset.bodyClass)!=='undefined'){document.body.classList.toggle(toggler.dataset.bodyClass)}})});let currentFootNote=null;document.querySelectorAll('.footNote').forEach((item)=>{item.addEventListener('click',(ev)=>{if(ev.target.tagName.toUpperCase()!=='A'){ev.preventDefault();if(currentFootNote!==null&¤tFootNote!==item){currentFootNote.setAttribute('aria-hidden',true)}const vis=item.getAttribute('aria-hidden')==='true'?'false':'true';item.setAttribute('aria-hidden',vis);currentFootNote=item}})});document.querySelectorAll('[data-modal]').forEach((button)=>{button.addEventListener('click',(ev)=>{console.log(ev);ev.preventDefault();const modal=document.getElementById(button.dataset.modal);console.log(modal);document.getElementById('featuresMenu').setAttribute('aria-hidden','true');if(modal.getAttribute('aria-hidden')==='true'){modal.setAttribute('aria-hidden','false')}else{modal.setAttribute('aria-hidden','true')}modal.addEventListener('click',()=>{modal.setAttribute('aria-hidden','true')})})});document.addEventListener('keydown',(ev)=>{if(ev.key==='Escape'){document.querySelectorAll('.modal[aria-hidden="false"]').forEach((modal)=>{modal.setAttribute('aria-hidden','true')})}});class Features{#searchFormGenerateLI(url,text){return `<li><a href="${ url }" class="searchHitsLink"><span class="checkbox"></span> <span>${ text }</span></a></li>`}#searchFormClose(searchForm,field=null){this.previousLI=null;this.currentLI=null;this.listPosition=-1;if(field!==null){field.value=''}searchHits.innerHTML='';searchHits.setAttribute('aria-hidden','true')}#searchFormLoop(field,searchForm){if(field!==null&&typeof(field)!=='undefined'){field.addEventListener('keyup',(ev)=>{if(ev.key==='ArrowUp'||ev.key==='ArrowDown'){return}let formData=new FormData();formData.append('featureSearchField',field.value);this.#fetchData('/search/features/',formData).then((data)=>{this.Data=data;if(field.value.length>2){this.#massageData();let hits=this.Data.features.filter((val)=>{let found=false;if(val.title.toUpperCase().indexOf(field.value.toUpperCase())>-1||val.description.toUpperCase().indexOf(field.value.toUpperCase())>-1){found=true}return found}),returnContent=this.#searchFormGenerateLI(`https://www.google.com/search?q=site%3Amixnmojo.com+-forums.mixnmojo.com+${field.value }`,`Search Google for news <em>and</em> features containing <q>${field.value }.</q>`);searchHits.innerHTML='';if(hits.length>0){hits.forEach((entry)=>{let link=entry['featureURL']==='sam-and-max-2-fifteen-years-in-the-grave'?`/${entry['ftURL']}/${entry['featureURL']}/`:`/features/${entry['ftURL']}/${entry['featureURL']}/`;const li=this.#searchFormGenerateLI(link,entry['title']);returnContent+=li})}searchHits.setAttribute('aria-hidden','false');searchHits.innerHTML=returnContent}else{this.#searchFormClose(searchForm)}})})}}#searchAutoSubmit(phrase){if(phrase.indexOf('#')>-1){phrase=phrase.split('#')[0]}const blurEv=new Event('keyup');this.elFeatureSearchField.value=decodeURIComponent(phrase);this.elFeatureSearchField.dispatchEvent(blurEv)}#switchActiveItem(direction,field){let searchHitsCount=this.elSearchHits.querySelectorAll('li').length,adder=direction==='ArrowUp'?1:-1,setActive=true;this.listPosition=(direction==='ArrowUp')?this.listPosition-1:this.listPosition+1;switch(this.listPosition){case-2:this.listPosition=-1;setActive=false;break;case searchHitsCount:this.listPosition=0;break}if(setActive){let goTo=this.listPosition+1;if(goTo>0){if(this.previousLI!==null){this.previousLI.classList.remove('active')}this.currentLI=this.elSearchHits.querySelector(`li:nth-of-type(${ goTo })`);if(this.currentLI===null){return}this.previousLI=this.currentLI;this.currentLI.classList.add('active');setTimeout(()=>{field.setSelectionRange(field.value.length,field.value.length)}
598,1)}else{if(typeof(this.previousLI)!=='undefined'){this.previousLI.classList.remove('active');this.previousLI=null;this.currentLI=null}}}}#searchForm(){if(typeof(this.elFeatureSearchForm)!=='undefined'){const field=this.elFeatureSearchField,searchHits=this.elSearchHits,searchForm=this.elFeatureSearchForm,searchToCheckFor='?search=';this.#searchFormLoop(field,searchForm);searchForm.addEventListener('submit',(ev)=>{ev.preventDefault();if(this.currentLI!==null){window.location.href=this.currentLI.querySelector('a').href;return false}let url=`https://www.google.com/search?q=site%3Amixnmojo.com+-forums.mixnmojo.com+${field.value }`;window.location.href=url});document.addEventListener('keydown',(ev)=>{if(ev.key==='Escape'){field.blur();this.#searchFormClose(searchHits,field)}else if(ev.key==='ArrowUp'||ev.key==='ArrowDown'){this.#switchActiveItem(ev.key,field)}});field.addEventListener('blur',(ev)=>{ev.preventDefault();setTimeout(()=>{this.#searchFormClose(searchHits,field)},200)});field.addEventListener('focus',(ev)=>{ev.preventDefault();if(searchHits.querySelectorAll('li').length>0){searchHits.setAttribute('aria-hidden','false')}else{field.value=''}});if(document.URL.indexOf(searchToCheckFor)>-1){this.#searchAutoSubmit(document.URL.split(searchToCheckFor)[1])}}}#setElements(){if(document.getElementById('featureSearchField')!==null){this.elFeatureSearchField=document.getElementById('featureSearchField')}if(document.getElementById('searchHits')!==null){this.elSearchHits=document.getElementById('searchHits')}if(document.getElementById('featureSearchForm')!==null){this.elFeatureSearchForm=document.getElementById('featureSearchForm')}if(document.getElementById('latestFromTheForums')!==null){this.elForumsLink=document.getElementById('latestFromTheForums')}if(document.getElementById('latestFromTheForums')!==null){this.elForumsQuote=document.getElementById('latestFromTheForums').querySelector('q')}this.listPosition=-1;this.previousLI=null;this.currentLI=null}#massageData(){const smf=this.Data.features.filter((val)=>{return val.id===232});if(smf.length===1){smf[0].id='9999';smf[0].ftURL='tomes';smf[0].featureURL='sam-and-max-2-fifteen-years-in-the-grave';smf[0].date='2020-12-15 15:00:00';smf[0].title='The Unabridged History of Sam & Max 2: Freelance Police';smf[0].description='A mammoth 13-page feature, chronicling thee ill-fated <em>Sam & Max 2: Freelance Police</em>.'}}async #fetchData(url,data={}){const response=await fetch(url,{body:data,method:'POST',cache:'no-cache'});return response.json()}#latestFromForum(){if(typeof(this.elForumsLink)!=='undefined'){this.#fetchData('/_theme/EXPlus/forums.php').then((data)=>{if(data.channel.item[0]!==undefined){const item=data.channel.item[0];this.elForumsLink.href=`${item.link }?do=getNewComment`;this.elForumsQuote.innerHTML=item.title.length>40?item.title.substring(0,40)+'â¦':item.title}else{this.elForumsLink.innerHTML='<strong>Forum Status</strong>: Broken. :('}})}}constructor(){this.Data={};this.#setElements();this.#searchForm();this.#latestFromForum()}}let globalFeatures=new Features();function ShareIt(){let shareButtons=document.querySelectorAll('.shareButton'),shareData={title:'The International House of Mojo',text:''};shareButtons.forEach((shareButton)=>{shareButton.addEventListener('click',(ev)=>{ev.preventDefault();shareData.text=shareButton.href;if(navigator.canShare){shareData.title=shareButton.closest('article').querySelector('h2 a').innerText;navigator.share(shareData)}else{navigator.clipboard.writeText(shareData.text).then(()=>{const span=shareButton.closest('div').querySelector('span');span.setAttribute('aria-hidden','false');setTimeout(()=>{span.setAttribute('aria-hidden','true')},1500)})}})})}ShareIt();function MenuIt(){const button=document.getElementById('mobileMenuButton'),menu=document.getElementById('modalMenu');button.addEventListener('click',(ev)=>{ev.preventDefault();const showHide=menu.getAttribute('aria-hidden')==='true'?'false':'true';menu.setAttribute('aria-hidden',showHide);button.querySelectorAll('animate').forEach((anim)=>{if(showHide==='true'&&anim.id.indexOf('close')>-1){anim.beginElement()}else if(anim.id.indexOf('open')>-1){anim.beginElement()}})});document.addEventListener('keydown',(ev)=>{if(menu.getAttribute('aria-hidden')==='false'){button.click()}})}function SubMenuIt(){document.querySelectorAll('[data-menu]').forEach((button)=>{button.addEventListener('click',(ev)=>{ev.preventDefault();document.querySelectorAll('.popupMenu').forEach((menu)=>{if(menu.id===button.dataset.menu&&menu.getAttribute('aria-hidden')==='true'){menu.setAttribute('aria-hidden','false')}else{menu.setAttribute('aria-hidden','true')}})})});document.addEventListener('keydown',(ev)=>{if(ev.key==='Escape'){document.querySelectorAll('.popupMenu[aria-hidden="false"]').forEach((menu)=>{menu.setAttribute('aria-hidden','true')})}});document.addEventListener('click',(ev)=>{document.querySelectorAll('.popupMenu[aria-hidden="false"]:not(#modalMenu)').forEach((menu)=>{if(!ev.target.hasAttribute('data-menu')){menu.setAttribute('aria-hidden','true')}})})}function SpoilerListener(){let spoilers=document.querySelectorAll('.spoiler');if(spoilers.length>
5980){spoilers.forEach((spoiler)=>{spoiler.addEventListener('click',()=>{spoiler.classList.remove('spoiler');spoiler.removeAttribute('style')})})}}MenuIt();SubMenuIt();SpoilerListener();var l=Object.create(lightbox);l.setUp();async function FetchData(url){const response=await fetch(url);return response.json()}if(document.getElementById('availabilitybutton')!==null){function RegisterUser(){let but=document.getElementById('availabilitybutton'),reguser=document.getElementById('register_user'),registerform=document.getElementById('registerform');but.addEventListener('click',(ev)=>{but.value='Checking availability';ev.preventDefault();let username=reguser.value;if(username.trim().length===0){return}username=encodeURIComponent(username).replace(/%20/g,'+');let url=`/queries.php?action=checkusernamejson&sid=${Math.random()}&username=${ username }`;FetchData(url).then((data)=>{if(data[0].attributes[0].value==='1'){alert('Sorry, that username already exists.');reguser.value='';but.value='Check availability'}else{but.value='All good!'}})});registerform.addEventListener('submit',(ev)=>{ev.preventDefault();if(document.getElementById('register_password').value!==document.getElementById('rep_password').value){alert('Please match up passwords.');return false}if(document.getElementById('register_email').value!==document.getElementById('rep_email').value){alert('Please match up emails.');return false}if(document.getElementById('captcha').value!=='MI2'){alert('Wrong game, yo.');return false}registerform.submit()});document.getElementById('register_user').addEventListener('change',()=>{but.click()})}RegisterUser()}function returnAvatar(){var img;if(currentAvatar=="-1"){img=document.getElementById("defaultimg")}else{img=document.getElementById("avatar"+currentAvatar)}window.opener.changeAvatar(currentAvatar,img.src);window.close()}function changeAvatar(current){var prev;var now;if(currentAvatar==-1){prev=document.getElementById("defaultimg")}else{prev=document.getElementById("avatar"+currentAvatar)}prev.style.borderColor="#4b3779";if(current==-1){now=document.getElementById("defaultimg")}else{now=document.getElementById("avatar"+current)}now.style.borderColor="#7b67a9";currentAvatar=current}function quoteComment(){document.querySelectorAll('.qc').forEach((a)=>{a.addEventListener('click',(ev)=>{let id=a.closest('li').dataset.id,url=`/queries.php?action=returnrawcommentjson&id=${ id }`;FetchData(url).then((data)=>{let author=a.closest('li').querySelector('strong').innerText,text=data[0].tags[2].value.substring(9,(data[0].tags[2].value.length-3));text=`[quote=${ author }]${ text }[/quote]\n`;document.getElementById('comment').value+=text;document.getElementById('comment').focus();location.hash='#comment'}).catch((ex)=>{document.getElementById('comment').focus();location.hash='#comment';console.log(ex)})})})}quoteComment();let mdbVideoModal,mdbVideoModalClose,mdbVideoEmbed;function GlueTube(){const link=(event.target.tagName.toUpperCase()!=='A')?event.target.closest('a'):event.target;if(link===null){alert('Video not found. Blame Jason, itâs probably his fault.');return false}let img=link.querySelector('img'),videoID=link.dataset.video,timestamp='';if(img!==null){mdbVideoEmbed.style.height=img.height+'px';mdbVideoEmbed.style.width=img.width+'px';mdbVideoEmbed.style.maxWidth=img.width+'px'}if(videoID.includes('&t=')){const splitter=videoID.split('&t=');videoID=splitter[0];timestamp=`&start=${splitter[1].replace('s','')}`}mdbVideoEmbed.src=`//www.youtube-nocookie.com/embed/${ videoID }/?autoplay=1${ timestamp }`;mdbVideoModal.setAttribute('aria-hidden','false');return false}mdbVideoEmbed=document.getElementById('mdbVideoEmbed');if(mdbVideoEmbed!==null){mdbVideoModal=document.getElementById('mdbVideoModal');mdbVideoModalClose=mdbVideoModal.querySelector('a');mdbVideoModalClose.addEventListener('click',(ev)=>{ev.preventDefault();mdbVideoModal.setAttribute('aria-hidden','true');mdbVideoEmbed.src=''})}function CodeCopy(){document.querySelectorAll('code').forEach((c)=>{c.addEventListener('click',(ev)=>{navigator.clipboard.writeText(c.innerText).then(()=>{c.classList.add('copied');setTimeout(()=>{c.classList.remove('copied')},5000)})})})}CodeCopy();</script>
598 599
599<script>var sc_project=11213479; var sc_invisible=1; var sc_security="f179af92"; </script>
599<script type="text/javascript" src="https://www.statcounter.com/counter/counter.js" async></script>
599<noscript><div class="statcounter"><a title="Web Analytics Made Easy - StatCounter" href="https://statcounter.com/" target="_blank"><img class="statcounter" src="https://c.statcounter.com/11213479/0/f179af92/1/" alt="Web Analytics Made Easy - StatCounter"></a></div></noscript> 600 601</body> 602</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.