<script>Static.COOKIE_BANNER_CAPABLE = true;</script> <!-- End of Squarespace Headers --> </head> <body id="collection-682240e8e71706345d591570" class="tweak-social-icons-style-regular tweak-social-icons-shape-square tweak-site-width-option-constrained-width tweak-icon-weight-light tweak-site-border-show tweak-site-ajax-loading-enable tweak-site-ajax-loading-bar-show ancillary-header-top-left-layout-horizontal ancillary-header-top-center-layout-horizontal ancillary-header-top-right-layout-horizontal ancillary-header-bottom-left-layout-stacked ancillary-header-bottom-center-layout-horizontal ancillary-header-bottom-right-layout-horizontal ancillary-header-branding-position-bottom-left ancillary-header-tagline-position-bottom-left ancillary-header-primary-nav-position-bottom-right ancillary-header-secondary-nav-position-bottom-right ancillary-header-social-position-hide ancillary-header-search-position-hide ancillary-header-cart-position-bottom-right ancillary-header-account-position-hide tweak-header-primary-nav-hover-style-spotlight tweak-header-primary-nav-button-style-solid tweak-header-primary-nav-button-shape-square tweak-header-secondary-nav-hover-style-button tweak-header-secondary-nav-button-style-outline tweak-header-secondary-nav-button-shape-pill tweak-header-search-style-underlined tweak-header-search-placeholder-show tweak-header-cart-style-text tweak-header-account-style-text tweak-overlay-parallax-enabled tweak-overlay-parallax-new-math tweak-index-nav-style-none tweak-index-nav-position-right tweak-index-nav-text-show tweak-index-page-fullscreen-first-page-only tweak-index-page-scroll-indicator-icon-only tweak-index-page-scroll-indicator-icon-arrow tweak-index-page-scroll-indicator-icon-weight-hairline tweak-index-gallery-layout-packed tweak-index-gallery-spacing-top-bottom-show tweak-index-gallery-fixed-height tweak-index-gallery-apply-bottom-spacing tweak-index-gallery-hover-style-fade tweak-index-gallery-controls-small-arrows tweak-index-gallery-controls-icon-weight-hairline tweak-index-gallery-indicators-lines tweak-index-gallery-autoplay-enable tweak-index-gallery-transition-fade tweak-index-gallery-content-position-middle-left tweak-index-gallery-content-text-alignment-left tweak-footer-show tweak-footer-layout-stacked tweak-footer-layout-columns-auto tweak-footer-stacked-alignment-center ancillary-mobile-bar-branding-position-top-left ancillary-mobile-bar-menu-icon-position-top-right tweak-mobile-bar-menu-icon-two-lines ancillary-mobile-bar-search-icon-position-hide ancillary-mobile-bar-cart-position-bottom-left tweak-mobile-bar-cart-style-text ancillary-mobile-bar-account-position-hide tweak-mobile-bar-account-style-text tweak-mobile-overlay-slide-origin-left tweak-mobile-overlay-close-show tweak-mobile-overlay-menu-primary-button-style-solid tweak-mobile-overlay-menu-primary-button-shape-square tweak-mobile-overlay-menu-secondary-style-button tweak-mobile-overlay-menu-secondary-button-style-outline tweak-mobile-overlay-menu-secondary-button-shape-square tweak-quote-block-alignment-center tweak-blog-meta-primary-author tweak-blog-meta-secondary-none tweak-blog-list-style-grid tweak-blog-list-separator-show tweak-blog-list-alignment-left tweak-blog-list-item-image-show tweak-blog-list-item-image-aspect-ratio-grid-32-standard tweak-blog-list-item-image-aspect-ratio-stacked-11-square tweak-blog-list-item-title-show tweak-blog-list-item-excerpt-show tweak-blog-list-item-body-show tweak-blog-list-item-readmore-below-excerpt tweak-blog-list-item-meta-position-above-title tweak-blog-list-pagination-link-label-show tweak-blog-list-pagination-link-icon-show tweak-blog-list-pagination-link-icon-weight-light tweak-blog-item-alignment-center tweak-blog-item-meta-position-above-title tweak-blog-item-share-position-above-content tweak-blog-item-pagination-link-icon-show tweak-blog-item-pagination-link-label-show tweak-blog-item-pagination-link-title-show tweak-blog-item-pagination-link-meta-date tweak-blog-item-pagination-link-icon-weight-light event-show-past-events event-thumbnails event-thumbnail-size-32-standard event-date-label event-date-label-time event-list-show-cats event-list-date event-list-time event-list-address event-list-icalgcal-links event-list-like-and-share-buttons event-excerpts event-list-cta-button event-item-back-link gallery-design-slideshow aspect-ratio-auto lightbox-style-dark gallery-navigation-thumbnails gallery-info-overlay-always-show gallery-aspect-ratio-169-widescreen gallery-arrow-style-no-background gallery-transitions-scroll gallery-show-arrows gallery-auto-crop gallery-autoplay gallery-loop tweak-product-list-image-aspect-ratio-11-square tweak-product-list-item-hover-behavior-show-alternate-image tweak-product-list-meta-position-under tweak-product-list-mobile-meta-position-under tweak-product-list-meta-alignment-under-left tweak-product-list-meta-alignment-overlay-center-center tweak-product-list-show-title tweak-product-list-show-price tweak-product-list-filter-display-top tweak-product-list-filter-alignment-left tweak-product-item-nav-show-breadcrumb-and-pagination tweak-product-item-nav-pagination-style-previousnext tweak-product-item-nav-breadcrumb-alignment-left tweak-product-item-nav-pagination-alignment-split tweak-product-item-gallery-position-left tweak-product-item-gallery-design-slideshow tweak-product-item-gallery-aspect-ratio-23-standard-vertical tweak-product-item-gallery-thumbnail-alignment-left tweak-product-item-details-alignment-left tweak-product-item-details-show-title tweak-product-item-details-show-price tweak-product-item-details-show-excerpt tweak-product-item-details-excerpt-position-above-price tweak-product-item-details-show-share-buttons tweak-product-item-details-show-variants tweak-product-item-details-show-quantity tweak-product-item-details-options-style-square tweak-product-item-details-show-add-to-cart-button tweak-product-item-details-add-to-cart-button-style-outline tweak-product-item-details-add-to-cart-button-shape-square tweak-product-item-details-add-to-cart-button-padding-large tweak-product-item-image-zoom-enabled tweak-product-item-image-zoom-behavior-click tweak-product-item-lightbox-enabled tweak-related-products-image-aspect-ratio-11-square tweak-related-products-meta-alignment-under-center tweak-product-badge-style-circle tweak-product-badge-position-top-right tweak-product-badge-inset-floating newsletter-style-custom hide-opentable-icons opentable-style-dark small-button-style-outline small-button-shape-pill medium-button-style-outline medium-button-shape-pill large-button-style-outline large-button-shape-square image-block-poster-text-alignment-center image-block-card-dynamic-font-sizing image-block-card-content-position-center image-block-card-text-alignment-center image-block-overlap-dynamic-font-sizing image-block-overlap-content-position-center image-block-overlap-text-alignment-center image-block-collage-dynamic-font-sizing image-block-collage-content-position-center image-block-collage-text-alignment-left image-block-stack-dynamic-font-sizing image-block-stack-text-alignment-center button-style-outline button-corner-style-pill tweak-product-quick-view-button-style-floating tweak-product-quick-view-button-position-bottom tweak-product-quick-view-lightbox-excerpt-display-truncate tweak-product-quick-view-lightbox-show-arrows tweak-product-quick-view-lightbox-show-close-button tweak-product-quick-view-lightbox-controls-weight-light tweak-share-buttons-style-icon-only tweak-share-buttons-icons-show tweak-share-buttons-labels-show tweak-share-buttons-counts-show tweak-share-buttons-standard-background-color native-currency-code-usd collection-type-page collection-layout-default collection-682240e8e71706345d591570 mobile-style-available sqs-has-custom-cart has-site-title has-tagline has-parallax-images enable-load-effects has-primary-nav has-secondary-nav" data-controller="HashManager, SiteLoader, MobileClassname"> <div class="Loader"></div> <div class="Mobile" data-nc-base="mobile-bar" data-controller="AncillaryLayout"> <div class="Mobile-bar Mobile-bar--top" data-nc-group="top" data-controller="MobileOffset"> <div data-nc-container="top-left"> <a href="/" class="Mobile-bar-branding" data-nc-element="branding" data-content-field="site-title"> CJ Matthews </a> </div> <div data-nc-container="top-center"></div> <div data-nc-container="top-right"></div> </div> <div class="Mobile-bar Mobile-bar--bottom" data-nc-group="bottom" data-controller="MobileOffset"> <div data-nc-container="bottom-left"> <button class="Mobile-bar-menu" data-nc-element="menu-icon" data-controller-overlay="menu" data-controller="MobileOverlayToggle" aria-label="Open navigation menu" > <svg class="Icon Icon--hamburger" viewBox="0 0 24 18"> <use xlink:href="/assets/ui-icons.svg#hamburger-icon--even" class="use--even"></use> <use xlink:href="/assets/ui-icons.svg#hamburger-icon--odd" class="use--odd"></use> </svg> <svg class="Icon Icon--hotdog" viewBox="0 0 24 14"> <use xlink:href="/assets/ui-icons.svg#hotdog-icon--even" class="use--even"></use> <use xlink:href="/assets/ui-icons.svg#hotdog-icon--odd" class="use--odd"></use> </svg> <svg class="Icon Icon--plus" viewBox="0 0 20 20"> <use xlink:href="/assets/ui-icons.svg#plus-icon--even" class="use--even"></use> <use xlink:href="/assets/ui-icons.svg#plus-icon--odd" class="use--odd"></use> </svg> <svg class="Icon Icon--dots-horizontal" viewBox="0 0 25 7"> <use xlink:href="/assets/ui-icons.svg#dots-horizontal-icon--even" class="use--even"></use> <use xlink:href="/assets/ui-icons.svg#dots-horizontal-icon--odd" class="use--odd"></use> </svg> <svg class="Icon Icon--dots-vertical" viewBox="0 0 7 25"> <use xlink:href="/assets/ui-icons.svg#dots-vertical-icon--even" class="use--even"></use> <use xlink:href="/assets/ui-icons.svg#dots-vertical-icon--odd" class="use--odd"></use> </svg> <svg class="Icon Icon--squares-horizontal" viewBox="0 0 25 7"> <use xlink:href="/assets/ui-icons.svg#squares-horizontal-icon--even" class="use--even"></use> <use xlink:href="/assets/ui-icons.svg#squares-horizontal-icon--odd" class="use--odd"></use> </svg> <svg class="Icon Icon--squares-vertical" viewBox="0 0 7 25"> <use xlink:href="/assets/ui-icons.svg#squares-vertical-icon--even" class="use--even"></use> <use xlink:href="/assets/ui-icons.svg#squares-vertical-icon--odd" class="use--odd"></use> </svg> </button> </div> <div data-nc-container="bottom-center"> </div> <div data-nc-container="bottom-right"> <a href="/search" class="Mobile-bar-search" data-nc-element="search-icon" aria-label="Search"> <svg class="Icon Icon--search" viewBox="0 0 20 20"> <use xlink:href="/assets/ui-icons.svg#search-icon"></use> </svg> </a> </div> </div> <div class="Mobile-overlay"> <div class="Mobile-overlay-menu" data-controller="MobileOverlayFolders"> <div class="Mobile-overlay-menu-main"> <nav class="Mobile-overlay-nav Mobile-overlay-nav--primary" data-content-field="navigation"> <a href="/about" class="Mobile-overlay-nav-item"> About </a> <button class="Mobile-overlay-nav-item Mobile-overlay-nav-item--folder" data-controller-folder-toggle="portfolio"> <span class="Mobile-overlay-nav-item--folder-label">Portfolio</span> </button> <a href="/achievements" class="Mobile-overlay-nav-item"> Achievements </a> <a href="/posts" class="Mobile-overlay-nav-item"> Posts </a> <a href="/biography" class="Mobile-overlay-nav-item"> Biography </a> </nav> <nav class="Mobile-overlay-nav Mobile-overlay-nav--secondary" data-content-field="navigation"> <a href="/contact" class="Mobile-overlay-nav-item"> Contact </a> </nav> </div> <div class="Mobile-overlay-folders" data-content-field="navigation"> <div class="Mobile-overlay-folder" data-controller-folder="portfolio"> <button class="Mobile-overlay-folder-item Mobile-overlay-folder-item--toggle" data-controller-folder-toggle="portfolio"> <span class="Mobile-overlay-folder-item--toggle-label">Back</span> </button> <a href="/writing" class="Mobile-overlay-folder-item"> Writing </a> <a href="/articles" class="Mobile-overlay-folder-item"> Articles </a> <a href="/film" class="Mobile-overlay-folder-item"> Film </a> <a href="/games" class="Mobile-overlay-folder-item"> Games </a> <a href="/music" class="Mobile-overlay-folder-item"> Music </a> </div> </div> </div> <button class="Mobile-overlay-close" data-controller="MobileOverlayToggle" aria-label="Close navigation menu"> <svg class="Icon Icon--close" viewBox="0 0 16 16"> <use xlink:href="/assets/ui-icons.svg#close-icon"></use> </svg> </button> <div class="Mobile-overlay-back" data-controller="MobileOverlayToggle"></div> </div> </div> <div class="Parallax-host-outer"> <div class="Parallax-host" data-parallax-host> <div class="Parallax-item" data-parallax-item data-parallax-id="682240e8e71706345d591570"></div> </div> </div> <div class="Site" data-nc-base="header" data-controller="AncillaryLayout"> <div class="sqs-announcement-bar-dropzone"></div> <header class="Header Header--top"> <div class="Header-inner Header-inner--top" data-nc-group="top"> <div data-nc-container="top-left"> <div class="Header-search" data-nc-element="search"> <form class="Header-search-form" action="/search" method="get"> <input class="Header-search-form-input" name="q" type="text" spellcheck="false" value="" autocomplete="off" placeholder="Search" /> <button class="Header-search-form-submit" type="submit" data-test="template-search"> <svg class="Icon Icon--search--small" viewBox="0 0 15 15"> <use xlink:href="/assets/ui-icons.svg#search-icon--small"></use> </svg> <svg class="Icon Icon--search" viewBox="0 0 20 20"> <use xlink:href="/assets/ui-icons.svg#search-icon"></use> </svg> </button> </form> </div> </div> <div data-nc-container="top-center"> </div> <div data-nc-container="top-right"> </div> </div> </header> <div class="Site-inner" data-controller="HeaderOverlay"> <header class="Header Header--bottom Header--overlay"> <div class="Header-inner Header-inner--bottom" data-nc-group="bottom"> <div data-nc-container="bottom-left"> <nav class="Header-nav Header-nav--primary" data-nc-element="primary-nav" data-content-field="navigation"> <div class="Header-nav-inner"> <a href="/about" class="Header-nav-item">About</a><span class="Header-nav-item Header-nav-item--folder"> <a href="/portfolio" class="Header-nav-folder-title" data-controller="HeaderNavFolderTouch">Portfolio</a> <span class="Header-nav-folder"> <a href="/writing" class="Header-nav-folder-item" data-test="template-nav">Writing</a> <a href="/articles" class="Header-nav-folder-item" data-test="template-nav">Articles</a> <a href="/film" class="Header-nav-folder-item" data-test="template-nav">Film</a> <a href="/games" class="Header-nav-folder-item" data-test="template-nav">Games</a> <a href="/music" class="Header-nav-folder-item" data-test="template-nav">Music</a> </span> </span><a href="/achievements" class="Header-nav-item">Achievements</a><a href="/posts" class="Header-nav-item" data-test="template-nav">Posts</a><a href="/biography" class="Header-nav-item" data-test="template-nav">Biography</a> </div> </nav> </div> <div data-nc-container="bottom-center"> <a href="/" class="Header-branding" data-nc-element="branding" data-content-field="site-title"> CJ Matthews </a> <div class="Header-tagline" data-nc-element="tagline">Screenwriter & Game Designer</div> </div> <div data-nc-container="bottom-right"> <nav class="Header-nav Header-nav--secondary" data-nc-element="secondary-nav" data-content-field="navigation"> <div class="Header-nav-inner"> <a href="/contact" class="Header-nav-item">Contact</a> </div> </nav> </div> </div> </header> <div class="Content-outer"> <section class="Intro Intro--has-image" data-parallax-original-element data-parallax-id="682240e8e71706345d591570" data-controller="Parallax"> <div class="sqs-layout sqs-grid-12 columns-12 Intro-content sqs-alternate-block-style-container empty" data-layout-label="Intro" data-type="block-field" id="682240e8e71706345d591570_intro"><div class="row sqs-row"><div class="col sqs-col-12 span-12"></div></div></div> <figure class="Intro-image" data-parallax-image-wrapper> <img data-src="https://images.squarespace-cdn.com/content/v1/5d75a72df37e43351de08df3/1568230776360-W8E0KI9761H4R6QVTWJE/headerback.png" data-image="https://images.squarespace-cdn.com/content/v1/5d75a72df37e43351de08df3/1568230776360-W8E0KI9761H4R6QVTWJE/headerback.png" data-image-dimensions="1250x800" data-image-focal-point="0.5,0.5" alt="headerback.png" data-load="false" alt="" /> </figure> </section> <main class="Main Main--page" > <section class="Main-content" data-content-field="main-content"> <div class="sqs-layout sqs-grid-12 columns-12" data-type="page" id="page-682240e8e71706345d591570"><div class="row sqs-row"><div class="col sqs-col-12 span-12"><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-570ce8dcedf536c278ea"><div class="sqs-block-content"> <div class="sqs-html-content"> <p> </p> </div> </div></div></div></div></div> </section> </main> </div> </div> <footer class="Footer" role="contentinfo" data-controller="FooterBreakpoints"> <div class="Footer-inner clear"> <div class="sqs-layout sqs-grid-12 columns-12 Footer-blocks Footer-blocks--top sqs-alternate-block-style-container empty" data-layout-label="Footer Top Blocks" data-type="block-field" data-updated-on="1568230182626" id="footerBlocksTop"><div class="row sqs-row"><div class="col sqs-col-12 span-12"></div></div></div> <div class="Footer-middle"> <div class="Footer-business"> <div class="Footer-business-hours"> <div class="Footer-business-hours-heading">Hours</div> </div> </div> <div class="sqs-layout sqs-grid-12 columns-12 Footer-blocks Footer-blocks--middle sqs-alternate-block-style-container" data-layout-label="Footer Middle Blocks" data-type="block-field" data-updated-on="1568921970679" id="footerBlocksMiddle"><div class="row sqs-row"><div class="col sqs-col-12 span-12"><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-yui_3_17_2_17_1492448050126_3817"><div class="sqs-block-content"> <div class="sqs-html-content"> <p style="text-align:center;white-space:pre-wrap;" class=""><a href="https://www.linkedin.com/in/calistusjdm/">linkedin</a> | <a href="https://www.instagram.com/calistusjay" target="_blank">instagram</a> </p> </div> </div></div></div></div></div> </div> <div class="sqs-layout sqs-grid-12 columns-12 Footer-blocks Footer-blocks--bottom sqs-alternate-block-style-container" data-layout-label="Footer Bottom Blocks" data-type="block-field" data-updated-on="1745879255639" id="footerBlocksBottom"><div class="row sqs-row"><div class="col sqs-col-12 span-12"><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-yui_3_17_2_2_1492448050126_33465"><div class="sqs-block-content"> <div class="sqs-html-content"> <p style="text-align:center;white-space:pre-wrap;" class="">© Copyright 2025</p> </div> </div></div></div></div></div> </div> </footer> </div> <script defer="true" src="https://static1.squarespace.com/static/ta/55f0a9b0e4b0f3eb70352f6d/354/scripts/site-bundle.js" type="text/javascript"></script> </body> </html>