CINXE.COM

<!doctype html> <html dir="ltr" lang="en-US" prefix="og: https://ogp.me/ns#" > <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>shmuplations.com</title>  <meta name="description" content="shmuplations.com is a repository of Japanese game developer translations, covering primarily older arcade and console games from the 80s, 90s, and beyond." /> <meta name="robots" content="max-image-preview:large" /> <link rel="canonical" href="https://shmuplations.com/" /> <meta name="generator" content="All in One SEO (AIOSEO) 4.7.8" /> <meta property="og:locale" content="en_US" /> <meta property="og:site_name" content="shmuplations.com - 80s/90s/00s japanese gamedev interviews" /> <meta property="og:type" content="article" /> <meta property="og:title" content="shmuplations.com" /> <meta property="og:description" content="shmuplations.com is a repository of Japanese game developer translations, covering primarily older arcade and console games from the 80s, 90s, and beyond." /> <meta property="og:url" content="https://shmuplations.com/" /> <meta property="article:published_time" content="2021-11-01T04:41:31+00:00" /> <meta property="article:modified_time" content="2024-05-14T02:12:59+00:00" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@shmuplations" /> <meta name="twitter:title" content="shmuplations.com" /> <meta name="twitter:description" content="shmuplations.com is a repository of Japanese game developer translations, covering primarily older arcade and console games from the 80s, 90s, and beyond." /> <meta name="twitter:creator" content="@shmuplations" /> <script type="application/ld+json" class="aioseo-schema"> {"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/shmuplations.com\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/shmuplations.com\/#listItem","position":1,"name":"Home"}]},{"@type":"Organization","@id":"https:\/\/shmuplations.com\/#organization","name":"shmuplations","description":"80s\/90s\/00s japanese gamedev interviews","url":"https:\/\/shmuplations.com\/","logo":{"@type":"ImageObject","url":"https:\/\/shmuplations.com\/wp-content\/uploads\/2022\/08\/logo.png","@id":"https:\/\/shmuplations.com\/#organizationLogo","width":537,"height":116},"image":{"@id":"https:\/\/shmuplations.com\/#organizationLogo"},"sameAs":["https:\/\/twitter.com\/shmuplations"]},{"@type":"WebPage","@id":"https:\/\/shmuplations.com\/#webpage","url":"https:\/\/shmuplations.com\/","name":"shmuplations.com","description":"shmuplations.com is a repository of Japanese game developer translations, covering primarily older arcade and console games from the 80s, 90s, and beyond.","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/shmuplations.com\/#website"},"breadcrumb":{"@id":"https:\/\/shmuplations.com\/#breadcrumblist"},"datePublished":"2021-11-01T04:41:31+00:00","dateModified":"2024-05-14T02:12:59+00:00"},{"@type":"WebSite","@id":"https:\/\/shmuplations.com\/#website","url":"https:\/\/shmuplations.com\/","name":"shmuplations.com","description":"80s\/90s\/00s japanese gamedev interviews","inLanguage":"en-US","publisher":{"@id":"https:\/\/shmuplations.com\/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/shmuplations.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}}]} </script>  <link rel="alternate" type="application/rss+xml" title="shmuplations.com » Feed" href="https://shmuplations.com/feed/" /> <link rel="alternate" type="application/rss+xml" title="shmuplations.com » Comments Feed" href="https://shmuplations.com/comments/feed/" /> <link rel='stylesheet' id='wp-block-library-css' href='https://shmuplations.com/wp-includes/css/dist/block-library/style.min.css?ver=6.5' media='all' /> <style id='wp-block-library-theme-inline-css'> .wp-block-audio figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio figcaption{color:#ffffffa6}.wp-block-audio{margin:0 0 1em}.wp-block-code{border:1px solid #ccc;border-radius:4px;font-family:Menlo,Consolas,monaco,monospace;padding:.8em 1em}.wp-block-embed figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed figcaption{color:#ffffffa6}.wp-block-embed{margin:0 0 1em}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:#ffffffa6}.wp-block-image figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-image figcaption{color:#ffffffa6}.wp-block-image{margin:0 0 1em}.wp-block-pullquote{border-bottom:4px solid;border-top:4px solid;color:currentColor;margin-bottom:1.75em}.wp-block-pullquote cite,.wp-block-pullquote footer,.wp-block-pullquote__citation{color:currentColor;font-size:.8125em;font-style:normal;text-transform:uppercase}.wp-block-quote{border-left:.25em solid;margin:0 0 1.75em;padding-left:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;font-style:normal;position:relative}.wp-block-quote.has-text-align-right{border-left:none;border-right:.25em solid;padding-left:0;padding-right:1em}.wp-block-quote.has-text-align-center{border:none;padding-left:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote.is-style-plain{border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-search__button{border:1px solid #ccc;padding:.375em .625em}:where(.wp-block-group.has-background){padding:1.25em 2.375em}.wp-block-separator.has-css-opacity{opacity:.4}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto}.wp-block-separator.has-alpha-channel-opacity{opacity:1}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table{margin:0 0 1em}.wp-block-table td,.wp-block-table th{word-break:normal}.wp-block-table figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table figcaption{color:#ffffffa6}.wp-block-video figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video figcaption{color:#ffffffa6}.wp-block-video{margin:0 0 1em}.wp-block-template-part.has-background{margin-bottom:0;margin-top:0;padding:1.25em 2.375em} </style> <style id='classic-theme-styles-inline-css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css'> body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #FFFFFF;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--dark-gray: #28303D;--wp--preset--color--gray: #39414D;--wp--preset--color--green: #D1E4DD;--wp--preset--color--blue: #D1DFE4;--wp--preset--color--purple: #D1D1E4;--wp--preset--color--red: #E4D1D1;--wp--preset--color--orange: #E4DAD1;--wp--preset--color--yellow: #EEEADD;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--gradient--purple-to-yellow: linear-gradient(160deg, #D1D1E4 0%, #EEEADD 100%);--wp--preset--gradient--yellow-to-purple: linear-gradient(160deg, #EEEADD 0%, #D1D1E4 100%);--wp--preset--gradient--green-to-yellow: linear-gradient(160deg, #D1E4DD 0%, #EEEADD 100%);--wp--preset--gradient--yellow-to-green: linear-gradient(160deg, #EEEADD 0%, #D1E4DD 100%);--wp--preset--gradient--red-to-yellow: linear-gradient(160deg, #E4D1D1 0%, #EEEADD 100%);--wp--preset--gradient--yellow-to-red: linear-gradient(160deg, #EEEADD 0%, #E4D1D1 100%);--wp--preset--gradient--purple-to-red: linear-gradient(160deg, #D1D1E4 0%, #E4D1D1 100%);--wp--preset--gradient--red-to-purple: linear-gradient(160deg, #E4D1D1 0%, #D1D1E4 100%);--wp--preset--font-size--small: 18px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 24px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--extra-small: 16px;--wp--preset--font-size--normal: 20px;--wp--preset--font-size--extra-large: 40px;--wp--preset--font-size--huge: 96px;--wp--preset--font-size--gigantic: 144px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} .wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='wp-bigfoot-public-css' href='https://shmuplations.com/wp-content/plugins/wp-bigfoot/public/css/wp-bigfoot-public.css?ver=2.0.0' media='all' /> <link rel='stylesheet' id='wp-bigfoot-style-css' href='https://shmuplations.com/wp-content/plugins/wp-bigfoot/public/css/bigfoot-number.css?ver=2.0.0' media='all' /> <link rel='stylesheet' id='uagb-slick-css-css' href='https://shmuplations.com/wp-content/plugins/ultimate-addons-for-gutenberg/assets/css/slick.css?ver=1.25.6' media='all' /> <link rel='stylesheet' id='uag-style-239-css' href='https://shmuplations.com/wp-content/uploads/uag-plugin/uag-css-239-1736287959.css?ver=1.25.6' media='all' /> <link rel='stylesheet' id='twenty-twenty-one-style-css' href='https://shmuplations.com/wp-content/themes/twentytwentyone/assets/css/ie.css?ver=1.6' media='all' /> <style id='twenty-twenty-one-style-inline-css'> :root{--global--color-background: #1d1d1d;--global--color-primary: #fff;--global--color-secondary: #fff;--button--color-background: #fff;--button--color-text-hover: #fff;--table--stripes-border-color: rgba(240, 240, 240, 0.15);--table--stripes-background-color: rgba(240, 240, 240, 0.15);} </style> <link rel='stylesheet' id='twenty-twenty-one-print-style-css' href='https://shmuplations.com/wp-content/themes/twentytwentyone/assets/css/print.css?ver=1.6' media='print' /> <link rel='stylesheet' id='tablepress-default-css' href='https://shmuplations.com/wp-content/tablepress-combined.min.css?ver=13' media='all' /> <link rel='stylesheet' id='tablepress-responsive-tables-css' href='https://shmuplations.com/wp-content/plugins/tablepress-responsive-tables/css/tablepress-responsive.min.css?ver=1.8' media='all' /> <script src="https://shmuplations.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script src="https://shmuplations.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script src="https://shmuplations.com/wp-content/plugins/wp-bigfoot/public/js/wp-bigfoot-public.js?ver=2.0.0" id="wp-bigfoot-publicjs-js"></script> <script src="https://shmuplations.com/wp-content/plugins/wp-bigfoot/public/js/bigfoot.min.js?ver=2.0.0" id="wp-bigfoot-min-js"></script> <script src="https://shmuplations.com/wp-content/plugins/wp-bigfoot/public/js/wp-bigfoot.js?ver=2.0.0" id="wp-bigfoot-wp-bigfoot-js"></script> <link rel="https://api.w.org/" href="https://shmuplations.com/wp-json/" /><link rel="alternate" type="application/json" href="https://shmuplations.com/wp-json/wp/v2/pages/239" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://shmuplations.com/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress 6.5" /> <link rel='shortlink' href='https://shmuplations.com/' /> <link rel="alternate" type="application/json+oembed" href="https://shmuplations.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fshmuplations.com%2F" /> <link rel="alternate" type="text/xml+oembed" href="https://shmuplations.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fshmuplations.com%2F&format=xml" /> <style id="custom-background-css"> body.custom-background { background-color: #1d1d1d; } </style> <style id="uagb-style-conditional-extension">@media (min-width: 1025px){body .uag-hide-desktop.uagb-google-map__wrap,body .uag-hide-desktop{display:none}}@media (min-width: 768px) and (max-width: 1024px){body .uag-hide-tab.uagb-google-map__wrap,body .uag-hide-tab{display:none}}@media (max-width: 767px){body .uag-hide-mob.uagb-google-map__wrap,body .uag-hide-mob{display:none}}</style><link rel="icon" href="https://shmuplations.com/wp-content/uploads/2021/10/siteicon.jpg" sizes="32x32" /> <link rel="icon" href="https://shmuplations.com/wp-content/uploads/2021/10/siteicon.jpg" sizes="192x192" /> <link rel="apple-touch-icon" href="https://shmuplations.com/wp-content/uploads/2021/10/siteicon.jpg" /> <meta name="msapplication-TileImage" content="https://shmuplations.com/wp-content/uploads/2021/10/siteicon.jpg" /> <style id="wp-custom-css"> /* Target mobile only: these three all relate to font sizing on mobile */ @media (max-width : 480px) { .wp-block-group { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } } /* .wp-block-columns is used on the frontpage, and also on posts, but i only want this padding on the front page mobile (and the two tablepress pages, actually) */ @media (max-width : 480px) { .page-id-855 .wp-block-columns, .page-id-813 .wp-block-columns { padding-right: 0 !important; padding-left: 0 !important; } } /* @media screen and (max-width: 480px) { html { font-size: .9rem} } */ @media screen and (max-width: 480px) { p { line-height: 1.5;} } /** use full-width for mobile by re-defining responsive--alignwide-width variable **/ @media screen and (max-width:480px) { body { --responsive--alignwide-width: 100%;} } /* This Centers right and left aligned images on mobile */ @media screen and (max-width: 480px) { #page .alignleft, #page .alignright { float: none; margin: 1.25em auto; margin-top: 5px; margin-bottom: 5px; } } .entry-footer { display: none !important; } /* remove recent posts from frontpage */ .page-id-239 .widget-area { display: none; } .page-id-239 .site-info { display:none; } body { --latest-posts--title-font-size: 1.4rem; } /*Style the text in latest posts*/ .wp-block-latest-posts.is-grid > li { background-color:#e3e3f5; margin-bottom:1.5rem !important; } .wp-block-latest-posts>li>a { margin-top:-10px; /*width:303px;*/ text-decoration: none; color:black; padding-left:5%; padding-right:10%; margin-bottom:0px; font-weight:bold; } /* date text*/ .wp-block-latest-posts .wp-block-latest-posts__post-date { margin-top: 0px; color:black; padding-left:5%; margin-bottom:20px !important; } /* These add a background to the caption text and remove the spacing between image and caption */ figcaption { background-color: #ddddff; padding-top: 1rem; padding-bottom:1rem; padding-left:2rem; padding-right:2rem; margin-top:0px !important; margin-bottom:0px !important; text-align: center; line-height: 1.5 !important; font-size:1.25rem !important; color:black !important; max-width: 100%; } .wp-block-image img { margin-bottom: 0px !important; } /* removes top spacer from mobile on pages */ @media screen and (max-width:480px) { #page .wp-block-spacer { display: none !important;} } /* This places embeds (like youtube vids) midway into the left whitespace. it's not bad but i havent decided on it yet*/ .wp-block-embed.alignleft {margin-left:10%; margin-right:5%;} @media screen and (max-width:480px) { .wp-block-latest-posts.is-grid { flex-direction: column; }} h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { clear: none; } /* Styling for the search bar and show entries on tablepress */ .dataTables_filter input { border-radius: 10px; padding: .36rem; } .dataTables_length { margin-bottom:10px; margin-top:.02rem; } /* this shortens the vertical size of the select box by adding less padding top and bottom*/ select { padding-top:5px; padding-bottom:5px; } /* disabling the stupid link highlighting of TT1*/ a:focus { color:inherit !important; background-color:inherit !important; } .wp-block-latest-posts>li>a:focus {color:black !important; } /* targets hover effect on child cells in responsive table*/ table.dataTable .child td:hover { background-color:transparent!important; } @media screen and (min-width:480px) { .tablepress tbody td { font-size:1.2rem; line-height:1.5em; } } .tablepress thead th, .tablepress tfoot th { background-color:#c6a7e3; } .tablepress thead .sorting_asc, .tablepress thead .sorting_desc, .tablepress thead .sorting:hover { background-color: #c066f9; } @media screen and (min-width:480px) { .page-id-855 { --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1440px); } } /* adds spacing to the game table rows*/ @media screen and (min-width:480px) { .tablepress-id-2 td { padding-bottom:15px; padding-top:15px; } } td.column-1.dtr-control::before { display:none !important; } @media screen and (max-width:480px) { td.column-2 { padding-right:15px !important; } } @media screen and (min-width:480px) { .tablepress { table-layout:fixed; } .tablepress-id-2 .column-1 { width: 16% !important; } .tablepress-id-2 .column-2 { width: 15% !important; } .tablepress-id-2 .column-3 { width: 13% !important; } .tablepress-id-2 .column-4 { width: 20% !important; } .tablepress-id-2 .column-5 { width: 20% !important; } .tablepress-id-2 .column-6 { width: 7% !important; } /*.tablepress-id-2 img { width: 180px; }*/ } td.column-1.dtr-control { padding-left:15px !important; /* padding-right:0px !important; */ } @media screen and (max-width:480px) { .column-1.dtr-control img {width:130px;} } /* tricky mobile styling for responsive tables */ @media screen and (max-width:480px) { .dataTables_wrapper .dataTables_filter input {width:70%;} .dataTables_filter {padding-left:170px !important; padding-bottom:5px;} } @media screen and (min-width:480px) { .wp-block-columns { border-radius: 8px; } } /* general re-routing of h3, mainly done to port over code from shmuplations more easily*/ body h3 { font-size: 1.4rem; font-weight: 600; } body { --global--spacing-horizontal: 40px; } /* slightly smaller h3 fonts for mobile*/ @media only screen and (max-width: 480px) { body h3 { font-size: 1.3rem; } } @media only screen and (min-width: 481px) { :root{ --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 800px); } } /* target laptop screens with wider interview area*/ @media only screen and (min-width: 1500px) { :root { --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 800px); } .post-thumbnail, .entry-content .wp-audio-shortcode, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .default-max-width, .wp-block-search, hr.wp-block-separator:not(.is-style-dots):not(.alignwide), .entry-content > .alignleft, .entry-content > .alignright, .author-bio, .search-form { max-width: var(--responsive--aligndefault-width); } body h3{ font-size:1.5rem; } body p{ font-size:1.5rem; line-height:1.5; } .wp-block-media-text__content p{ font-size:1.25rem; line-height:1.7; } } @media only screen and (min-width:481px) { body p { font-size:1.5rem; line-height:1.5; } .post p{ line-height:1.5; } /* .wp-block-group .wp-block-group__inner-container > * { margin-top: calc(var(--global--spacing-vertical) - 3px); margin-bottom: calc(var(--global--spacing-vertical) - 3px); } */ .wp-block-media-text__content p { /* font-size:1.25rem;*/ font-size:1.25rem; line-height:1.7; } /* spacing/margins for L/R aligned column content in posts*/ .single-post .wp-block-columns { margin-top: 40px; margin-bottom: 30px; } /* more padding for captioned images that are not left or right aligned */ figure:not(.alignright, .alignleft, .doubleimagecolumn-figure) > figcaption { padding-left:2.5rem; padding-right:2.5rem; } :root h4 { font-size:1.6rem; } .wp-block-media-text__content p{ margin-top:-10px !important; } } /**---------------------**/ /** 1920+ Sizings **/ /**---------------------**/ @media only screen and (min-width: 1920px) { :root { --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 800px); --global--font-size-base: 1.5rem; --global--line-height-body: 1.5; --global--spacing-vertical: 30px; --global--spacing-horizontal: 40px; --global--spacing-unit: 24px; } :root h4 { font-size:1.7rem !important; } body h3 { font-size:1.55rem !important; font-weight:600; } .post-thumbnail, .entry-content .wp-audio-shortcode, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .default-max-width, .wp-block-search, hr.wp-block-separator:not(.is-style-dots):not(.alignwide), .entry-content > .alignleft, .entry-content > .alignright, .author-bio, .search-form { max-width: var(--responsive--aligndefault-width); } /* this targets the text of the opening intro block */ .wp-block-media-text__content p{ font-size:1.3rem; line-height:1.7; margin-top:-10px !important; } figcaption { font-size:1.25rem !important; /* margin-bottom:2.5rem !important; */ max-width: 999999px !important; max-height:999999px !important; } /* more padding for captioned images that are not left or right aligned*/ figure:not(.alignright, .alignleft) > figcaption { padding-left:3rem; padding-right:3rem; } /* makes sure not to apply "wide" caption padding to youtube L/R embeds, which I use columns for */ .wp-block-column figure >figcaption{ padding-left:2rem; padding-right:2rem; } .wp-block-latest-posts > li > a { font-size:1.5rem; line-height:1.9rem; } .wp-block-latest-posts .wp-block-latest-posts__post-date { font-size:1.07rem; margin-top:2px; } .wp-block-columns .wp-block-column h3:first-child { margin-top: -10px; } } /*--------------------*/ @media only screen and (max-width:480px) { .wp-block-media-text .wp-block-media-text__content { padding-left: 1.5rem; padding-right: 1.5rem; padding-top:2rem; } h4, .h4 { font-size:1.6rem; } h5, .h5 { font-size:1.6rem !important; } } /* these are for interview headings within the main article --need to add responsive stylings... 2.3rem @2560, 1.7rem @ipad/laptop? */ h5, .h5 { font-size:1.9rem; margin-bottom: 0px !important; } h5 strong, .h5 strong{ font-weight:600; } h5 + p { font-weight:600 !important; margin-top:0px !important; } @media only screen and (max-width:480px) { /* this targets the text of the opening intro block */ .wp-block-media-text__content p{ font-size:1.25rem; line-height:1.5 !important; } } @media screen and (max-width:480px){ .wp-block-media-text .wp-block-media-text__content h4 { margin-bottom:0; } .wp-block-media-text .wp-block-media-text__content p { margin-top:15px; } } /* .marginbotminus20 { margin-bottom:-20px !important; } */ /* html,body { text-size-adjust: none !important; -webkit-text-size-adjust: none !important; -moz-text-size-adjust: none !important; -ms-text-size-adjust: none !important; } */ @media only screen and (max-width:480px) { figure { font-size:18px !important; } .wp-block-image figcaption { font-size: 18px !important; width:100% !important; line-height:1.5 !important; } figcaption { max-width: 999999px !important; max-height:999999px !important; padding-left:1.35rem; padding-right:1.35rem; } .wp-block-embed figcaption{ font-size:18px !important;} .wp-block-column figcaption{ font-size:18px !important;} } /* wordpress sometimes fails to add the table styling for images, especially in columns--this way images and the like should be freely resizable in style-editor.css as well */ figure.wp-block-image{ display:table !important; } .wp-block-image figcaption{ display:table-caption; caption-side:bottom; } .wp-block-gallery figure{ display:flex !important; } @media only screen and (min-width:481px) { .wp-block-columns .wp-block-column h3:first-child { margin-top: -10px; } } @media only screen and (min-width:481px) { .wp-block-latest-posts.is-grid > li { border-radius: 14px; } .wp-block-latest-posts__featured-image img { border-radius: 14px 14px 0px 0px; } figure.wp-block-image:not(.alignleft, .alignright, .wp-block-column *,.alexalignleft) { margin-top: 40px !important; margin-bottom:40px; } /* margins top and bottom for center aligned youtube vids */ .wp-block-group__inner-container > figure.wp-block-embed.is-type-video { margin-top: 40px; margin-bottom: 40px; } .wp-block-gallery figure.wp-block-image{ margin-top:0 !important; } .wp-block-gallery { margin-top:40px !important; margin-bottom:40px !important; } /* i think this should apply to all column margins, basically videos since l/r images are defined specifically below... */ .wp-block-column:not(:first-child){ margin-left: 2.25rem; } .leftimageplustext .wp-block-column:first-child { flex-shrink:0; } .leftimageplustext .wp-block-column:not(:first-child) { margin-left: 2.25rem; } .leftimageplustext .wp-block-column .wp-block-image figure { margin-right: 0; margin-top:2px; } .leftimageplustext .wp-block-column, .rightimageplustext .wp-block-column { flex-basis:unset !important; } .rightimageplustext .wp-block-column:last-child{ flex-shrink:0; } .rightimageplustext .wp-block-column .wp-block-image figure { margin-left: 0; margin-top:2px; } .rightimageplustext .wp-block-column:last-child { margin-left:2.5rem; } } @media only screen and (min-width:481px) { .wp-block-columns.are-vertically-aligned-center.has-white-color.has-text-color { margin-top:-10px; } .wp-block-group .wp-block-columns .wp-block-column p:first-child { margin-top: -10px; } } @media only screen and (max-width:480px) { .wp-block-uagb-social-share { justify-content: center; align-items: flex-end; column-gap: 0rem; background: #1d1d1d; padding: 10px; margin-top: -40px !important;; margin-left: 0 !important;; width: calc(100vw + 1px) !important; max-width: 101vw !important; padding-bottom: 5px; padding-top:20px !important; border: solid grey 3px; border-left:none; border-right:none; } .wp-block-group.alignwide.has-black-color.has-text-color.has-background { margin-top:-20px; } .uagb-social-share__wrap { justify-content: center !important; align-items: center; /* gap: 5px;*/ margin-top: -10px; margin-right:0 !important; } .uagb-ss__source-wrap svg { width: 45px !important; height: 45px !important; } } @media only screen and (max-width:480px) { .wp-block-latest-posts > li > a { font-size:1.6rem } .wp-block-latest-posts .wp-block-latest-posts__post-date{ font-size:1.1rem; margin-bottom: 15px !important; } } .taglyfe { background-color: #d9d9ed; padding: 15px; padding-top: 12px; margin-top: -29px; font-size: 1.3rem; /* font-style: italic; */ font-weight:600; margin-bottom:40px; padding-right: 25px; } .taglyfe::before{ /* content:" "; */ margin-left:5px; font-style: initial; } .taglyfe a{ text-decoration:none; /* transition: .25s; */ } /* .taglyfe a::before{ content:"\00a0 "; } .taglyfe a::after{ content:"\00a0 "; } */ @media only screen and (min-width:480px) { .taglyfe a:hover{ background:rgba(114,124,112,.4); padding-top: 2px; padding-bottom:2px; border-radius:4px; } } @media only screen and (max-width:480px) { .taglyfe{ display:none;} } @media only screen and (min-width:481px) { .tagsandsns{ margin-top:-29px !important; margin-bottom:35px !important; box-sizing:content-box; } .tagsandsns-column2 { display: flex; align-items: center; justify-content: flex-end; background-color: #d9d9ed; margin-left:0 !important; padding-right:1.5rem; /*! margin-right: 0 !important; */ } .wp-block-post-terms { margin-bottom:0 !important; } .wp-block-uagb-social-share-child:last-child { margin-right:0 !important; } .wp-block-uagb-social-share { margin-left:0; margin-right:0; } .uagb-ss__source-icon { line-height:0 !important; } .wp-block-uagb-social-share-child { margin-left:0px !important; } .wp-block-uagb-social-share-child:hover { filter:drop-shadow(2px 2px 2px black); } .wp-block-uagb-social-share-child:first-child svg { width:38px; } .uagb-social-share__wrap { /* column-gap:0; */ margin-right:0; } } @media screen and (min-width: 481px) { .taglyfe{ line-height:1.5; } } @media screen and (max-width:480px){ figure.wp-block-media-text__media { outline: solid black 13px; } } /* .bigfoot-footnote{ left:0 !important; } */ .bigfoot-footnote__content p{ font-weight:400; } @media screen and (max-width:480px){ figure.wp-block-media-text__media { outline: solid black 13px; } } /* .bigfoot-footnote{ left:0 !important; } */ .bigfoot-footnote__content p{ font-weight:400; } .bigfoot-footnote__button { position: relative; z-index: 0; top: -0.1em; padding: 0; margin: 0 0.1em 0 0.2em; border: none; cursor: pointer; background-color: rgba(110, 110, 110, 0.2); font-size: 2rem; line-height: inherit; } .bigfoot-footnote__button { position: relative; height: .8em; width: .8em; border-radius: 50%; } @media screen and (max-width:480px){ .bigfoot-footnote.is-positioned-top { position: fixed; bottom: 0; top: auto; left: 0; right: auto; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); width: 100%; margin: 0; border-radius: 0; opacity: 1; -webkit-transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; left:0 !important; width:100vw; } .bigfoot-footnote.is-active { -webkit-transform: scale(1) translateZ(0); transform: scale(1) translateZ(0); opacity: 0.97; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .bigfoot-footnote.is-bottom-fixed { position: fixed; bottom: 0; top: auto; left: 0; right: auto; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); width: 100%; margin: 0; border-radius: 0; opacity: 1; border-width: 1px 0 0; -webkit-transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; } .is-positioned-bottom{ position: fixed; bottom: 0; top: auto; left: 0; right: auto; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); width: 100%; margin: 0; border-radius: 0; opacity: 1; border-width: 1px 0 0; -webkit-transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; left:0 !important; width:100vw; } .bigfoot-footnote.is-bottom-fixed.is-active { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .bigfoot-footnote.is-bottom-fixed .bigfoot-footnote__wrapper { margin: 0 0 0 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); max-width: 100%; } .bigfoot-footnote.is-bottom-fixed .bigfoot-footnote__tooltip { display: none; } .bigfoot-footnote__wrapper { position: relative; z-index: 14; width: 22em; display: inline-block; box-sizing: inherit; overflow: hidden; margin: 0; background-color: #fafafa; border-radius: 0.5em; line-height: 0; max-width: 100% !important; max-height:999999px !important; } .bigfoot-footnote__content { position: relative; z-index: 8; display: inline-block; max-height: 15em; padding: 1.1em 1.3em 1.2em; box-sizing: inherit; overflow: auto; -webkit-overflow-scrolling: touch; background: #fafafa; border-radius: 0.5em; -webkit-font-smoothing: subpixel-antialiased; line-height: normal; max-height:999999px !important; } .bigfoot-footnote__content img { max-width: 100%; } .bigfoot-footnote__content *:last-child { margin-bottom: 0 !important; } .bigfoot-footnote__content *:first-child { margin-top: 0 !important; } .bigfoot-footnote__tooltip { display:none; } .is-positioned-bottom .bigfoot-footnote__tooltip { top: -0.65em; } .is-positioned-top .bigfoot-footnote__tooltip { bottom: -0.65em; } .bigfoot-footnote{ border:double black 10px; max-height:10000px !important; } .bigfoot-footnote__content p { font-size: 1.25rem !important; line-height:1.4 !important; font-style: italic !important; max-height: 1000000px; } .bigfoot-footnote__button { height: .9em; width: .9em; } } .footnotes{display:none;} #alexmenu li a:hover { text-decoration: underline; } #masthead{ display:none; } .entry-header{ display:none; } .site-main { padding-top:0px; } .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img { outline:none; } .frontpagesns{ border:none !important; } .frontpagesns .wp-block-column:nth-child(2){ align-self:flex-end; padding-right:2.5rem; /* align-self:center; padding-right:2.7rem; margin-top: 8px; */ } @media screen and (max-width : 480px) { .page-id-239 .wp-block-columns { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } } @media screen and (max-width:480px){ .frontpagesns .wp-block-column:nth-child(2){ display:none; } .wp-block-columns .frontpagesns { padding-right:0 !important; padding-left:0 !important; } .frontpagesns .wp-block-column{ margin-bottom:0 !important; } } /* testing out border smoothing on articles*/ @media screen and (min-width: 481px) { .wp-block-media-text { border-radius:24px 24px 0 0; } .wp-block-media-text__media{ border-radius:24px 0 0 0; } /* adjust margins beneath figures (images, videos etc) but only in groups, ie for main content*/ /* .wp-block-group figure { margin-bottom:20px !important; } */ figure + h3 { margin-top:0px !important; } figure:not(.is-type-video) + p { margin-top: 20px !important; } .bigfoot-footnote__tooltip{ background:#363636; } .bigfoot-footnote__content{ background:#363636; color:white; text-shadow:1px 1px black; } .bigfoot-footnote__wrapper{ background:#363636; } .bigfoot-footnote.is-scrollable .bigfoot-footnote__wrapper:after { background-image: -webkit-linear-gradient(bottom, #363636 50%, rgba(54, 54, 54, 0) 100%); background-image: linear-gradient(to top, #363636 50%, rgba(54, 54, 54, 0) 100%); } .bigfoot-footnote.is-scrollable .bigfoot-footnote__wrapper:before { background-image: -webkit-linear-gradient(bottom, #363636 50%, rgba(54, 54, 54, 0) 100%); background-image: linear-gradient(to top, #363636 50%, rgba(54, 54, 54, 0) 100%); } } /*---------------------------------*/ /*---devnames accordion stuff------*/ /*---------------------------------*/ /* summary { display:flex; align-items:center; } */ details:first-child { border-radius:20px 20px 0 0; } details:first-child summary { padding-top: 10px; } details:last-child summary { padding-bottom:15px; } details:only-child summary { padding-top:15px; padding-bottom:15px; } details:last-child { border-radius:0 0 20px 20px; } details:only-child{ border-radius:20px; } details { /* font-size: 1.3rem; */ font-weight:700; width: 100%; background: #e5e5f4; position: relative; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @media screen and (max-width:480px){ details { width:100%; } } details .summary-title { user-select: none; } details:hover { cursor: pointer; background: rgba(0,0,0,.088); } details:hover svg { background: rgba(0,0,0,.044) } details .summary-content { cursor: default; padding: 1em; padding-top:10px; font-weight: 400; line-height: 1.5; background: #f3f3f3; } details summary { list-style: none; padding: 6px 15px; padding-left: 1em; } details summary:focus { outline: none; } details summary:hover .summary-chevron-up svg { opacity: 1; } details .summary-chevron-up svg { opacity: 0.5; } details .summary-chevron-up { pointer-events: none; background: #e5e5f4; } details .summary-chevron-up svg { display: block; } details summary::-webkit-details-marker { display: none; } details .summary-chevron-up { margin-left:auto; } #downarrow{ opacity:0; } details[open] #downarrow { opacity:1; } details[open] #uparrow { opacity:0 !important; } .summaryflex{ display:flex; align-items:center; } @media screen and (max-width:480px) { .summary-title { font-size:1.25rem; } details summary { padding-left:.8em; } .summary-content { font-size:1.25rem; max-height:9999999px; } } #baguetteBox-overlay figcaption{ display:none !important; } /* potential ipad stylings with slightly enlarged fonts and consistent 810px default content width */ @media only screen and (min-width: 481px) and (max-width:1367px) { :root{ --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 800px); } .wp-block-group p { font-size:1.5rem; line-height:1.5; } .wp-block-group h3{ font-size:1.55rem; } .wp-block-group h5{ font-size:1.9rem; } .single-post .wp-block-columns { margin-top: 35px; margin-bottom: 30px; } figcaption { padding-left:2rem; padding-right:2rem; } } .aligncolumnstraight{ margin-top:-5px !important; } .gradientheader { background: #d9d9ed; padding: 1.5rem 1rem; border-left: solid 15px rgba(0,0,0,.9); border-radius: 0 20px 20px 0; padding-left: 1.5rem; margin-top:50px !important; } @media screen and (min-width:480px){ /* .alexalignleft { margin-left: calc((var(--responsive--alignwide-width) - var(--responsive--aligndefault-width) - 64px) / 2) !important; } */ .textonimagez { margin-left: calc((var(--responsive--alignwide-width) - var(--responsive--aligndefault-width) - 64px) / 2) !important; position:relative; width:fit-content; } .textonimagez h4{ position:absolute; bottom:0; right:0; color:white; background:rgba(0,0,0,.5); font-size:2rem; padding:1rem; padding-top:.5rem; } .textonimagez figure{ margin-bottom:0 !important; margin-top:0 !important; } } @media screen and (max-width:480px){ .textonimagez { position:relative; padding:0 !important; max-width:100vw !important; width: 100vw !important; position: relative; left: 50%; right: 50%; margin-left: -50vw !important; margin-right: -50vw !important; } .textonimagez h4{ position:absolute; bottom:0; right:0; color:white; background:rgba(0,0,0,.4); font-size:1.7rem; padding:.5rem; padding-top:.3rem; padding-right:.7rem; padding-bottom:.3rem; } .textonimagez figure{ margin-bottom:0 !important; margin-top:0 !important; max-width:unset !important; } } /* @media screen and (max-width:480px){ .textonimagez { position:relative; width:100%; padding:0 !important; } .textonimagez h4{ position:absolute; bottom:0; right:0; color:white; background:rgba(0,0,0,.5); font-size:1.3rem; padding:.5rem; padding-top:.3rem; } .textonimagez figure{ margin-bottom:0 !important; margin-top:0 !important; } } */ /* this is a min-height for interview titles that are only 1 line high*/ .uagb-post__title{ min-height: 2.534em; } .single-post b, .single-post strong { font-weight: 600; } @media screen and (min-width:481px){ .valkenblock p{ font-size:1.3rem !important; margin-left:-20px !important; } } /* ipad front page */ @media screen and (min-width:481px) and (max-width:1367px){ .home .wp-block-columns p { font-size: 1.4rem; }} @media screen and (min-width:481px){ .smalltube{ width:55% !important; }} @media screen and (min-width:481px){ .wp-block-video.smalltube2 { width:55%; }} @media screen and (min-width:481px) and (max-width:1200px) { .smalltube{ width:75% !important; }} @media screen and (min-width:481px) and (max-width:1200px) { .wp-block-video.smalltube2 { width:75%; }} @media screen and (min-width:481px){ .cavemenu{ background: #fef2f2; padding: 1rem 2.5rem; border-radius: 4px; border: solid black 2px; } .cavemenu a{ text-decoration:none; } .cavemenu a:hover{ text-decoration:underline; } } #junyainoue, #manabunamiki, #takashiichimura, #hiroyukitanaka, #shinobuyagawa, #hidekinomura, #akirawakabayashi, #tsunekiikeda, #cavefacts { scroll-margin-top:3rem; } #makotoasada { scroll-margin-top:5rem; } figure.wp-block-gallery{ width:50%; } .post .blocks-gallery-item { margin-right: 0 !important; margin-bottom:0 !important; } /* .wp-block-gallery { flex-direction: column; flex-wrap:nowrap; } */ .wp-block-gallery .wp-block-image { margin-bottom: 0 !important; } @media screen and (max-width:480px){ .post figure.wp-block-gallery{ width:unset !important;} .post .blocks-gallery-grid{ flex-wrap:nowrap; } } /* for stacking images vertically; applies to upper image */ @media screen and (min-width:481px){ .twovertical { margin-bottom:-30px !important; } } @media screen and (max-width:480px){ .twovertical { margin-bottom:-20px !important; border-bottom:solid 7px gray; } } @media screen and (max-width:480px){ .taglyfe{ color:transparent; background-color: lightgrey !important; margin-bottom: 0 !important; line-height: 1.2; display: flex; font-size: 100%; padding-left: 0; padding-right: 0; overflow: scroll; scrollbar-width: none; padding-bottom: 0; padding-top:0; border-bottom: grey 3.5px solid; white-space:nowrap; } .tagsandsns .wp-block-column:first-child { order: 2; } .wp-block-uagb-social-share { border-bottom:none; } .taglyfe::-webkit-scrollbar { display: none; } .taglyfe a{ color:black !important; padding-left:15px; padding-right:15px; padding-bottom:14px; padding-top:14px; margin-left:-5px; } .taglyfe a:first-child{ margin-left:0; } .taglyfe a:nth-child(odd){ background:darkgrey; } .taglyfe a:nth-child(even){ background:lightgrey; } .tagsandsns{ margin-bottom:0; } .uagb-ss__wrapper { margin-left: 2.5vw !important; margin-right: 2.5vw !important; } .wp-block-uagb-social-share{ max-width:100vw !important; } } @media screen and (min-width:480px){ .post-6590 h3:not(:first-child) { margin-bottom:-10px !important; }} h5, .h5 { letter-spacing:unset; } /* stylings for double and triple columns, see kirby for example */ @media screen and (min-width:480px){ .triplecolumn .wp-block-column{ margin-right:10px !important; margin-left:0; } .doubleimagecolumn .wp-block-column:first-child { display: flex; justify-content: flex-end; } .doubleimagecolumn .wp-block-column:not(:first-child) { margin-left: 1rem; } } @media screen and (max-width:480px){ .triplecolumn .wp-block-column figure { margin-left:auto; margin-right:auto; } .wp-block-columns .wp-block-column:nth-child(2) figure{ margin-left:auto; margin-right:auto; } } .mahounames { margin-top:5px !important; } .namegrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); line-height:1.4; } .namegrid-item { font-weight:600; } @media screen and (min-width:480px){ .namegrid{ font-size:1.5rem; } } .gradientheader-open { background: #d9d9ed; padding: 1.5rem 1rem; border-left: solid 15px rgba(0,0,0,.9); border-radius: 0 20px 20px 0; padding-left: 1.5rem; } figure.wp-block-gallery.gallery40 { width: 40%; } figure.wp-block-gallery.gallery60 { width: 60%; } .site-info{ display:none !important; } .widget-area{ display:none; } /* LT suggest */ .uagb-post-grid .uagb-post__image img { max-width: none !important; /* object-fit: cover; */ } @media screen and (min-width:481px) and (max-width:1350px){ .navcontainer{ background-position-y: -48vw !important; } } @media screen and (min-width:481px) and (max-width:1066px){ :root{ --responsive--alignwide-width: min(calc(100vw - 6 * var(--global--spacing-horizontal)), 1240px); } } @media screen and (min-width:481px) and (max-width:1013px){ :root{ --responsive--alignwide-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 1240px); } } @media screen and (min-width:481px) and (max-width:1112px){ .wp-block-media-text.is-image-fill .wp-block-media-text__media { min-height: 350px; } .wp-block-media-text { display: block; } .tagsandsns div:first-child { flex-basis: 70% !important; } .tagsandsns div:last-child { flex-basis: 30% !important; } .wp-block-media-text__content{ padding-top:20px !important; padding-bottom:25px !important; } .wp-block-media-text__media { border-radius: 24px 24px 0 0; } } @media screen and (min-width:481px) and (max-width:1002px){ body.single-post { --responsive--alignwide-width: 100%; --responsive--aligndefault-width: 800px; } .wp-block-media-text__media { border-radius: 0 !important; } } @media screen and (min-width:481px) and (max-height:760px){ .navcontainer { height:80px !important; } .titlelogo { font-size:37px !important; } .logoicon img { width: 65px !important; } .wp-block-media-text{ margin-top:20px; } } @media screen and (min-width:481px){ .tagsandsns { flex-wrap:nowrap; } .wp-block-columns .wp-block-column:not(:last-child) { margin-bottom: 0; } } @media screen and (min-width:481px) and (max-width:829px){ html { font-size: .9rem} .wp-block-column .wp-block-image figure{ max-width:33vw; } /* .wp-block-columns .wp-block-column{ flex-basis:unset !important; } */ .wp-block-columns{ flex-wrap:nowrap; } } /* at this point, the 800px content area needs to be switched over to "cell phone" centered stylings */ @media screen and (min-width:481px) and (max-width:729px){ html { font-size: .9rem} .wp-block-column .wp-block-image figure{ max-width:100%; } /* .wp-block-columns .wp-block-column{ flex-basis:unset !important; } */ .wp-block-columns{ flex-wrap:nowrap; } .leftimageplustext .wp-block-column:not(:first-child) { margin-left: 0; } .rightimageplustext .wp-block-column:last-child { margin-left:0; } .wp-block-image .alignleft{ margin-bottom:35px; } .wp-block-group__inner-container .wp-block-columns{ flex-direction:column; } .wp-block-group__inner-container .wp-block-column { align-self:center; } .rightimageplustext .wp-block-column .wp-block-image figure { margin-top: 30px; margin-bottom: -5px; } } @media screen and (min-width:481px) and (max-width:970px){ .logoicon img { display: none !important; } } /*front page carousel sizings*/ @media screen and (min-width:481px) and (max-width:1340px){ .uagb-post__title{ font-size:1.4rem !important; } } @media screen and (min-width:481px) and (max-width:1277px){ .uagb-post__title{ font-size:1.3rem !important; } } @media screen and (min-width:481px) and (max-width:1214px){ .uagb-post__title{ font-size:1.5rem !important; } } .twotubes .wp-block-embed__wrapper iframe { max-height:100% !important; } .twotubes .wp-block-embed__wrapper { flex-basis:50% !important; } @media screen and (max-width:480px){ .twotubes { flex-direction:column; gap:5px; } } /* comments */ #comments { background: #efefff; color: black; padding: 3rem; padding-top: 2rem; margin-top: 30px; margin-bottom: 0; max-width: calc((var(--responsive--alignwide-width)) - 15vw); border: double black 7px; } .post { margin-bottom:30px; } .comments-title, .comment-reply-title { font-size: 2rem; } .post-navigation{ display:none; } #comments a{ color:black; } #comment, #author, #email, #url { background: rgba(27, 27, 27, 0.9); color:white; border:double white 5px; } #comment:focus{ color:white; } #submit { background-color: #1d1d1d; color:white; } @media screen and (max-width:480px){ #comments { padding:1.5rem; max-width: calc((var(--responsive--alignwide-width)) - 0vw); } .comments-area.show-avatars .comment-metadata { padding-top:0; } } /* commissions page*/ #post-12307 .wp-block-gallery{ width:80%; margin-left: auto; margin-right: auto; } @media screen and (max-width:1150px){ #post-12307 .wp-block-gallery{ width:100%; } } #post-12307 figcaption{ color:white !important; font-size:1rem !important; line-height:1.3 !important; } #post-12307 .wp-block-columns{ border:double 10px black; } #post-12307 .blocks-gallery-item figure img { border-radius:8px; } #post-12307 .blocks-gallery-item figcaption { border-radius:8px; } @media screen and (max-width:480px){ #post-12307 .wp-block-columns { padding:calc(0.666 * var(--global--spacing-vertical)); border:none; } #post-12307 .wp-block-gallery{ width:100%; } #post-12307 .wp-block-gallery .blocks-gallery-item{ width:90%; margin-left:auto; margin-right:auto; } #post-12307 .blocks-gallery-grid{ display:block; } } /* Archive Responsive Font-sizing hackz*/ @media screen and (min-width:1666px) and (max-width:1768px){ .uagb-post__title a { font-size: 1.35rem !important; } } @media screen and (min-width:1214px) and (max-width:1323px){ .uagb-post__title a { font-size: 1.35rem !important; } } @media screen and (min-width:767px) and (max-width:887px){ .uagb-post__title a { font-size: 1.35rem !important; } } .home strong { font-weight:600; } @media screen and (max-width:480px){ .uagb-post__inner-wrap{ padding-bottom:15px !important; } } @media screen and (max-width:480px){ p { max-height:999999px !important; }} @media screen and (max-width:480px){ .mobilenamehide{display:none;} .namegrid {display:block;} } @media (min-width:600px) and (max-width:781px) { .wp-block-column:not(:only-child) { flex-basis: unset !important; flex-grow: 0; } .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child) { flex-basis: unset !important; flex-grow: 0; } } @media screen and (max-width:480px){ html,body,body h3,h5 { text-size-adjust: none !important; -webkit-text-size-adjust: none !important; -ms-text-size-adjust: none !important; -moz-text-size-adjust: none !important; } h3,.h3{ max-height:999999px; } figcaption.blocks-gallery-caption { max-height:99999px; font-size:1.125rem !important; } } .wp-block-gallery .wp-block-image:first-child{ margin-right:0 !important; } @media screen and (min-width:480px){ .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) { margin-left: 2.25rem; }} @media screen and (max-width:480px){ .threehorimobile figure { flex-basis:33%; } } @media screen and (max-width:480px){ .wp-block-video figcaption { max-height:999999px !important; font-size:18px !important; } } .tagsandsns{ gap:0 !important; } .wp-block-gallery { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; gap: 0 !important; } .blocks-gallery-grid{ flex-grow:1; } </style> </head> <body class="home page-template-default page page-id-239 custom-background wp-embed-responsive is-dark-theme no-js singular"> <div id="page" class="site"> <a class="skip-link screen-reader-text" href="#content">Skip to content</a> <header id="masthead" class="site-header"> <div class="site-branding"> <h1 class="screen-reader-text">shmuplations.com</h1> </div> </header> <div id="content" class="site-content"> <div id="primary" class="content-area"> <main id="main" class="site-main"> <article id="post-239" class="post-239 page type-page status-publish hentry entry"> <div class="entry-content"> <div style="height:1px" aria-hidden="true" class="wp-block-spacer"></div> <style> .widget-area{display:none;} .site-footer{display:none;} .wp-block-columns{ margin-top:200px; } #alexmenu{ background:rgba(0,0,0,.3); padding: 10px 0; border-radius: 30px; } #masthead-wrapper{ display:none; } div.entry-content{ margin-top:99px; } .alexnav { position:absolute; top:0; width:100% !important; max-width:100% !important; margin-top:0px; } .navcontainer { display:flex; transition: transform .4s; box-sizing: content-box; } .alexmenucontainer{ margin-left:auto; padding-right:2rem; align-self:flex-start; z-index: 2; margin-top: 23px; } #alexmenu { display:flex; list-style:none; margin-top: .3125rem; margin-right: .75rem; } @media only screen and (min-width: 481px) and (max-width:1600px) { #alexmenu{ margin-top:6px; margin-right:-5px; } } .titlelogo { align-self:center; margin-left:20px; font-size:40px; font-weight:1000; -webkit-text-fill-color:#f4cbff; font-family:Helvetica; text-shadow:1px 1px 15px black; margin-top: 21px; } .logoicon img{ display:block; border-radius:50%; border:solid white 1px; width:75px; background:rgb(101, 101, 101, .6); } .logoicon { margin-left:30px; filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5)); margin-top:21px; align-self: center; } #alexmenu li{ position:relative; width:inherit; font-family:"Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } #alexmenu li a{ color:white; text-decoration:none; padding:.9375rem; font-size:1.55rem; line-height:1.25rem; text-shadow:2px 2px black; } #alexmenu li:first-of-type a{ color:rgb(255, 215, 0); } .scroll-down .navcontainer { transform: translate3d(0, -100%, 0); box-shadow:none; } .scroll-up .navcontainer { transform: none; } .wp-block-columns { background-color:#e3e3f5; border:double 10px #000; position:relative; } .wp-block-column { flex-basis:100%; flex-shrink:0; } .wp-block-column p:nth-of-type(2){ margin-top:-10px; margin-bottom: 0px !important; } .wp-block-latest-posts { position: relative; } .wp-block-latest-posts.is-grid > li { box-shadow: 5px 5px 15px black; } #alexmenu li:first-child { padding-left: 5px; } #alexmenu li:last-child { padding-right: 5px; } #alexmenu li a { color: #f7dcff; } .uagb-post-grid { padding:0; max-width: calc(var(--responsive--alignwide-width) + 8px); } .slick-arrow { padding-top: 25px !important; padding-bottom: 25px !important; border-radius: 14px !important; background-color: rgba(255,255,255,.1) !important; } .slick-next { right:-55px !important; } .slick-prev { left:-55px !important; } .slick-arrow:hover{ background-color: rgba(255,255,255,0) !important; } .slick-arrow svg { width:30px !important; height:30px !important; } .uagb-post__inner-wrap { box-shadow: 5px 5px 15px black; border-radius: 14px; background: #e3e3f5 !important; } .uagb-post__image img { border-radius: 14px 14px 0 0; } .uagb-post__items article { padding-left:15px !important; padding-right:15px !important; } .uagb-post__title { font-weight: 700; font-size: 1.5rem !important; line-height: 30.4px; margin-top: -4px !important; line-height: 1.267; margin-bottom: 0px !important; } .uagb-post__date { font-size: 1.07rem; margin-left: -4px; letter-spacing: 0; color: black; margin-bottom: 0px; margin-top: 5px; } .uagb-post-grid .uagb-post-grid-byline { margin-bottom:0px !important; } @media screen and (min-width: 481px) and (max-width: 1600px) { .wp-block-columns{ margin-top:120px; } } @media only screen and (max-width: 480px) { .navcontainer{ height:62px; background-position-y:-1000px; background-position-x:-300px; background-size:auto; } .logoicon{ margin-left:20px; } .logoicon img{ max-width:unset; width:50px; margin-top:3px; } .titlelogo{ display:none; } div.entry-content{ margin-top:55px; } #alexmenu{ padding:5px 0; background:none; } #alexmenu li:nth-child(n+3){ display:none; } #alexmenu li a{ padding:6px; } .alexmenucontainer{ padding-right:0; margin-right: 0; } } .mobileopener{display:none;} .notmobileopener{display:block; margin-bottom:0 !important;} @media only screen and (max-width: 480px) { .titlelogo{ display:block; font-size:35px; margin-left:15px; align-self: flex-start; padding-top: 6px; margin-top:0px } .logoicon { margin-top:15px; } .logoicon img{ width:65px; margin-top:-5px; } .navcontainer{ flex-wrap:wrap; box-sizing:border-box; } .alexmenucontainer { margin-top:-5px; } #alexmenu{ margin-top:0; margin-right:0; } #alexmenu li { background: rgba(0,0,0,.3); padding-top:2px; } #alexmenu li:nth-of-type(2){ padding-right:10px; } #alexmenu li:first-of-type{ border-radius:14px 0 0px 14px; } body{ --responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal)) } .wp-block-columns{ margin-top:150px; /* padding:1.25em 1.25em !important; */ } .wp-block-column p { line-height: 1.5 !important; } .slick-arrow { padding-top: 62px !important; padding-bottom: 62px !important; background-color: rgba(255,255,255,.3) !important; border-radius:14px !important; } .slick-next { padding-left: 20px !important; right:24px !important; top:117px !important } .slick-prev { padding-right: 20px !important; top:117px !important; left:24px !important; } .slick-arrow svg { width:50px !important; height:50px !important; fill:white !important; } .mobileopener {display:block; margin-bottom:0 !important;} .notmobileopener {display:none;} /* .uagb-post__items{ max-width:100vw; } */ .wp-block-column p { font-size:1.2rem; line-height:1.4 !important; } br{display:none;} .uagb-post__title { font-size:1.35rem !important; } .uagb-post__date { font-size: .963rem; } #alexmenu li a { font-size: 1.3rem; } } body { margin:0; } @media screen and (max-width:480px){ .wp-block-columns{ margin-top:136px; border-radius:4px; } .uagb-post-grid{ margin-top:26px; } #alexmenu li:last-child { padding-right: 8px; display:block; } #alexmenu li:nth-of-type(2) { padding-right: 0; } } @media screen and (min-width:481px) and (max-width:829px){ .wp-block-column:not(:only-child).frontcolumn1{ flex-basis: 66.6% !important; } .wp-block-column:not(:only-child).frontcolumn2 { flex-basis: 33.3% !important; } } @media screen and (min-width:481px) and (max-width:1311px){ br {display:none;} } @media screen and (min-width:480px) and (max-width:736px){ .frontcolumn2{ display:none;} .wp-block-column:not(:only-child).frontcolumn1{ flex-basis: 100% !important; } } @media screen and (min-width:481px) and (max-width:1040px){ .uagb-post-grid { max-width: 80%; } } main { background:linear-gradient(to bottom, rgba(0,0,0,0) 70%, rgba(0,0,0, 0.8)), url('https://shmuplations.com/irem-larger4.jpg'); background-repeat: no-repeat; min-height:100vh; background-size: cover; } @media screen and (min-width:481px) and (max-width:1600px) { main { background:linear-gradient(to bottom, rgba(0,0,0,0) 70%, rgba(0,0,0, 0.8)), url('https://shmuplations.com/irem-larger5.jpg'); background-repeat: no-repeat; min-height:100vh; background-size: cover; } } @media screen and (max-width:480px){ main { background:url('https://shmuplations.com/irem-larger4.jpg'); background-repeat: no-repeat; background-position-y:-85px; background-position-x:-200px; } } .site-main { padding-bottom:0; } @media screen and (min-width:1300px) and (max-height:760px){ p{ font-size:1.3rem !important; } .wp-block-columns.alignwide{ width:65vw; padding: 1rem 2rem; margin-top:110px; margin-bottom:0; } br {display:none;} .uagb-post-grid { width:75vw; margin-top:25px; } .frontcolumn1{ flex-basis:75% !important; } .frontcolumn2 { flex-basis:25% !important; } .wp-block-columns .wp-block-column > * { margin-top:20px; } .uagb-post__inner-wrap{ padding-bottom:15px !important; } } </style> <nav class="alexnav"> <div class="navcontainer"> <div class="logoicon"><img decoding="async" src="https://shmuplations.com/shmupicon.png"></div> <div class="titlelogo">shmuplations</div> <div class="alexmenucontainer"> <ul id="alexmenu"> <li><a href="https://patreon.com/shmuplations">patreon</a></li> <li><a href="https://shmuplations.com/archive/">archive</a></li> <li><a href="https://shmuplations.com/commissions/">commissions</a></li> <li><a href="https://shmuplations.com/about/">about</a></li> </ul> </div> </div> </nav> <div class="wp-block-columns alignwide has-black-color has-text-color has-background" style="background-color:#e3e3f5"> <div class="wp-block-column" style="flex-basis:100%"> <p class="notmobileopener">shmuplations.com is a repository of Japanese game developer translations, covering primarily (but not exclusively) older arcade and console games from the 80s and 90s. Despite the name “<em>shmup</em>lations”, we cover all genres: platformers, rpgs, strategy, vs fighting, and more. </p> <p class="mobileopener" style="line-height:1.5">shmuplations is a repository of Japanese game developer translations from the 80s/90s.</p> <div class="wp-block-columns frontpagesns"> <div class="wp-block-column frontcolumn1" style="flex-basis:66.66%"> <p class="notmobileopener"><strong>If you enjoy our work, please <a href="http://www.patreon.com/shmuplations" target="_blank" rel="noreferrer noopener">support</a> shmuplations on patreon! <br>Look at all the <a href="https://shmuplations.com/patreonlist/">hidden treasure</a> just waiting to be translated! 😉</strong></p> <p class="mobileopener"><strong>If you enjoy our work, please <a href="http://www.patreon.com/shmuplations" target="_blank" rel="noreferrer noopener">support</a> us on patreon! Look at all the <a href="https://shmuplations.com/patreonlist/">material</a> awaiting translation!</strong></p> </div> <div class="wp-block-column frontcolumn2" style="flex-basis:33.33%"> <style> :root{ --fontpagesns_svgheight: 3rem; } .frontpagesns__container { margin-left:auto; display:flex; margin-top:0 !important; justify-content: flex-end; height: var(--fontpagesns_svgheight); } .frontpagesns__container svg { height: var(--fontpagesns_svgheight); width: var(--fontpagesns_svgheight); transition: filter .2s; /* fill:#1d1d1d !important; */ } .frontpagesns__container svg:hover { filter:drop-shadow(2px 2px 2px black); } .frontpagesns__container a:nth-of-type(3) svg{ width:calc(var(--fontpagesns_svgheight) + 5px); height:calc(var(--fontpagesns_svgheight) + 5px); margin-left:.25rem; margin-top:-2px } .frontpagesns__container a:nth-of-type(2) svg{ width:calc(var(--fontpagesns_svgheight) + 4px); height:calc(var(--fontpagesns_svgheight) + 4px); margin-left:.5rem; margin-top:-2px } </style> <div class="frontpagesns__container"> <a href="https://twitter.com/intent/follow?original_referer=https%3A%2F%2Fshmuplations.com%2F&ref_src=twsrc%5Etfw%7Ctwcamp%5Ebuttonembed%7Ctwterm%5Efollow%7Ctwgr%5Eshmuplations&region=follow_link&screen_name=shmuplations"><svg style="fill:#55acee;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-48.9 158.8c.2 2.8.2 5.7.2 8.5 0 86.7-66 186.6-186.6 186.6-37.2 0-71.7-10.8-100.7-29.4 5.3.6 10.4.8 15.8.8 30.7 0 58.9-10.4 81.4-28-28.8-.6-53-19.5-61.3-45.5 10.1 1.5 19.2 1.5 29.6-1.2-30-6.1-52.5-32.5-52.5-64.4v-.8c8.7 4.9 18.9 7.9 29.6 8.3a65.447 65.447 0 0 1-29.2-54.6c0-12.2 3.2-23.4 8.9-33.1 32.3 39.8 80.8 65.8 135.2 68.6-9.3-44.5 24-80.6 64-80.6 18.9 0 35.9 7.9 47.9 20.7 14.8-2.8 29-8.3 41.6-15.8-4.9 15.2-15.2 28-28.8 36.1 13.2-1.4 26-5.1 37.8-10.2-8.9 13.1-20.1 24.7-32.9 34z"></path></svg></a> <a href="mailto:shmuplations@protonmail.com"><svg style="fill:#d279dd;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z"></path></svg></a> <a href="http://shmuplations.com/feed/"><svg style="fill:#ee802f;" viewBox="0 0 800 800"><path d="M493 652H392c0-134-111-244-244-244V307c189 0 345 156 345 345zm71 0c0-228-188-416-416-416V132c285 0 520 235 520 520z"></path><circle cx="219" cy="581" r="71"></circle></svg></a> </div> </div> </div> </div> </div> <div class="uagb-post-grid alignwide uagb-post__image-position-top uagb-block-eab9ee95 uagb-post__arrow-outside uagb-slick-carousel" data-total="78"> <div class="uagb-post__items uagb-post__columns-3 is-carousel uagb-post__columns-tablet-2 uagb-post__columns-mobile-1"> <article > <div class="uagb-post__inner-wrap"> <div class='uagb-post__image'> <a href="https://shmuplations.com/miyamoto2000/" target="_self" rel="bookmark noopener noreferrer"><img fetchpriority="high" decoding="async" width="570" height="350" src="https://shmuplations.com/wp-content/uploads/2024/12/miyamario00.jpg" class="attachment-large size-large" alt="" srcset="https://shmuplations.com/wp-content/uploads/2024/12/miyamario00.jpg 570w, https://shmuplations.com/wp-content/uploads/2024/12/miyamario00-300x184.jpg 300w" sizes="(max-width: 570px) 100vw, 570px" style="width:100%;height:61.4%;max-width:570px;" /> </a> </div> <div class='uagb-post__text'> <h3 class="uagb-post__title"> <a href="https://shmuplations.com/miyamoto2000/" target="_self" rel="bookmark noopener noreferrer"><span class="titletext">Shigeru Miyamoto – 2000 Developer Interview</span></a> </h3> </div> <div class='uagb-post__text'> <div class="uagb-post-grid-byline"> <time datetime="2024-12-29T08:33:29+00:00" class="uagb-post__date"> <span class="dashicons-calendar dashicons"></span> December 29, 2024 </time> </div> </div> </div> </article> <article > <div class="uagb-post__inner-wrap"> <div class='uagb-post__image'> <a href="https://shmuplations.com/girlsgarden/" target="_self" rel="bookmark noopener noreferrer"><img decoding="async" width="570" height="349" src="https://shmuplations.com/wp-content/uploads/2024/12/girlsgarden00.jpg" class="attachment-large size-large" alt="" srcset="https://shmuplations.com/wp-content/uploads/2024/12/girlsgarden00.jpg 570w, https://shmuplations.com/wp-content/uploads/2024/12/girlsgarden00-300x184.jpg 300w" sizes="(max-width: 570px) 100vw, 570px" style="width:100%;height:61.23%;max-width:570px;" /> </a> </div> <div class='uagb-post__text'> <h3 class="uagb-post__title"> <a href="https://shmuplations.com/girlsgarden/" target="_self" rel="bookmark noopener noreferrer"><span class="titletext">Girl’s Garden – 2002 Developer Interview</span></a> </h3> </div> <div class='uagb-post__text'> <div class="uagb-post-grid-byline"> <time datetime="2024-12-29T08:33:24+00:00" class="uagb-post__date"> <span class="dashicons-calendar dashicons"></span> December 29, 2024 </time> </div> </div> </div> </article> <article > <div class="uagb-post__inner-wrap"> <div class='uagb-post__image'> <a href="https://shmuplations.com/powerinstinct/" target="_self" rel="bookmark noopener noreferrer"><img decoding="async" width="570" height="350" src="https://shmuplations.com/wp-content/uploads/2024/11/pi00.jpg" class="attachment-large size-large" alt="" srcset="https://shmuplations.com/wp-content/uploads/2024/11/pi00.jpg 570w, https://shmuplations.com/wp-content/uploads/2024/11/pi00-300x184.jpg 300w" sizes="(max-width: 570px) 100vw, 570px" style="width:100%;height:61.4%;max-width:570px;" /> </a> </div> <div class='uagb-post__text'> <h3 class="uagb-post__title"> <a href="https://shmuplations.com/powerinstinct/" target="_self" rel="bookmark noopener noreferrer"><span class="titletext">Power Instinct 1 & 2 – Developer Interviews</span></a> </h3> </div> <div class='uagb-post__text'> <div class="uagb-post-grid-byline"> <time datetime="2024-11-29T09:44:04+00:00" class="uagb-post__date"> <span class="dashicons-calendar dashicons"></span> November 29, 2024 </time> </div> </div> </div> </article> <article > <div class="uagb-post__inner-wrap"> <div class='uagb-post__image'> <a href="https://shmuplations.com/astronoka/" target="_self" rel="bookmark noopener noreferrer"><img loading="lazy" decoding="async" width="570" height="350" src="https://shmuplations.com/wp-content/uploads/2024/11/astro00.jpg" class="attachment-large size-large" alt="" srcset="https://shmuplations.com/wp-content/uploads/2024/11/astro00.jpg 570w, https://shmuplations.com/wp-content/uploads/2024/11/astro00-300x184.jpg 300w" sizes="(max-width: 570px) 100vw, 570px" style="width:100%;height:61.4%;max-width:570px;" /> </a> </div> <div class='uagb-post__text'> <h3 class="uagb-post__title"> <a href="https://shmuplations.com/astronoka/" target="_self" rel="bookmark noopener noreferrer"><span class="titletext">Astronoka – 1998 Developer Interviews</span></a> </h3> </div> <div class='uagb-post__text'> <div class="uagb-post-grid-byline"> <time datetime="2024-11-29T09:43:56+00:00" class="uagb-post__date"> <span class="dashicons-calendar dashicons"></span> November 29, 2024 </time> </div> </div> </div> </article> <article > <div class="uagb-post__inner-wrap"> <div class='uagb-post__image'> <a href="https://shmuplations.com/dq3roundtable/" target="_self" rel="bookmark noopener noreferrer"><img loading="lazy" decoding="async" width="570" height="350" src="https://shmuplations.com/wp-content/uploads/2024/10/dqiii01.jpg" class="attachment-large size-large" alt="" srcset="https://shmuplations.com/wp-content/uploads/2024/10/dqiii01.jpg 570w, https://shmuplations.com/wp-content/uploads/2024/10/dqiii01-300x184.jpg 300w" sizes="(max-width: 570px) 100vw, 570px" style="width:100%;height:61.4%;max-width:570px;" /> </a> </div> <div class='uagb-post__text'> <h3 class="uagb-post__title"> <a href="https://shmuplations.com/dq3roundtable/" target="_self" rel="bookmark noopener noreferrer"><span class="titletext">Dragon Quest III – 1988 Roundtable Interview</span></a> </h3> </div> <div class='uagb-post__text'> <div class="uagb-post-grid-byline"> <time datetime="2024-10-29T23:01:55+00:00" class="uagb-post__date"> <span class="dashicons-calendar dashicons"></span> October 29, 2024 </time> </div> </div> </div> </article> <article > <div class="uagb-post__inner-wrap"> <div class='uagb-post__image'> <a href="https://shmuplations.com/mecharitz/" target="_self" rel="bookmark noopener noreferrer"><img loading="lazy" decoding="async" width="570" height="350" src="https://shmuplations.com/wp-content/uploads/2024/09/mecharitz00.jpg" class="attachment-large size-large" alt="" srcset="https://shmuplations.com/wp-content/uploads/2024/09/mecharitz00.jpg 570w, https://shmuplations.com/wp-content/uploads/2024/09/mecharitz00-300x184.jpg 300w" sizes="(max-width: 570px) 100vw, 570px" style="width:100%;height:61.4%;max-width:570px;" /> </a> </div> <div class='uagb-post__text'> <h3 class="uagb-post__title"> <a href="https://shmuplations.com/mecharitz/" target="_self" rel="bookmark noopener noreferrer"><span class="titletext">Mecha Ritz: Steel Rondo – 2022 Interview</span></a> </h3> </div> <div class='uagb-post__text'> <div class="uagb-post-grid-byline"> <time datetime="2024-10-29T23:01:41+00:00" class="uagb-post__date"> <span class="dashicons-calendar dashicons"></span> October 29, 2024 </time> </div> </div> </div> </article> </div> </div> </div> </article> </main> </div> </div> <aside class="widget-area"> <section id="block-3" class="widget widget_block"> <div class="wp-block-group"><div class="wp-block-group__inner-container"></div></div> </section><section id="block-4" class="widget widget_block"><div class="wp-block-group"><div class="wp-block-group__inner-container"><h2 class="wp-block-heading">Recent Comments</h2><ol class="wp-block-latest-comments"><li class="wp-block-latest-comments__comment"><article><footer class="wp-block-latest-comments__comment-meta"><span class="wp-block-latest-comments__comment-author">Julia Fernandez</span> on <a class="wp-block-latest-comments__comment-link" href="https://shmuplations.com/capcomdesignroom1995/#comment-3754">Capcom Design Room – 1995 Artist Interview</a></footer></article></li><li class="wp-block-latest-comments__comment"><article><footer class="wp-block-latest-comments__comment-meta"><span class="wp-block-latest-comments__comment-author">BK</span> on <a class="wp-block-latest-comments__comment-link" href="https://shmuplations.com/ffix/#comment-3715">Final Fantasy IX – 2000 Developer Interviews</a></footer></article></li><li class="wp-block-latest-comments__comment"><article><footer class="wp-block-latest-comments__comment-meta"><span class="wp-block-latest-comments__comment-author">BK</span> on <a class="wp-block-latest-comments__comment-link" href="https://shmuplations.com/ffix/#comment-3714">Final Fantasy IX – 2000 Developer Interviews</a></footer></article></li><li class="wp-block-latest-comments__comment"><article><footer class="wp-block-latest-comments__comment-meta"><span class="wp-block-latest-comments__comment-author">bk</span> on <a class="wp-block-latest-comments__comment-link" href="https://shmuplations.com/ffix/#comment-3713">Final Fantasy IX – 2000 Developer Interviews</a></footer></article></li><li class="wp-block-latest-comments__comment"><article><footer class="wp-block-latest-comments__comment-meta"><a class="wp-block-latest-comments__comment-author" href="https://secretsheepware.wordpress.com/2025/01/05/goats-bootleg-on-galaxian-hardware-set-1/">Goats (bootleg on Galaxian hardware, set 1) – SECRETSHEEPWARE</a> on <a class="wp-block-latest-comments__comment-link" href="https://shmuplations.com/donkeykong/#comment-3705">Donkey Kong: A Record of Struggle</a></footer></article></li></ol></div></div></section><section id="block-5" class="widget widget_block"> <div class="wp-block-group"><div class="wp-block-group__inner-container"></div></div> </section><section id="block-6" class="widget widget_block"> <div class="wp-block-group"><div class="wp-block-group__inner-container"></div></div> </section> </aside> <footer id="colophon" class="site-footer"> <div class="site-info"> <div class="site-name"> </div> <div class="powered-by"> Proudly powered by <a href="https://wordpress.org/">WordPress</a>. </div> </div> </footer> </div> <style type="text/css"> .bigfoot-footnote__button { background-color: #0a0404 !important; } .bigfoot-footnote__button:after { color: #f4cbff !important; } </style> <script>document.body.classList.remove("no-js");</script> <script> if ( -1 !== navigator.userAgent.indexOf( 'MSIE' ) || -1 !== navigator.appVersion.indexOf( 'Trident/' ) ) { document.body.classList.add( 'is-IE' ); } </script> <script src="https://shmuplations.com/wp-content/plugins/ultimate-addons-for-gutenberg/assets/js/slick.min.js?ver=1.25.6" id="uagb-slick-js-js"></script> <script id="uagb-post-js-js-extra"> var uagb_data = {"ajax_url":"https:\/\/shmuplations.com\/wp-admin\/admin-ajax.php","uagb_masonry_ajax_nonce":"347f4f7822"}; var uagb_data = {"ajax_url":"https:\/\/shmuplations.com\/wp-admin\/admin-ajax.php","uagb_masonry_ajax_nonce":"347f4f7822"}; </script> <script src="https://shmuplations.com/wp-content/plugins/ultimate-addons-for-gutenberg/assets/js/post.js?ver=1.25.6" id="uagb-post-js-js"></script> <script src="https://shmuplations.com/wp-content/plugins/ultimate-addons-for-gutenberg/assets/js/imagesloaded.min.js?ver=1.25.6" id="uagb-imagesloaded-js"></script> <script id="twenty-twenty-one-ie11-polyfills-js-after"> ( Element.prototype.matches && Element.prototype.closest && window.NodeList && NodeList.prototype.forEach ) || document.write( '<script src="https://shmuplations.com/wp-content/themes/twentytwentyone/assets/js/polyfills.js?ver=1.6"></scr' + 'ipt>' ); </script> <script src="https://shmuplations.com/wp-content/themes/twentytwentyone/assets/js/responsive-embeds.js?ver=1.6" id="twenty-twenty-one-responsive-embeds-script-js"></script> <script> /(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",(function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())}),!1); </script> <script type="text/javascript" id="eab9ee95"> document.addEventListener("DOMContentLoaded", function(){ ( function( $ ) { var cols = parseInt( '3' ); var $scope = $( '.uagb-block-eab9ee95' ).find( '.is-carousel' ); if ( cols >= $scope.children().length ) { return; } var slider_options = { 'slidesToShow' : cols, 'slidesToScroll' : 1, 'autoplaySpeed' : 2000, 'autoplay' : Boolean( '' ), 'infinite' : Boolean( '1' ), 'pauseOnHover' : Boolean( '1' ), 'speed' : 500, 'arrows' : Boolean( '1' ), 'dots' : Boolean( '' ), 'rtl' : Boolean( '' ), 'prevArrow' : '<button type=\"button\" data-role=\"none\" class=\"slick-prev\" aria-label=\"Previous\" tabindex=\"0\" role=\"button\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 256 512\"><path d=\"M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z\"></path></svg><\/button>', 'nextArrow' : '<button type=\"button\" data-role=\"none\" class=\"slick-next\" aria-label=\"Next\" tabindex=\"0\" role=\"button\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 256 512\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"></path></svg><\/button>', 'responsive' : [ { 'breakpoint' : 1214, 'settings' : { 'slidesToShow' : 2, 'slidesToScroll' : 1, } }, { 'breakpoint' : 767, 'settings' : { 'slidesToShow' : 1, 'slidesToScroll' : 1, } } ] }; $scope.imagesLoaded( function() { $scope.slick( slider_options ); }); var enableEqualHeight = ( '' ) if( enableEqualHeight ){ $scope.imagesLoaded( function() { UAGBPostCarousel._setHeight( $scope ); }); $scope.on( 'afterChange', function() { UAGBPostCarousel._setHeight( $scope ); } ); } } )( jQuery ); }); </script> </body> </html>