forked from brightbit/thunderplains
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
161 lines (140 loc) · 6.04 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
<!doctype html>
<head>
<title>Thunder Plains Developers Conference, Oklahoma City</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1" name="viewport">
<meta content="Thunder Plains Developer Conference" name="description" />
<link href="favicon.ico" rel="shortcut icon" />
<link href="images/apple-touch-icon-57.png" rel="apple-touch-icon-precomposed">
<link href="images/apple-touch-icon-72.png" rel="apple-touch-icon-precomposed" sizes="72x72">
<link href="images/apple-touch-icon-114.png" rel="apple-touch-icon-precomposed" sizes="114x114">
<link href="stylesheets/application.css" media="screen" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="javascripts/bootstrap-modal.js" type="text/javascript"></script>
<script src="javascripts/application.js" type="text/javascript"></script>
</head>
<body>
<header>
<div class="buildings">
<div class="intro">
<h1>Thunder Plains</h1>
<h2>Developer Conference</h2>
<h3>
October 9<sup>th</sup> 2014
<span class="kapow"></span>
Oklahoma City
</h3>
</div>
<nav>
<div class="container">
<ul class="row">
<li class="col-md-1"> <li>
<li class="col-md-2">
<a href="#conference">Conference</a>
</li>
<li class="col-md-3">
<a href="#callforpapers">Call for Papers</a>
</li>
<li class="col-md-3">
<a href="#coc">Code of Conduct</a></li>
<li class="col-md-2">
<a href="#location">Location</a>
</li>
<li class="col-md-1"> <li>
</ul>
<a href="#conference" class="scroll-hint"></a>
</div>
</nav>
</div>
</header>
<div id="content">
<section id="conference" class="container">
<h2 class="section-title">Developer Conference</h2>
<p>
<strong>Thunder Plains</strong> is a web and mobile developer conference organized by the
<a href="http://okcjs.com">Oklahoma City Javascript User Group</a>. The conference
focuses on JavaScript and related technologies in a wide variety of different use cases and
platforms that make the web all the more interesting.
<br />
<ul class="speakers-topics row">
<li class="speakers-topics-js col-sm-2 col-sm-offset-1 col-xs-4">
Javascript
<img src="images/speakers-topics-js.png" alt="Javascript">
</li>
<li class="speakers-topics-html col-sm-2 col-xs-4">
HTML
<img src="images/speakers-topics-html.png" alt="HTML">
</li>
<li class="speakers-topics-css col-sm-2 col-xs-4">
CSS
<img src="images/speakers-topics-css.png" alt="CSS">
</li>
<li class="speakers-topics-api col-sm-2 col-xs-4">
APIs
<img src="images/speakers-topics-api.png" alt="APIs">
</li>
<li class="speakers-topics-mobile col-sm-2 col-xs-4">
Mobile
<img src="images/speakers-topics-mobile.png" alt="Mobile">
</li>
</ul>
</section>
<div id="callforpapers">
<section class="container">
<h2 class="section-title">Call For Papers</h2>
<p><strong>Our call for papers is closed and we are currently making talk selections.</strong></p>
<p>Hang in there, choosing from all these great talk proposals is hard work!</p>
</section>
</div>
<section id="coc">
<div class="container">
<h2 class="section-title">Code of Conduct</h2>
<p>Before attending the conference, <a href="http://confcodeofconduct.com">please review Thunder Plains' Code of Conduct</a>. The CoC applies to all attendees, speakers, volunteers, and vendors at official and unofficial events by Thunder Plains and any location where attendees may be congregating. <a href="mailto:[email protected]">Contact us</a> if you have questions about the COC.</p>
<br />
<p>Our conference is a safe learning environment for everyone. The safety and well-being of attendees and others is our utmost concern, so please speak up and speak out. We're here for you.</p>
</div>
</section>
<section id="location">
<div class="container">
<h2 class="section-title">Where it’s at</h2>
<p>
Located at the <a href="http://www.coxconventioncenter.com/">Cox Convention Center</a> in downtown Oklahoma City<br>
within walking distance of great hotels and restaurants
</p>
</div>
<div id="map"></div>
</section>
</div>
<footer>
<a href="http://brightbit.com" class="siteby">
Site by <span class="logo-brightbit">Brightbit</span>
</a>
<p class="past-years">
<a href="http://2013.thunderplainsconf.com">View 2013 Website</a>
</p>
</footer>
<!-- Modal -->
<div class="modal" id="modal-talks" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-body"></div>
</div>
</div>
</div>
</div>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-23995264-3', 'thunderplainsconf.com');
ga('send', 'pageview');
</script>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCvbTld6AHZj_PbND6ZysGns9kXb5BBNi0&sensor=false"></script>
<script src="javascripts/retina.js" type="text/javascript"></script>
</body>
</html>