<!DOCTYPE html>
<html lang="en" data-grid-columns="3" data-color-scheme="system">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title>MODE ZERO Gaming</title>

    <meta name="HandheldFriendly" content="True" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    

    <link rel="preload" href="/assets/dist/app.min.js?v=a8093cfa8d" as="script">
    <link rel="preload" href="/assets/dist/app.min.css?v=a8093cfa8d" as="style">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

        <link rel="preload stylesheet" href="https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700;800&display=swap" 
              as="style" onload="this.onload=null;this.rel='stylesheet'" crossorigin>

        <noscript>
          <link href="https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
        </noscript>





    <script async src="/assets/dist/app.min.js?v=a8093cfa8d"></script>

    <link rel="stylesheet" type="text/css" href="/assets/dist/app.min.css?v=a8093cfa8d" />

    <!--cssential--><style></style><!--/cssential-->

    <script>
  // Basic Config
  let CONFIG = {
    GHOST_URL: `https://modezero.gg`, 
    GHOST_KEY: ``,
    GHOST_SEARCH_IN_CONTENT: false,
    GHOST_VERSION: 'v5.0', /* Ghost version */
    GHOST_SEARCH_LIMIT: 8, /* Search result limit */
    DEFAULT_VIEW_TYPE: `grid`,
    DEFAULT_GRID_COLUMNS: 3, /* Nr of columns for post cards. Possible values 2 or 3. */
    DEFAULT_COLOR_SCHEME: `System`,
    ENABLE_COLOR_SCHEME_PICKER: true, /* Enable Color cheme picker */
    ENABLE_IMAGE_LIGHTBOX: !!`true`,
    ENABLE_SCROLL_TO_TOP: true, /* Enable Scroll Top Button */
    ENABLE_FILTER: true, /* Enable filter feature on homepage */
    ENABLE_HYPHENS: false, /* Enable hyphens */
    ENABLE_PWA: false, /* Enable PWA - Progressive Web App */
    ENABLE_STICKY_HEADER: !!``,
    ENABLE_MENU_AUTO_CLOSE: true, /* Auto close menu when clicking outside of it */
    DISQUS_SHORTNAME: 'biron-demo', /* Replace 'biron-demo' with your disqus account shortname */
    COVE_ID: '9a56f94608ec8169ab6bb801d004f591', /* To use Cove, replace the below id with your cove publication id*/
    OPEN_LINKS_IN_NEW_TAB: !!``,
  }

  // Color schemes, you can either modify the existing ones or add new ones
  const COLOR_SCHEMES = [
    {
      "id": "light",
      "name": "Light",
      "colors": {
        "primary": "var(--ghost-accent-color)",
        "secondary": "#f77a3b",
        "text": "hsl(0, 0%, 10%)",
        "text_acc_1": "hsl(0, 0%, 20%)",
        "text_acc_2": "hsl(0, 0%, 30%)",
        "text_acc_3": "hsl(0, 0%, 40%)",
        "text_reverse": "hsl(0, 0%, 90%)",
        "bg": "hsl(0, 100%, 100%)",
        "bg_body": "hsl(219,23%,97%)",
        "bg_acc_1": "hsl(0, 0%, 98%)",
        "bg_acc_2": "hsl(0, 0%, 96%)",
        "bg_acc_3": "hsl(0, 0%, 94%)",
        "bg_reverse": "hsl(0, 0%, 10%)",
        "neutral": "hsl(0, 0%, 50%)",
        "border": "hsl(0, 0%, 95%)"
      }
    },
    {
      "id": "dark",
      "name": "Dark",
      "colors": {
        "primary": "var(--ghost-accent-color)",
        "secondary": "#f77a3b",
        "text": "hsl(0, 0%, 90%)",
        "text_acc_1": "hsl(0, 0%, 80%)",
        "text_acc_2": "hsl(0, 0%, 70%)",
        "text_acc_3": "hsl(0, 0%, 60%)",
        "text_reverse": "hsl(0, 0%, 10%)",
        "bg": "hsl(0, 0%, 8%)",
        "bg_body": "hsl(0, 0%, 3%)",
        "bg_acc_1": "hsl(0, 0%, 10%)",
        "bg_acc_2": "hsl(0, 0%, 12%)",
        "bg_acc_3": "hsl(0, 0%, 15%)",
        "bg_reverse": "hsl(0, 0%, 90%)",
        "neutral": "hsl(0, 0%, 50%)",
        "border": "hsl(0, 0%, 15%)"
      }
    }, 
    {
      "id": "whitesmoke",
      "name": "Whitesmoke",
      "colors": {
        "primary": "var(--ghost-accent-color)",
        "secondary": "#f77a3b",
        "text": "hsl(34, 36%, 10%)",
        "text_acc_1": "hsl(34, 36%, 20%)",
        "text_acc_2": "hsl(34, 36%, 30%)",
        "text_acc_3": "hsl(34, 36%, 40%)",
        "text_reverse": "hsl(34, 36%, 90%)",
        "bg": "hsl(34, 36%, 96%)",
        "bg_body": "hsl(34, 36%, 93%)",
        "bg_acc_1": "hsl(34, 36%, 90%)",
        "bg_acc_2": "hsl(34, 36%, 88%)",
        "bg_acc_3": "hsl(34, 36%, 85%)",
        "bg_reverse": "hsl(34, 36%, 10%)",
        "neutral": "hsl(34, 36%, 50%)",
        "border": "hsl(34, 36%, 85%)"
      }
    }, 
    {
      "id": "midnight",
      "name": "Midnight",
      "colors": {
        "primary": "var(--ghost-accent-color)",
        "secondary": "#f77a3b",
        "text": "hsl(250, 63%, 90%)",
        "text_acc_1": "hsl(250, 63%, 85%)",
        "text_acc_2": "hsl(250, 63%, 80%)",
        "text_acc_3": "hsl(250, 63%, 75%)",
        "text_reverse": "hsl(250, 63%, 10%)",
        "bg": "hsl(250, 63%, 10%)",
        "bg_body": "hsl(250, 63%, 5%)",
        "bg_acc_1": "hsl(250, 63%, 15%)",
        "bg_acc_2": "hsl(250, 63%, 20%)",
        "bg_acc_3": "hsl(250, 63%, 25%)",
        "bg_reverse": "hsl(250, 63%, 90%)",
        "neutral": "hsl(250, 63%, 50%)",
        "border": "hsl(250, 63%, 23%)"
      }
    } 
  ];
