-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·255 lines (234 loc) · 16.7 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
<!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>