index.html

<!DOCTYPE html>
<html lang="en">

<head>

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="Resources to find offline fighting game events and connect with ohio players.">

  <title>Ohio Fighting Game Community (Ohio FGC)</title>
  <link rel="icon" href="static/img/favicon.png">
  <!-- Bootstrap core CSS -->
  <link href="static/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

  <!-- Custom CSS -->
  <link href="static/css/scrolling-nav.css" rel="stylesheet">
  <link href="static/css/custom.css" rel="stylesheet">

  <meta name="twitter:card" content="summary" />
  <meta name="twitter:site" content="@ohiofgc" />
  <meta name="twitter:title" content="Ohio Fighting Game Community" />
  <meta name="twitter:description" content="Resources to find offline and online fighting game events and connect with ohio players." />
  <meta name="twitter:image" content="https://ohiofgc.com/static/img/logo_200x200.png" />

  <meta property="og:url" content="https://ohiofgc.com" />
  <meta property="og:type" content="website" />
  <meta property="og:title" content="Ohio Fighting Game Community" />
  <meta property="og:description" content="Resources to find offline and online fighting game events and connect with ohio players." />
  <meta property="og:image" content="https://ohiofgc.com/static/img/logo.png" />
  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-5T4F2CF1ZP"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'G-5T4F2CF1ZP');
  </script>
</head>

<body id="page-top">

  <!-- Navigation -->
  <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" id="mainNav">
    <div class="container">
      <a class="navbar-brand js-scroll-trigger" href="#page-top"><img src="static/img/logo.png" class="d-inline-block align-top img-fluid logo" alt="Logo"/></a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarResponsive">
        <ul class="navbar-nav ml-auto">
          <li class="nav-item">
            <a class="nav-link js-scroll-trigger" href="#events">Events</a>
          </li>
          <li class="nav-item">
            <a class="nav-link js-scroll-trigger" href="#tos">Tournament Organizers</a>
          </li>
          <li class="nav-item">
            <a class="nav-link js-scroll-trigger" href="#social">Social Media</a>
          </li>
          <li class="nav-item">
            <a class="nav-link js-scroll-trigger" href="#streamers">Streamers</a>
          </li>
        </ul>
      </div>
    </div>
  </nav>

  <header class="bg-primary text-white">
    <div class="container text-center">
      <h1>Ohio Fighting Game Community</h1>
      <p class="lead">Resources to find Ohio based events and connect with local players.</p>
    </div>
  </header>

<section class="">
  <div class="container">
    <div class="row">
      <div class="col">
        <div class="video-wrapper">
            <iframe width="560" height="315" src="https://www.youtube.com/embed/c8v7XFRG7jk" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
        </div>
      </div>
    </div>
    <div class="row pt-5">
      <div class="col">
        <div class="alert alert-danger text-center" style="width: 100%" role="alert">
          <a href="https://game.capcom.com/cfn/sfv/dojo/profile/name/ohiofgc_com">Join our SFV Dojo!</a>
        </div>
      </div>
    </div>
  </div>