</script>

<style>
  body {
    --global-max-width: 1280px;
    --global-radius: 2px;
    --global-radius-round: 50%;
    --global-header-position: initial;
    --global-hyphens: none; /* none / auto */
    --global-menu-icons: none;
    --global-menu-alignement: flex-start; /* flex-start / center / flex-end */
    --global-breadcrumb: none; /* none / flex */
    --global-menu-cta: flex; /* none / flex */
  }
</style>

    <script>
  // Dark/Light Theme Handling
  let preferredTheme; 
  if (CONFIG.DEFAULT_COLOR_SCHEME.toLowerCase() === 'system') {
    const preferredColorScheme = 
    ( window.matchMedia 
      && window.matchMedia('(prefers-color-scheme: dark)').matches
    ) 
    ? 'dark' 
    : 'light'
    preferredTheme = localStorage.getItem('USER_COLOR_SCHEME') || preferredColorScheme;
  } else {
    preferredTheme = localStorage.getItem('USER_COLOR_SCHEME') || CONFIG.DEFAULT_COLOR_SCHEME.toLowerCase();
  }
  document.documentElement.setAttribute('data-color-scheme', preferredTheme);

  // Grid/List View Handling
  let preferredView = localStorage.getItem('USER_VIEW_TYPE') || CONFIG.DEFAULT_VIEW_TYPE;
  document.documentElement.setAttribute('data-view-type', preferredView);

  // Grid columns setting
  document.documentElement.setAttribute('data-grid-columns', CONFIG.DEFAULT_GRID_COLUMNS);

  // =========================
  // Set Hyphens property
  // =========================
  const root = document.documentElement;
  if (CONFIG.ENABLE_HYPHENS) {
    root.style.setProperty('--global-hyphens', 'auto')
  }

  // =========================
  // Set Hyphens property
  // =========================
  if (CONFIG.ENABLE_STICKY_HEADER) {
    //root.style.setProperty('--global-header-position', 'sticky');
    document.documentElement.setAttribute('data-header', 'sticky');
  }
  
  // Global values needed
  const GLOBAL = {
    CURRENT_PAGE: parseInt(''),
    NEXT_PAGE: parseInt(''),
    NEXT_PAGE_LINK: '',
    MAX_PAGES: parseInt(''), 
    LAST_PAGE: `` === `` ? true : false,
    POSTS_PER_PAGE: parseInt('12'),
    ADD_BOOKMARK_MSG: `Saved!`,
    REMOVE_BOOKMARK_MSG: `Removed!`,
    API: ''
  }

  // Set Themes
  let style = document.createElement('style');
  style.innerHTML = `
    ${COLOR_SCHEMES.map(function(theme) { 
      return `
        html[data-color-scheme="${theme.id}"], button[data-color-scheme="${theme.id}"] {
          --color-primary: ${theme.colors.primary};
          --color-secondary: ${theme.colors.secondary};

          --color-text: ${theme.colors.text};
          --color-text-acc-1: ${theme.colors.text_acc_1};
          --color-text-acc-2: ${theme.colors.text_acc_2};
          --color-text-acc-3: ${theme.colors.text_acc_3};
          --color-text-reverse: ${theme.colors.text_reverse};

          --color-bg-body: ${theme.colors.bg_body};  
          --color-bg: ${theme.colors.bg}; 
          --color-bg-acc-1: ${theme.colors.bg_acc_1}; 
          --color-bg-acc-2: ${theme.colors.bg_acc_2}; 
          --color-bg-acc-3: ${theme.colors.bg_acc_3}; 
          --color-bg-reverse: ${theme.colors.bg_reverse};

          --color-neutral: ${theme.colors.neutral}; 
          --color-border: ${theme.colors.border};
        }
        .btn-theme-toggle{display: none}
      `.replace(/\s+/g,'');
    }).join(' ')}
  `
  document.getElementsByTagName('head')[0].appendChild(style);
