-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
172 lines (153 loc) · 7.33 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="author" content="Zack Hall">
<title>Ionic Seattle Meetup</title>
<!-- Bootstrap -->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Bootstrap Theme -->
<link href="bootstrap/css/bootstrap-theme.min.css" rel="stylesheet">
<link href="page.css" rel="stylesheet">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<header class="navbar navbar-static-top ionic-nav" id="top" role="banner">
<div class="container">
<div class="navbar-header">
<button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target="#bs-navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="#" class="navbar-brand">Ionic Seattle</a>
</div>
<nav id="bs-navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li>
<a href="#masthead">About</a>
</li>
<li>
<a href="#next-meetup">Next meetup</a>
</li>
<li>
<a href="#contact">Contact</a>
</li>
</ul>
</nav>
</div>
</header>
<main class="ionic-masthead" id="content" role="main">
<a name="masthead"></a>
<div class="container">
<span>
<a>
<img src="img/ionic-seattle-inverted.png" style="height:150px;width:150px;">
</a>
</span>
<p class="lead">
Ionic Seattle is a bi-monthly meetup dedicated to bringing together ionic framework and AngularJS devs in Seattle.
</p>
<p class="lead">
<a class="btn btn-outline-inverse btn-lg" href="http://www.meetup.com/Ionic-Seattle/">Join meetup</a>
<a class="btn btn-outline-inverse btn-lg" href="http://twitter.com/IonicSeattle">Twitter</a>
</p>
</div>
</main>
<div class="featurette">
<a name="next-meetup"></a>
<div class="container">
<div class="row">
<div class="col-xs-24">
<h1>
<small>Next meetup: Thurs, Feb 18th 2015 @ Startup Hall</small>
</h1>
<h1>TALK: Getting Started with Ionic 2</h1>
</div>
</div>
<div class="row">
<div class="col-xs-24">
<img class="speaker" src="img/ryan.jpg" width="200" height="200" style="margin : 5px ; max-width : 700px ; max-height : 700px">
<p>by Ryan Miller @andryanmiller</p>
<p>Ryan is a software engineer at ChefSteps in Seattle where he works on their Android and iOS Ionic app that helps people become better cooks. ChefSteps’ app is one of the highest rated in the App Store and is showcased on Ionic’s website at <a href="http://showcase.ionicframework.com/">http://showcase.ionicframework.com</a>. ChefSteps is actively hiring front-end web developers with Ionic experience in Seattle; if you’re interested make sure you check out their jobs website at<a href="http://www.chefsteps.com/jobs">http://www.chefsteps.com/jobs</a>.</p>
<p> <br></p>
<p><b><i>Microsoft Edge will be providing free food and drinks.</i></b><br></p>
<p><b>What is Ionic?</b></p>
<p>Ionic is an open-source SDK for hybrid mobile app development. Built on top of AngularJS and Apache Cordova, Ionic provides tools and services for developing hybrid mobile apps using web technologies like HTML5, CSS, and Sass.</p>
<p> <br></p>
<p><b>Agenda</b></p>
<p>6:00 PM - Doors open. Drinks and food. Socializing.</p>
<p>6:30 PM - Talks begin.</p>
<p>7:45 PM - End of talks. Q/A. Socializing.</p>
</div>
</div>
</div>
</div>
<div class="map googlemap">
<div class="overlay"></div>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2687.4318852729307!2d-122.31819618444071!3d47.656605792515556!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x549014f391bf3e67%3A0x827fc729870b9ccd!2sStartup+Hall!5e0!3m2!1sen!2sus!4v1449556307286" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
<div class="featurette sh-featurette">
<div class="container">
<h1><small>Thanks for your support</small></h1>
<img src="img/startup-hall.png" style="height:150px;width:150px;">
<!-- <h1>Startup Hall</h1> -->
<p class="lead">
Startup Hall is a Seattle hub for entrepreneurs. It is born out of a partnership with the University of Washington, Techstars, and Founders' Co-op. If you're interested in learning more about their hub or seeing upcoming events, check out their website at <a href="http://startuphall.org">startuphall.org</a>.
</p>
</div>
</div>
<div class="featurette">
<a name="contact"></a>
<h1>Contact the organizers</h1>
<p class="lead">Submit ideas for talks, requests for sponsorship, or feedback.</p>
<div class="container">
<form action="https://formspree.io/[email protected]" method="POST">
<div class="form-group">
<input type="email" name="email" class="form-control" id="emailAddr" placeholder="Email">
</div>
<div class="form-group">
<textarea type="text" name="content" class="form-control" rows="5" placeholder="What would you like to say?"></textarea>
</div>
<input type="hidden" name="_subject" value="New submission!">
<input type="text" name="_gotcha" style="display:none">
<button type="submit" class="btn btn-outline btn-lg">Submit</button>
</form>
</div>
</div>
<footer class="ionic-footer">
Designed and built by <a href="http://twitter.com/zthall">@zthall</a>. Hosted on <a href="https://github.com/zackhall/ionic-seattle-com">github</a>.
</footer>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="bootstrap/js/bootstrap.min.js"></script>
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script type="text/javascript">
$('.googlemap').click(function () {
$('.googlemap iframe').css("pointer-events", "auto");
});
$( ".googlemap" ).mouseleave(function() {
$('.googlemap iframe').css("pointer-events", "none");
});
</script>
<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-39957980-2', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>