</section>

  <section id="events" class="pt-0">
    <div class="container">
      <div class="row">
        <div class="col">
          <h2 class="text-center">Ohio Fighting Game Events</h2>
          <div class="desktop-only">
          <div class="iframe-container">
            <iframe src="https://calendar.google.com/calendar/embed?src=tj8iv1v24a3qbghc5rvla13amc%40group.calendar.google.com&ctz=America%2FNew_York" style="border: 0" frameborder="0" scrolling="no"></iframe>
          </div>
        </div>
        <div class="mobile-only text-center">
          <a class="btn btn-primary text-center mt-3" href="https://calendar.google.com/calendar/r?cid=dGo4aXYxdjI0YTNxYmdoYzVydmxhMTNhbWNAZ3JvdXAuY2FsZW5kYXIuZ29vZ2xlLmNvbQ">Open Google Calendar</a>
        </div>
        </div>
      </div>
    </div>
  </section>

  <section id="tos" class="bg-light">
    <div class="container">
      <div class="row">
        <div class="col-lg-8 mx-auto">
          <h2 class="text-center">Tournament Organizers</h2>
          <p class="lead text-center">People who run events and others who can help you find what you're looking for.</p>
          <div class="list-group">
            <a class="list-group-item" href="https://twitter.com/codecory">corjam <span class="badge badge-secondary float-right">Akron</span></a>
            <a class="list-group-item" href="https://twitter.com/AilerusVMP">Ailerus <span class="badge badge-secondary float-right">Cincinnati</span></a>
            <a class="list-group-item" href="https://twitter.com/Specialist_513">Specialist 513 <span class="badge badge-secondary float-right">Cincinnati</span></a>
            <a class="list-group-item" href="https://twitter.com/OceanOfTiers">Ocean <span class="badge badge-secondary float-right">Cleveland</span></a>
            <a class="list-group-item" href="https://twitter.com/AYYLAM0">AYY LAM0 <span class="badge badge-secondary float-right">Cleveland</span></a>
            <a class="list-group-item" href="https://twitter.com/1Life2Play">1life2play <span class="badge badge-secondary float-right">Cleveland</span></a>
            <a class="list-group-item" href="https://twitter.com/OHBigBoss">Big Boss <span class="badge badge-secondary float-right">Columbus</span></a>
            <a class="list-group-item" href="https://twitter.com/maxim_ace">Maxim Ace <span class="badge badge-secondary float-right">Columbus</span></a>
            <a class="list-group-item" href="https://twitter.com/TheKiest">TheKiest <span class="badge badge-secondary float-right">Columbus</span></a>
            <a class="list-group-item" href="https://twitter.com/ZionFGC">Zion <span class="badge badge-secondary float-right">Columbus</span></a>
            <a class="list-group-item" href="https://twitter.com/Aeroforce0">Aeroforce <span class="badge badge-secondary float-right">Kent</span></a>
            <a class="list-group-item" href="https://twitter.com/VauNDooM">VaunDoom <span class="badge badge-secondary float-right">Mansfield</span></a>
            <a class="list-group-item" href="https://twitter.com/KenstarFGC">Kenstar <span class="badge badge-secondary float-right">Toledo</span></a>
	    <a class="list-group-item" href="https://twitter.com/blakk_sensei">Blakk Sensei <span class="badge badge-secondary float-right">Youngstown</span></a>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section id="social">
    <div class="container">
      <div class="row">
        <div class="col-lg-8 mx-auto">
          <h2 class="text-center">Social Media</h2>
          <p class="lead text-center">Connect with your local players through these platforms.</p>
        </div>
      </div>
      <div class="row">
        <div class="col-lg-4 mx-auto">
          <h3>Discord</h3>
          <div class="list-group">
            <a class="list-group-item" href="https://discord.gg/V3W9ftx">Queen City Fights <span class="badge badge-secondary float-right">Cincinnati</span></a>
            <a class="list-group-item" href="https://discord.gg/59PPVbk">Yeah I Gotcha <span class="badge badge-secondary float-right">Cleveland</span>
            <a class="list-group-item" href="https://discord.gg/hbJh5zd">Outer Haven <span class="badge badge-secondary float-right">Cleveland/Akron</span></a>
            <a class="list-group-item" href="https://discord.gg/b9C9tht">Columbus FGC <span class="badge badge-secondary float-right">Columbus</span></a>
            <a class="list-group-item" href="https://discord.com/invite/jSxrfU5EwC">Midwest Mashup <span class="badge badge-secondary float-right">Dayton</span></a>
            <a class="list-group-item" href="https://discord.gg/n6tB2s6">Kent FGC <span class="badge badge-secondary float-right">Kent</span></a>
            <a class="list-group-item" href="https://discord.gg/rV79ZbTbRV">Toledo Smash/FGC <span class="badge badge-secondary float-right">Toledo</span></a>
	    <a class="list-group-item" href="https://discord.gg/fszGBCBWX9">Run it Back Gaming <span class="badge badge-secondary float-right">Youngstown</span></a>
          </div>
        </div>
        <div class="col-lg-4 mx-auto">
          <h3>Facebook</h3>
          <div class="list-group">
            <a class="list-group-item" href="https://www.facebook.com/groups/282756958903214/">Ohio FGC <span class="badge badge-secondary float-right">Ohio</span></a>
            <a class="list-group-item" href="https://www.facebook.com/groups/cbusfg/">Columbus Fighting Games <span class="badge badge-secondary float-right">Columbus</span></a>
            <a class="list-group-item" href="https://www.facebook.com/groups/71824097120/">Toledo Fighting Game Scene <span class="badge badge-secondary float-right">Toledo</span></a>
            <a class="list-group-item" href="https://www.facebook.com/groups/CincyFighters/">Cincinnati Fighting Game Community <span class="badge badge-secondary float-right">Cincinnati</span></a>
          </div>
        </div>
        <div class="col-lg-4 mx-auto">
          <h3>Twitter</h3>
          <div class="list-group">
            <a class="list-group-item" href="https://twitter.com/ohiofgc">Ohio FGC <span class="badge badge-secondary float-right">Ohio</span></a>
            <a class="list-group-item" href="https://twitter.com/akronfgc">Akron FGC <span class="badge badge-secondary float-right">Akron</span></a>
            <a class="list-group-item" href="https://twitter.com/OuterHavenGG">Outer Haven <span class="badge badge-secondary float-right">Cleveland</span></a>
            <a class="list-group-item" href="https://twitter.com/1Life2Play">1life2play <span class="badge badge-secondary float-right">Cleveland</span></a>
            <a class="list-group-item" href="https://twitter.com/YeahIGotchaFGC">Yeah, I gotcha FGC <span class="badge badge-secondary float-right">Cleveland</span></a>
            <a class="list-group-item" href="https://twitter.com/MWMashupFGC">Midwest Mashup <span class="badge badge-secondary float-right">Dayton</span></a>
            <a class="list-group-item" href="https://twitter.com/KentFGC_">Kent FGC <span class="badge badge-secondary float-right">Kent</span></a>
            <a class="list-group-item" href="https://twitter.com/KenstarFGC">Kenstar <span class="badge badge-secondary float-right">Toledo</span></a>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section id="streamers" class="bg-light">
    <div class="container">
      <div class="row">
        <div class="col-lg-8 mx-auto">
          <h2 class="text-center">Streamers</h2>
          <a class="twitch-link" href="https://twitch.tv/ohiofgc/"><img style="max-width: 75px;" class="responsive-img mx-auto d-block" src="static/img/twitch.png"></a>
          <p class="lead text-center">People who run streams in Ohio for fighting games.</p> <p class="lead text-center">Click the twitch icon to go to the ohiofgc twitch channel.  It is set up to auto host the streamers you see below.</p>
          <div class="list-group">
            <h4>Organizations</h4>
            <a class="list-group-item" href="https://www.twitch.tv/1life2playFGC/">1Life2Play FGC</a>
            <a class="list-group-item" href="https://www.twitch.tv/akronzips_fgc/">Akron Zips FGC</a>
            <a class="list-group-item" href="https://www.twitch.tv/kentfgc">KentFGC</a>
            <a class="list-group-item" href="https://www.twitch.tv/matchstickmelee">MatchStickMelee </a>
            <a class="list-group-item" href="https://www.twitch.tv/outerhaveneleague/">Outer Haven</a>
            <a class="list-group-item" href="https://www.twitch.tv/vampirearcadia/">Vampire Arcadia</a>
            <a class="list-group-item" href="https://www.twitch.tv/yeahigotcha">Yeah, I Gotcha</a>
            <hr />
            <h4>Individuals</h4>
            <a class="list-group-item" href="https://www.twitch.tv/8bitsweater">8bitsweater <span class="badge badge-secondary float-right">SFV</span></a>
            <a class="list-group-item" href="https://www.twitch.tv/al_ultimatevitality/">Ultimate Vitality <span class="badge badge-secondary float-right">SFV</span></a>
            <a class="list-group-item" href="https://www.twitch.tv/comatosecw/">ComatoseCW <span class="badge badge-secondary float-right">T7</span></a>
            <a class="list-group-item" href="https://www.twitch.tv/dano1775/">dano75</a>
            <a class="list-group-item" href="https://www.twitch.tv/darkzero_omega/">Darkzero_Omega <span class="badge badge-secondary float-right">SFV</span></a>
            <a class="list-group-item" href="https://www.twitch.tv/davidswoops/">DavidSwoops <span class="badge badge-secondary float-right">SFV</span></a>
            <a class="list-group-item" href="https://twitch.tv/genesisDC/">GenesisDC <span class="badge badge-secondary float-right">Anime</span></a>
            <a class="list-group-item" href="https://www.twitch.tv/govpancakes/">GovPancakes <span class="badge badge-secondary float-right">Anime</span></a>
            <a class="list-group-item" href="https://www.twitch.tv/fgc_hitman/">Hitman <span class="badge badge-secondary float-right">SFV</span></a>
            <a class="list-group-item" href="https://www.twitch.tv/iChrisPanda">iChrisPanda </a>
            <a class="list-group-item" href="https://www.twitch.tv/isman1998/">Isman1998 <span class="badge badge-secondary float-right">T7</span></a>
            <a class="list-group-item" href="https://www.twitch.tv/joemadic">Joemadic <span class="badge badge-secondary float-right">MK</span></a>
            <a class="list-group-item" href="https://www.twitch.tv/kest0n_fgc">Kest0n <span class="badge badge-secondary float-right">SFV</span></a>
            <a class="list-group-item" href="https://www.twitch.tv/thekompetitor">Kompetitor <span class="badge badge-secondary float-right">MK11</span></a>
            <a class="list-group-item" href="https://www.twitch.tv/lichmassacre">Lichmassacre <span class="badge badge-secondary float-right">SNK</span></a>
            <a class="list-group-item" href="https://www.twitch.tv/the_mecha_alex/">Mecha Alex <span class="badge badge-secondary float-right">Anime</span></a>
            <a class="list-group-item" href="https://www.twitch.tv/MrMostafles/">MrMostafles <span class="badge badge-secondary float-right">SFV</span></a>
            <a class="list-group-item" href="https://www.twitch.tv/nymphiax/">Nymphiax <span class="badge badge-secondary float-right">DBFZ</span><span class="badge badge-secondary float-right">Skullgirls</span></a>
            <a class="list-group-item" href="https://www.twitch.tv/penknight89">PenKnight <span class="badge badge-secondary float-right">SFV</span></a>
            <a class="list-group-item" href="https://www.twitch.tv/shaolinpretzels/">ShaolinPretzels <span class="badge badge-secondary float-right">Samurai Shodown</span><span class="badge badge-secondary float-right">SFV</span><span class="badge badge-secondary float-right">GBVS</span></a>
            <a class="list-group-item" href="https://www.twitch.tv/WatchTheArmory">The Armory <span class="badge badge-secondary float-right">DBFZ</span></a>
            <a class="list-group-item" href="https://www.twitch.tv/thtb614">The Holy Tony Baker <span class="badge badge-secondary float-right">SFV</span><span class="badge badge-secondary float-right">FEXL</span></a>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- Footer -->
  <footer class="py-5 bg-dark">
    <div class="container">
      <p class="m-0 text-center text-white">Created and maintained by corjam.</p>
      <p class="m-0 text-center text-white"><a href="https://twitter.com/codecory">Twitter</a> | <a href="https://github.com/OhioFGC/OhioFGC.github.io">Github</a></p>
    </div>
    <!-- /.container -->
  </footer>

  <!-- Bootstrap core JavaScript -->
  <script src="static/vendor/jquery/jquery.min.js"></script>
  <script src="static/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

  <!-- Plugin JavaScript -->
  <script src="static/vendor/jquery-easing/jquery.easing.min.js"></script>

  <!-- Custom JavaScript -->
  <script src="static/js/scrolling-nav.js"></script>

</body>

</html>