-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
198 lines (193 loc) · 7.68 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
<!DOCTYPE HTML>
<html>
<head>
<link type="text/css" rel="stylesheet" href="bower_components/materialize/dist/css/materialize.min.css" media="screen,projection"/>
<link type="text/css" rel="stylesheet" href="css/islandjs.css"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
</head>
<body>
<div class="section no-pad-bot" id="index-banner">
<div class="container">
<h1 class="header center teal-text">IslandJS</h1>
<div class="row center">
<div class="s3 col6">
<img class="responsive-img" src="img/nodeschool-bi.png">
</div>
</div>
<div class="row center">
<h5 class="header col s12 light">
Nodeschool for Bainbridge Island
</h5>
</div>
<div id="survey" class="row center hiddendiv">
<a href="survey.html" id="who" class="btn-large waves-effect waves-light blue-grey lighten-1">
Who are you?
</a>
</div>
</div>
<div class="parallax-container hide-on-small-only">
<div class="parallax">
<img class="responsive-img" src="img/intl-day-focused.jpg"></img>
</div>
</div>
<div class="container">
<div class="section white center">
<div class="row">
<div class="center">
<div class="card" id="announcements">
<span class="card-title">Bainbridge Public Library</span>
<div class="card-content">
<div id="map-canvas"></div>
<h5><em>NodeSchool & Open Project Space</em></h5>
<h6>Saturday, July 9, 2016</h6>
<h6>Bainbridge Island Brewing</h6>
<h6>Upstairs!</h6>
<blockquote>Come visit us for
<a href='http://www.meetup.com/IslandJS-Nodeschool/events/231993955/'>
Nodeschool and Open Project night!</a>Please come to work
on your projects, new projects, or learn JavaScript
and Programming through Nodeschool Workshops!</blockquote>
</ol>
</div>
<div class="card-action">
<a id='meetup-link' href="http://www.meetup.com/IslandJS-Nodeschool/?scroll=true"
class="">
<em>Our MeetUp Page</em>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="parallax-container hide-on-small-only">
<div class="parallax">
<img class="responsive-img" src="img/intl-day-group-photo.jpg"></img>
</div>
</div>
<div class="container">
<div class="section white">
<!-- Icon Section -->
<div class="row">
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center blue-grey-text"><i class="mdi-communication-location-on"></i></h2>
<h5 class="center">Local and Open</h5>
Our meetings occur on the Island, in local spaces, with notes
published in our GitHub repository. Want to learn more? Please post
any questions you have about meetings, workshops, or code in the
<a class="bold black-text" href="https://github.com/nodeschool/bainbridge/issues">
issues</a> section of our repo.
<p class="light"></p>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center blue-grey-text"><i class="mdi-social-group"></i></h2>
<h5 class="center">Community</h5>
The Node/IO.js community is one of the most open and embracing
open source communities in the world. We invite all persons
that have any interest in JavaScript, Programming and making the
world a better place through open source to participate in IslandJS
as a teacher, proctor or student!</h5>
<p class="light"></p>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center blue-grey-text"><i class="mdi-hardware-laptop"></i></h2>
<h5 class="center">Bring your Laptop</h5>
Nodeschool classes happen right in your own terminal and your own
local browser. When you want to come to Nodeschool, you need a
laptop to start! Please bring one with Node.js installed. Need
help? Just take a look at the links below.
<p class="light"></p>
</div>
</div>
</div>
</div>
</div>
<footer class="page-footer teal">
<div class="container">
<div class="row">
<div class="col l6 s12">
<h5 class="white-text">About Us</h5>
<p class="grey-text text-lighten-4">
We are a group of programmers, enthusiasts and individuals working
to empower communities through open source software and JavaScript
programming! Get involved by joining our Nodeschool Repo or
just liking our <a class="grey-text text-lighten-2"
href="http://www.facebook.com/IslandJS">Facebook page.</a>
</p>
</div>
<div class="right-align">
<h5 class="white-text">Links</h5>
<ul>
<li><a class="white-text" href="https://nodejs.org/en/download/">
Install Node.js
</a></li>
<li><a class="white-text" href="https://github.com/nodeschool/bainbridge">
Nodeschool Repo
</a></li>
<li><a class="white-text" href="https://github.com/IslandJS">
GitHub Team Page
</a></li>
<li><a class="white-text" href="https://www.facebook.com/IslandJS">
Facebook Page
</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
Brought to you by
<a class="orange-text text-lighten-3" href="http://nodeschool.io">
Nodeschool
</a>
</div>
</div>
</footer>
<script type="text/javascript" src="bower_components/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="bower_components/jquery-cookie/jquery.cookie.js"></script>
<script type="text/javascript" src="bower_components/materialize/dist/js/materialize.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
<script>
$(document).ready(function () {
var surveyCookie;
if (localStorage) {
surveyCookie = localStorage.getItem('survey');
} else {
surveyCookie = $.cookie('survey'); }
if (!surveyCookie) $('#survey').removeClass('hiddendiv');
$('.parallax').parallax();
});
/* Map */
var map;
function initialize() {
var school = [47.635241, -122.520530];
var brewery = [47.648509, -122.525361];
var mapOptions = {
zoom: 16,
center: new google.maps.LatLng(brewery[0], brewery[1]), };
map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
$('#map-canvas').addClass('center');
var marker = new google.maps.Marker({
map: map,
title: 'NodeSchool',
});
marker.setPosition(new google.maps.LatLng(school[0], school[1]));
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</body>
<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-62119242-1', 'auto');
ga('send', 'pageview');
</script>
</html>