</script>
    <link rel="icon" href="https://modezero.gg/content/images/size/w256h256/2023/01/MODE_ZERO-discord.png" type="image/png" />
    <link rel="canonical" href="https://modezero.gg/rss/" />
    <meta name="referrer" content="no-referrer-when-downgrade" />
    
    <meta property="og:site_name" content="MODE ZERO Gaming" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="MODE ZERO Gaming" />
    <meta property="og:url" content="https://modezero.gg/rss/" />
    <meta property="article:publisher" content="https://www.facebook.com/ghost" />
    <meta name="twitter:card" content="summary" />
    <meta name="twitter:title" content="MODE ZERO Gaming" />
    <meta name="twitter:url" content="https://modezero.gg/rss/" />
    <meta name="twitter:site" content="@ghost" />
    
    <meta name="generator" content="Ghost 5.47" />
    <link rel="alternate" type="application/rss+xml" title="MODE ZERO Gaming" href="https://modezero.gg/rss/" />
    <script defer src="https://cdn.jsdelivr.net/ghost/portal@~2.30/umd/portal.min.js" data-i18n="false" data-ghost="https://modezero.gg/" data-key="66e5de4aa708ac9fb3e7b4d5f8" data-api="https://modezero.gg/ghost/api/content/" crossorigin="anonymous"></script><style id="gh-members-styles">.gh-post-upgrade-cta-content,
.gh-post-upgrade-cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    text-align: center;
    width: 100%;
    color: #ffffff;
    font-size: 16px;
}

.gh-post-upgrade-cta-content {
    border-radius: 8px;
    padding: 40px 4vw;
}

.gh-post-upgrade-cta h2 {
    color: #ffffff;
    font-size: 28px;
    letter-spacing: -0.2px;
    margin: 0;
    padding: 0;
}

.gh-post-upgrade-cta p {
    margin: 20px 0 0;
    padding: 0;
}

.gh-post-upgrade-cta small {
    font-size: 16px;
    letter-spacing: -0.2px;
}

.gh-post-upgrade-cta a {
    color: #ffffff;
    cursor: pointer;
    font-weight: 500;
    box-shadow: none;
    text-decoration: underline;
}

.gh-post-upgrade-cta a:hover {
    color: #ffffff;
    opacity: 0.8;
    box-shadow: none;
    text-decoration: underline;
}

.gh-post-upgrade-cta a.gh-btn {
    display: block;
    background: #ffffff;
    text-decoration: none;
    margin: 28px 0 0;
    padding: 8px 18px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
}

.gh-post-upgrade-cta a.gh-btn:hover {
    opacity: 0.92;
}</style><script async src="https://js.stripe.com/v3/"></script>
    <script defer src="https://cdn.jsdelivr.net/ghost/sodo-search@~1.1/umd/sodo-search.min.js" data-key="66e5de4aa708ac9fb3e7b4d5f8" data-styles="https://cdn.jsdelivr.net/ghost/sodo-search@~1.1/umd/main.css" data-sodo-search="https://modezero.gg/" crossorigin="anonymous"></script>
    
    <link href="https://modezero.gg/webmentions/receive/" rel="webmention" />
    <script defer src="/public/cards.min.js?v=a8093cfa8d"></script>
    <link rel="stylesheet" type="text/css" href="/public/cards.min.css?v=a8093cfa8d">
    <script defer src="/public/comment-counts.min.js?v=a8093cfa8d" data-ghost-comments-counts-api="https://modezero.gg/members/api/comments/counts/"></script>
    <script defer src="/public/member-attribution.min.js?v=a8093cfa8d"></script>
    <!-- Google tag (gtag.js) -->
<script defer src="https://www.googletagmanager.com/gtag/js?id=G-10118LGBGN"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-10118LGBGN');
</script><style>:root {--ghost-accent-color: #47555e;}</style>
  </head>
  <body class="">
      <header class="header">
  <div class="container">
    <div class="row">
      <div class="col-xs-12 header__left flex items-center">
<a class="header__brand" href="https://modezero.gg">            <span class="header__title m-0">MODE ZERO Gaming</span>
</a>
        <div class="flex-1"></div>


        <button class="header__search--toggle flex-cc" data-ghost-search tabindex="0" 
          type="button" title="Search" aria-label="Search">
          <i class="icon icon-search icon--sm">
  <svg class="icon__svg">
    <use xlink:href="/assets/icons/feather-sprite.svg?v=a8093cfa8d#search"></use>
  </svg>
</i>        </button>

        <button class="header__menu--toggle flex-cc js-menu-toggle" tabindex="0" 
          type="button" title="Menu" aria-label="Menu">
          <i class="icon icon-menu icon--sm">
  <svg class="icon__svg">
    <use xlink:href="/assets/icons/feather-sprite.svg?v=a8093cfa8d#menu"></use>
  </svg>
</i>          <i class="icon icon-x icon--sm">
  <svg class="icon__svg">
    <use xlink:href="/assets/icons/feather-sprite.svg?v=a8093cfa8d#x"></use>
  </svg>
</i>        </button>
      </div>

      <div class="col-md-6 col-lg-8 header__center middle-xs flex-1" tabindex="0">
        <ul class="nav" role="menu">
    <li class="nav-home" data-test="" role="menuitem">
      <a href="https://modezero.gg/">
        <span>Home</span>
      </a>
    </li>
    <li class="nav-about" data-test="" role="menuitem">
      <a href="https://modezero.gg/about/">
        <span>About</span>
      </a>
    </li>
    <li class="nav-stream-schedule" data-test="" role="menuitem">
      <a href="https://modezero.gg/schedule/">
        <span>Stream Schedule</span>
      </a>
    </li>
    <li class="nav-contact" data-test="" role="menuitem">
      <a href="https://form.jotform.com/MODE_ZERO/contact">
        <span>Contact</span>
      </a>
    </li>
    <li class="nav-discord" data-test="" role="menuitem">
      <a href="https://discord.gg/5UnCvuxjHT">
        <span>Discord</span>
      </a>
    </li>
    <li class="nav-blog" data-test="" role="menuitem">
      <a href="https://modezero.gg/blog/">
        <span>Blog</span>
      </a>
    </li>
    <li class="nav-reviews" data-test="" role="menuitem">
      <a href="https://modezero.gg/review/">
        <span>Reviews</span>
      </a>
    </li>
    <li class="nav-save-25-for-life" data-test="" role="menuitem">
      <a href="https://modezero.gg/introductory-specials/">
        <span>SAVE 25% FOR LIFE!</span>
      </a>
    </li>
</ul>
      </div>


      <div class="col-xs col-md-6 col-lg-4 header__right items-center content-end">
        
            <a class="signin-link" href="/signin/">Sign in</a>
            <a class="signup-link header-cta" href="/signup/">Sign up</a>
          
          <button class="header__user flex-cc m-l-sm js-member-btn non-member" 
              title="Menu" 
              aria-label="Menu">
              <i class="icon icon-user icon--sm">
  <svg class="icon__svg">
    <use xlink:href="/assets/icons/feather-sprite.svg?v=a8093cfa8d#user"></use>
  </svg>
</i>          </button>
          <div class="user-menu js-user-menu">
    <a class="signup-link" href="/signup/" tabindex="0"
      title="Sign up" aria-label="Sign up">
      <i class="icon icon-arrow-up-right icon--xs">
  <svg class="icon__svg">
    <use xlink:href="/assets/icons/feather-sprite.svg?v=a8093cfa8d#arrow-up-right"></use>
  </svg>
</i>Sign up
    </a>
    <a class="signin-link" href="/signin/" tabindex="0"
      title="Sign in" aria-label="Sign in">
      <i class="icon icon-log-in icon--xs">
  <svg class="icon__svg">
    <use xlink:href="/assets/icons/feather-sprite.svg?v=a8093cfa8d#log-in"></use>
  </svg>
</i>Sign in
    </a>
</div>      </div>
    </div>
  </div>
</header>
      <nav class="menu js-menu">
  <ul class="nav" role="menu">
    <li class="nav-home" data-test="" role="menuitem">
      <a href="https://modezero.gg/">
          <i class="icon icon-home icon--sm">
  <svg class="icon__svg">
    <use xlink:href="/assets/icons/menu-icons.svg?v=a8093cfa8d#home"></use>
  </svg>
</i>        <span>Home</span>
      </a>
    </li>
    <li class="nav-about" data-test="" role="menuitem">
      <a href="https://modezero.gg/about/">
          <i class="icon icon-about icon--sm">
  <svg class="icon__svg">
    <use xlink:href="/assets/icons/menu-icons.svg?v=a8093cfa8d#about"></use>
  </svg>
</i>        <span>About</span>
      </a>
    </li>
    <li class="nav-stream-schedule" data-test="" role="menuitem">
      <a href="https://modezero.gg/schedule/">
          <i class="icon icon-stream-schedule icon--sm">
  <svg class="icon__svg">
    <use xlink:href="/assets/icons/menu-icons.svg?v=a8093cfa8d#stream-schedule"></use>
  </svg>
</i>        <span>Stream Schedule</span>
      </a>
    </li>
    <li class="nav-contact" data-test="" role="menuitem">
      <a href="https://form.jotform.com/MODE_ZERO/contact">
          <i class="icon icon-contact icon--sm">
  <svg class="icon__svg">
    <use xlink:href="/assets/icons/menu-icons.svg?v=a8093cfa8d#contact"></use>
  </svg>
</i>        <span>Contact</span>
      </a>
    </li>
    <li class="nav-discord" data-test="" role="menuitem">
      <a href="https://discord.gg/5UnCvuxjHT">
          <i class="icon icon-discord icon--sm">
  <svg class="icon__svg">
    <use xlink:href="/assets/icons/menu-icons.svg?v=a8093cfa8d#discord"></use>
  </svg>
</i>        <span>Discord</span>
      </a>
    </li>
    <li class="nav-blog" data-test="" role="menuitem">
      <a href="https://modezero.gg/blog/">
          <i class="icon icon-blog icon--sm">
  <svg class="icon__svg">
    <use xlink:href="/assets/icons/menu-icons.svg?v=a8093cfa8d#blog"></use>
  </svg>
</i>        <span>Blog</span>
      </a>
    </li>
    <li class="nav-reviews" data-test="" role="menuitem">
      <a href="https://modezero.gg/review/">
          <i class="icon icon-reviews icon--sm">
  <svg class="icon__svg">
    <use xlink:href="/assets/icons/menu-icons.svg?v=a8093cfa8d#reviews"></use>
  </svg>
</i>        <span>Reviews</span>
      </a>
    </li>
    <li class="nav-save-25-for-life" data-test="" role="menuitem">
      <a href="https://modezero.gg/introductory-specials/">
          <i class="icon icon-save-25-for-life icon--sm">
  <svg class="icon__svg">
    <use xlink:href="/assets/icons/menu-icons.svg?v=a8093cfa8d#save-25-for-life"></use>
  </svg>
</i>        <span>SAVE 25% FOR LIFE!</span>
      </a>
    </li>
</ul>

    <ul class="nav" role="menu">
    <li class="nav-sign-up" data-test="" role="menuitem">
      <a href="#/portal/">
          <i class="icon icon-sign-up icon--sm">
  <svg class="icon__svg">
    <use xlink:href="/assets/icons/menu-icons.svg?v=a8093cfa8d#sign-up"></use>
  </svg>
</i>        <span>Sign up</span>
      </a>
    </li>
    <li class="nav-discord" data-test="" role="menuitem">
      <a href="https://discord.gg/yYdVeKdEm7">
          <i class="icon icon-discord icon--sm">
  <svg class="icon__svg">
    <use xlink:href="/assets/icons/menu-icons.svg?v=a8093cfa8d#discord"></use>
  </svg>
</i>        <span>Discord</span>
      </a>
    </li>
</ul>
  
  <span class="flex-1"></span>

      <div class="p">
    <div class="menu-cta">
        <img class="lazyload menu-cta__icon"
          data-src="/content/images/size/w100/2023/01/MODE_ZERO-discord.png"
          src="/content/images/size/w30/2023/01/MODE_ZERO-discord.png"
          alt="MODE ZERO Gaming"/>
      <div class="menu-cta__headline">Unlock full access to see the entire library by subscribing to a paid plan.</div>
      <a class="btn btn--xs btn--dark" href="/signup/">Sign up</a>
    </div>
  </div>

  <a href="/bookmarks/" class="btn-toggle btn-bookmarks" tabindex="0"
      title="Bookmarks" aria-label="Bookmarks">
    <span class="btn-toggle-icons">
      <i class="icon icon-bookmark icon--xs">
  <svg class="icon__svg">
    <use xlink:href="/assets/icons/feather-sprite.svg?v=a8093cfa8d#bookmark"></use>
  </svg>
</i>    </span>
    <span>Bookmarks</span>
  </a>


  <button class="btn-toggle btn-theme-toggle js-theme-toggle" tabindex="0" 
    title="Theme color scheme" aria-label="Theme color scheme">
    <span class="btn-toggle-icons">
      <i class="icon icon-settings icon--xs">
  <svg class="icon__svg">
    <use xlink:href="/assets/icons/feather-sprite.svg?v=a8093cfa8d#settings"></use>
  </svg>
</i>    </span>
    <span>Theme</span>
  </button>

  <div class="color-scheme-picker js-color-scheme-picker">
</div>

<template class="js-color-scheme-template">
  <button class="color-scheme w-100 js-color-scheme" data-color-scheme="">
    <span class="color-scheme__name flex-1 text-left"></span>
    <span class="color-scheme__color bg-primary"></span>
    <span class="color-scheme__color bg-secondary"></span>
    <span class="color-scheme__color bg-default"></span>
    <span class="color-scheme__color bg-text"></span>
  </button>
</template>

</nav>
    <main class="main">
      
<div class="container wrapper">
  <div class="welcome flex items-center m-b-lg has-bg">
        <figure class="welcome__media">
          <img class="lazyload is-bg" 
              data-srcset="https://images.unsplash.com/photo-1550745165-9bc0b252726f?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;MnwxMTc3M3wwfDF8c2VhcmNofDR8fGdhbWluZ3xlbnwwfHx8fDE2NzQ1NTIwODM&amp;ixlib&#x3D;rb-4.0.3&amp;q&#x3D;80&amp;w&#x3D;100 100w,
                      https://images.unsplash.com/photo-1550745165-9bc0b252726f?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;MnwxMTc3M3wwfDF8c2VhcmNofDR8fGdhbWluZ3xlbnwwfHx8fDE2NzQ1NTIwODM&amp;ixlib&#x3D;rb-4.0.3&amp;q&#x3D;80&amp;w&#x3D;300 300w,
                      https://images.unsplash.com/photo-1550745165-9bc0b252726f?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;MnwxMTc3M3wwfDF8c2VhcmNofDR8fGdhbWluZ3xlbnwwfHx8fDE2NzQ1NTIwODM&amp;ixlib&#x3D;rb-4.0.3&amp;q&#x3D;80&amp;w&#x3D;600 600w,
                      https://images.unsplash.com/photo-1550745165-9bc0b252726f?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;MnwxMTc3M3wwfDF8c2VhcmNofDR8fGdhbWluZ3xlbnwwfHx8fDE2NzQ1NTIwODM&amp;ixlib&#x3D;rb-4.0.3&amp;q&#x3D;80&amp;w&#x3D;1000 1000w"
              srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
              data-sizes="auto"
              data-src="https://images.unsplash.com/photo-1550745165-9bc0b252726f?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;MnwxMTc3M3wwfDF8c2VhcmNofDR8fGdhbWluZ3xlbnwwfHx8fDE2NzQ1NTIwODM&amp;ixlib&#x3D;rb-4.0.3&amp;q&#x3D;80&amp;w&#x3D;300"
              src="https://images.unsplash.com/photo-1550745165-9bc0b252726f?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;MnwxMTc3M3wwfDF8c2VhcmNofDR8fGdhbWluZ3xlbnwwfHx8fDE2NzQ1NTIwODM&amp;ixlib&#x3D;rb-4.0.3&amp;q&#x3D;80&amp;w&#x3D;30"
              alt="Join the community!"/>
        </figure>

    <div class="welcome__content flex-1">
      <h1 class="welcome__title fw-600">Join the community!</h1>
      <div class="welcome__descr">
        A Lifestyle-Focused Gaming Community
      </div>
      <a href="/membership/" class="btn btn--light btn--rounded btn--xs">Learn more</a>
    </div>
    
  </div>

  <div class="filter-bar flex flex-cc m-b-lg p-sm">
  <div class="filter-btn flex items-center">
    <select name="tags" id="select-tags" class="filter-select js-filter-btn">
      <option value="/" selected>Show all</option>
    </select>
    <label for="select-tags">
      <i class="icon icon-filter icon--sm">
  <svg class="icon__svg">
    <use xlink:href="/assets/icons/feather-sprite.svg?v=a8093cfa8d#filter"></use>
  </svg>
</i>      <span class="filter-text flex-1 p-l-sm fw-500 text-acc-2 js-filter-text">Latest posts</span>
    </label>

  </div>

  <span class="flex-1"></span>

  <button class="btn--grid p-sm m-r-xs js-grid-btn" 
    aria-label="Grid" title="Grid">
    <i class="icon icon-grid icon--sm">
  <svg class="icon__svg">
    <use xlink:href="/assets/icons/feather-sprite.svg?v=a8093cfa8d#grid"></use>
  </svg>
</i>  </button>
  <button class="btn--list p-sm js-list-btn" 
    aria-label="List" title="List">
    <i class="icon icon-list icon--sm">
  <svg class="icon__svg">
    <use xlink:href="/assets/icons/feather-sprite.svg?v=a8093cfa8d#list"></use>
  </svg>
</i>  </button>
</div>


    <div class="grid post-feed js-post-feed">
    </div>

  <div class="col-xs-12 center-xs m-t-lg">
    <button class="btn btn--wide btn--rounded btn--shadow btn--brand js-load-more">
      Load more posts
    </button>
  </div>

    <div class="section__title m-t-lg m-b">Explore topics</div>
    <div class="row">
    </div>

    <div class="section__title m-t m-b">Authors</div>
    <div class="row">
        <div class="col-xs-12 col-md-6 col-xl-4 m-b-lg">
          <div class="card author-card author-vinberdon" data-type="mini">
    <a class="author-card__media flex flex-cc" href="/author/vinberdon/">
      <img class="lazyload author-card__img is-round z-index-1 m-b-0" 
        data-srcset="/content/images/size/w300/2023/01/vincent-b-donadio-gbc.jpg 300w,
            /content/images/size/w600/2023/01/vincent-b-donadio-gbc.jpg 600w"
        srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
        data-sizes="auto"
        data-src="/content/images/size/w100/2023/01/vincent-b-donadio-gbc.jpg"
        src="/content/images/size/w30/2023/01/vincent-b-donadio-gbc.jpg"
        alt="VINBERDON"
      />
    
  </a>

  <div class="author-card__content flex-1 flex flex-col text-acc-1 content-center">
      <div class="author-card__name fw-600 text-lg m-b-xs"><a href="/author/vinberdon/">VINBERDON</a></div>
    
  </div>
</div>
        </div>
    </div>
</div>

    </main>

      <footer class="footer">
  <div class="container wrapper">
      <div class="footer__sub p-t-xl p-b-xl border-bottom-1">
        <div class="row">
          <div class="col-xs-12 col-md-6 footer__sub-text">
            <span class="m-b-0">Ready to get started now?</span>
            <div>Subscribe to get access to premium content or contact us if you have any questions.</div>
          </div>
          <div class="col-xs-12 col-md-6">
            <div class="flex footer__sub-action">
              <a href="/membership/" class="btn btn--brand btn--rounded m-r">Subscribe</a>
              <a href="/contact/" class="btn btn--bordered btn--rounded">Contact us</a>
            </div>
          </div>
        </div>
      </div>

    <div class="footer__top p-t-lg p-b border-bottom-1 text-acc-1">
      <div class="row">
        <div class="col-xs-12 col-md-4 m-b-sm">
          <div class="footer__title">MODE ZERO Gaming</div>
          <div class="m-b text-acc-3">A Lifestyle-Focused Gaming Community</div>
          <div class="social flex">
    <a class="social__item"
      href="https://www.facebook.com/ghost" target="_blank" title="Facebook"
      aria-label="Facebook" rel="noreferrer">
      <i class="icon icon-facebook icon--sm">
  <svg class="icon__svg">
    <use xlink:href="/assets/icons/feather-sprite.svg?v=a8093cfa8d#facebook"></use>
  </svg>
</i>    </a>
    <a class="social__item"
      href="https://twitter.com/ghost" target="_blank" title="Twitter"
      aria-label="Twitter" rel="noreferrer">
      <i class="icon icon-twitter icon--sm">
  <svg class="icon__svg">
    <use xlink:href="/assets/icons/feather-sprite.svg?v=a8093cfa8d#twitter"></use>
  </svg>
</i>    </a>
</div>
        </div>
        <div class="col-xs-12 col-md-2 m-b-sm">
        </div>
        <div class="col-xs-12 col-md-2 m-b-sm">
          <div class="footer__title">Navigation</div>
          <ul class="nav" role="menu">
    <li class="nav-home" data-test="" role="menuitem">
      <a href="https://modezero.gg/">
        <span>Home</span>
      </a>
    </li>
    <li class="nav-about" data-test="" role="menuitem">
      <a href="https://modezero.gg/about/">
        <span>About</span>
      </a>
    </li>
    <li class="nav-stream-schedule" data-test="" role="menuitem">
      <a href="https://modezero.gg/schedule/">
        <span>Stream Schedule</span>
      </a>
    </li>
    <li class="nav-contact" data-test="" role="menuitem">
      <a href="https://form.jotform.com/MODE_ZERO/contact">
        <span>Contact</span>
      </a>
    </li>
    <li class="nav-discord" data-test="" role="menuitem">
      <a href="https://discord.gg/5UnCvuxjHT">
        <span>Discord</span>
      </a>
    </li>
    <li class="nav-blog" data-test="" role="menuitem">
      <a href="https://modezero.gg/blog/">
        <span>Blog</span>
      </a>
    </li>
    <li class="nav-reviews" data-test="" role="menuitem">
      <a href="https://modezero.gg/review/">
        <span>Reviews</span>
      </a>
    </li>
    <li class="nav-save-25-for-life" data-test="" role="menuitem">
      <a href="https://modezero.gg/introductory-specials/">
        <span>SAVE 25% FOR LIFE!</span>
      </a>
    </li>
</ul>
        </div>
        <div class="col-xs-12 col-md-2 m-b-sm">
            <div class="footer__title">Quick links</div>
            <ul class="nav" role="menu">
    <li class="nav-sign-up" data-test="" role="menuitem">
      <a href="#/portal/">
        <span>Sign up</span>
      </a>
    </li>
    <li class="nav-discord" data-test="" role="menuitem">
      <a href="https://discord.gg/yYdVeKdEm7">
        <span>Discord</span>
      </a>
    </li>
</ul>
        </div>
        <div class="col-xs-12 col-md-2 m-b-sm">
          <div class="footer__title">Tags</div>
            <div class="footer__tags text-acc-3 flex flex-col m-b">
            </div>
        </div>
      </div>
    </div>

    <div class="footer__bottom text-center">
      <span>&copy;2026&nbsp;<a href="https://modezero.gg">MODE ZERO Gaming</a>.</span>
      <span>Published with&nbsp;<a href="https://ghost.org">Ghost</a> &&nbsp;<a href="https://bironthemes.com/themes/dashi-ghost/">Dashi</a>.</span>
    </div>
  </div>
</footer>
      <button class="btn-toggle-round scroll-top js-scroll-top"
  type="button" title="Scroll to top" aria-label="Scroll to top">
  <svg class="progress-circle" width="100%" height="100%" viewBox="-1 -1 102 102">
    <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"/>
  </svg>
  <i class="icon icon-arrow-up">
  <svg class="icon__svg">
    <use xlink:href="/assets/icons/feather-sprite.svg?v=a8093cfa8d#arrow-up"></use>
  </svg>
</i></button>

    
    

    <div class="notifications">
  <a tabindex="0" class="notify notify-signup js-notify-close" 
    href="javascript:;" data-class="signup-success">
    <div class="container wrapper flex flex-cc">
      <div class="notify__msg flex-1">Great! Next, complete checkout for full access to MODE ZERO Gaming.</div> 
      <span class="notify__close"><i class="icon icon-x icon--xs">
  <svg class="icon__svg">
    <use xlink:href="/assets/icons/feather-sprite.svg?v=a8093cfa8d#x"></use>
  </svg>
</i></span>
    </div>
  </a>

  <a tabindex="0" class="notify notify-signin js-notify-close" 
    href="javascript:;" data-class="signin-success">
    <div class="container wrapper flex flex-cc">
      <div class="notify__msg flex-1">Welcome back! You&#x27;ve successfully signed in.</div> 
      <span class="notify__close"><i class="icon icon-x icon--xs">
  <svg class="icon__svg">
    <use xlink:href="/assets/icons/feather-sprite.svg?v=a8093cfa8d#x"></use>
  </svg>
</i></span>
    </div>
  </a>

  <a tabindex="0" class="notify notify-subscribe js-notify-close" 
    href="javascript:;" data-class="subscribe-success">
    <div class="container wrapper flex flex-cc">
      <div class="notify__msg flex-1">You&#x27;ve successfully subscribed to MODE ZERO Gaming.</div> 
      <span class="notify__close"><i class="icon icon-x icon--xs">
  <svg class="icon__svg">
    <use xlink:href="/assets/icons/feather-sprite.svg?v=a8093cfa8d#x"></use>
  </svg>
</i></span>
    </div>
  </a>

  <a tabindex="0" class="notify notify-checkout js-notify-close" 
    href="javascript:;" data-class="checkout-success">
    <div class="container wrapper flex flex-cc">
      <div class="notify__msg flex-1">Success! Your account is fully activated, you now have access to all content.</div> 
      <span class="notify__close"><i class="icon icon-x icon--xs">
  <svg class="icon__svg">
    <use xlink:href="/assets/icons/feather-sprite.svg?v=a8093cfa8d#x"></use>
  </svg>
</i></span>
    </div>
  </a>

  <a tabindex="0" class="notify notify-billing-success js-notify-close" 
    href="javascript:;" data-class="billing-success">
    <div class="container wrapper flex flex-cc">
      <div class="notify__msg flex-1">Success! Your billing info has been updated.</div> 
      <span class="notify__close"><i class="icon icon-x icon--xs">
  <svg class="icon__svg">
    <use xlink:href="/assets/icons/feather-sprite.svg?v=a8093cfa8d#x"></use>
  </svg>
</i></span>
    </div>
  </a>

  <a tabindex="0" class="notify notify-billing-cancel js-notify-close" 
    href="javascript:;" data-class="billing-cancel">
    <div class="container wrapper flex flex-cc">
      <div class="notify__msg flex-1">Your billing was not updated.</div> 
      <span class="notify__close"><i class="icon icon-x icon--xs">
  <svg class="icon__svg">
    <use xlink:href="/assets/icons/feather-sprite.svg?v=a8093cfa8d#x"></use>
  </svg>
</i></span>
    </div>
  </a>
</div>


    <script>
      if (CONFIG.ENABLE_PWA && 'serviceWorker' in navigator) {
        window.addEventListener('load', function() {
          navigator.serviceWorker.register('/sw.js');
        });
      }
    </script>

      <script>
    CONFIG.ENABLE_FILTER ? document.querySelector('.js-filter-btn').classList.add('is-active') 
                        : document.querySelector('.js-filter-text').classList.add('is-active');

    if (CONFIG.ENABLE_FILTER) {
      const options = [];

      document.querySelectorAll('#select-tags > option').forEach(function(option) {
        options.includes(option.value) ? option.remove() : options.push(option.value); 
      });
    }
  </script>

  <script>
    if (CONFIG.ENABLE_COLOR_SCHEME_PICKER && 'content' in document.createElement('template')) {
      const themeButton = document.querySelector('.js-theme-toggle');
      themeButton ? themeButton.classList.add('is-visible') : '';

      let colorSchemePicker = document.querySelector('.js-color-scheme-picker');
      let colorSchemeTemplate = document.querySelector('.js-color-scheme-template');

      COLOR_SCHEMES.map(function(theme) { 
        var colorSchemeBtn = colorSchemeTemplate.content.cloneNode(true).querySelector('button');
        colorSchemeBtn.setAttribute('data-color-scheme', theme.id);
        colorSchemeBtn.querySelector('.color-scheme__name').textContent = theme.name;
        colorSchemePicker.appendChild(colorSchemeBtn);
      }).join(' ')
    } 

    const colorSchemeBtns = document.querySelectorAll('.js-color-scheme');
    colorSchemeBtns.forEach(function(colorSchemeBtn) {
      colorSchemeBtn.onclick = function(event) {
        setColorScheme(event.currentTarget.getAttribute('data-color-scheme'));
      }
    })
  </script>

  <script>
    const scrollTop = document.querySelector('.js-scroll-top');

    if (scrollTop && CONFIG.ENABLE_SCROLL_TO_TOP) {
      const progressPath = document.querySelector('.scroll-top path');
      const pathLength = progressPath.getTotalLength();
      progressPath.style.transition = progressPath.style.WebkitTransition = 'none';
      progressPath.style.strokeDasharray = `${pathLength} ${pathLength}`;
      progressPath.style.strokeDashoffset = pathLength;
      progressPath.getBoundingClientRect();
      progressPath.style.transition = progressPath.style.WebkitTransition = 'stroke-dashoffset 10ms linear';		
      const updateProgress = function() {
        const scroll = window.scrollY || window.scrollTop || document.documentElement.scrollTop;
    
        const docHeight = Math.max(
          document.body.scrollHeight, document.documentElement.scrollHeight,
          document.body.offsetHeight, document.documentElement.offsetHeight,
          document.body.clientHeight, document.documentElement.clientHeight
        );
    
        const windowHeight = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
    
        const height = docHeight - windowHeight;
        var progress = pathLength - (scroll * pathLength / height);
        progressPath.style.strokeDashoffset = progress;
      }
    
      updateProgress();
      const offset = 60;

      window.addEventListener('scroll', function(event) {
        updateProgress();
        
        //Scroll back to top
        const scrollPos = window.scrollY || window.scrollTop || document.getElementsByTagName('html')[0].scrollTop;
        scrollPos > offset ? scrollTop.classList.add('is-active') : scrollTop.classList.remove('is-active');
      
      }, false);
    }
  </script>

  <script>
    // Give the parameter a variable name
    const action = getParameterByName('action');
    const stripe = getParameterByName('stripe');

    switch (action) {
      case 'subscribe':
        document.body.classList.add('subscribe-success')
        break;
      case 'signup': 
        // window.location = '/signup/?action=checkout';
        break;
      case 'checkout':
        document.body.classList.add('signup-success');
        break;
      case 'signin':
        document.body.classList.add('signin-success');
        break;
      default:
        break;
    }

    switch (stripe) {
      case 'success':
        document.body.classList.add('checkout-success');
        break;
      case 'billing-update-success':
        document.body.classList.add('billing-success');
        break;
      case 'billing-update-cancel':
        document.body.classList.add('billing-cancel');
        break;
      default:
        break;
    }

    /**
    * Members Parse the URL parameter
    * @param {string} name - The parameter name
    * @param {string} url - The URL
    * @param {string} action - Name of the action
    */
    function getParameterByName(name, url) {
      if (!url) url = window.location.href;
      name = name.replace(/[\[\]]/g, '\\$&');
      var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
          results = regex.exec(url);
      if (!results) return null;
      if (!results[2]) return '';
      return decodeURIComponent(results[2].replace(/\+/g, ' '));
    }
    
    /**
    * Clean URI
    */
    function clearURI() {
      var uri = window.location.toString();
      if (uri.indexOf("?") > 0) {
        var clean_uri = uri.substring(0, uri.indexOf("?"));
        window.history.replaceState({}, document.title, clean_uri);
      }
    }
  </script>


    
  </body>
</html>
