-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
554 lines (464 loc) · 23.8 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
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>myAmerica Developer Summit</title>
<link media="all" rel="stylesheet" href="static/css/promo-min.css">
<link media="all" rel="stylesheet" href="static/css/leaflet.css">
<link media="all" rel="stylesheet" href="static/css/side_menu.css">
<link media="all" rel="stylesheet" href="static/css/bootstrap.css">
<link media="all" rel="stylesheet" href="static/css/flexslider.css">
<link rel="icon" type="image/png" href="static/img/myamericadevsummitico.png">
<!--Countdown timer CSS-->
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" />
<link rel="stylesheet" href="static/countdown/jquery.countdown.css" />
<!--<link rel="stylesheet" href="static/css/styles.css" />-->
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"> </script>
<![endif]-->
<link media="all" rel="stylesheet" href="static/css/circles.css">
</head>
<body>
<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav" id="navar-buttons">
<!--<li><a href="http://www.nsf.gov/" target="_blank"><img src="static/img/nsf_small.png"></a></li>-->
<li><a href="#top">Top</a></li>
<li><a href="#abstract">Abstract</a></li>
<li><a href="#sessions">Sessions</a></li>
<li><a href="#agenda">Agenda</a></li>
<li><a href="#location">Location</a></li>
<li><a href="#transportation">Transportation</a></li>
<li><a href="#participants">Registration</a></li>
<li><a href="#tweets">Social Media</a></li>
<li><a href="#datasources">Data</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="https://github.com/OpenGlobe/myamerica-devsummit" target="_blank"><img src="static/img/github.png"></a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<img src="static/img/painted-canyon.jpg" style="position: fixed; z-index: -1; width: 100%; height: 100%;">
<div id="wrapper">
<section class="promo win-height" id="top">
<div class="frame">
<div class="container">
<h1>myAmerica Developer Summit</h1>
<h2>April 11-12, 2015</h2>
<h2>Washington, D.C.</h2>
<h3>#dev4outdoors</h3>
<h3><a href="https://dev4outdoors.herokuapp.com/">Join the slack channel!!</a></h3>
<h3><a href="https://github.com/OpenGlobe/myamerica-devsummit/blob/gh-pages/README.md">Final Project Summaries and Project Links</a></h3>
<h3><a href="https://github.com/myAmericaDevSummit2015">Official Repository</a></h3>
<br>
<img src="static/img/myamericadevsummit_white.png" id="logo" style="width: 15%; height: 15%" alt="myAmerica Developer Summit @ U.S. Department of the Interior" filter: invert(50%)><br>
<br><br>
<!--
<div id="countdown"></div>
-->
<br><br>
<img src="static/img/DOI-logo.png" id="logo" style="width: 10%; height: 10%" alt="myAmerica Developer Summit @ U.S. Department of the Interior"> 
<img src="http://upload.wikimedia.org/wikipedia/commons/1/1d/US-NationalParkService-Logo.svg" id="logo" style="width: 10%; height: 10%" alt=""> 
<img src="http://www.fs.usda.gov/Internet/FSE_MEDIA/stelprdb5334033.png" id="logo" style="width: 10%; height: 10%" alt=""> 
<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/0/0e/USDA_logo.svg/2000px-USDA_logo.svg.png" id="logo" style="width: 10%; height: 10%" alt="">
<img src="https://www.recreation.gov/brands/rec.gov/marketing/html/images/2012/RecreationDotGovLogo.png" id="logo" style="width: 25%; height: 25%" alt="">
</div>
</div>
<a href="#abstract" class="btn-down scroll-link"><img id="downarrow" src="static/img/downarrow.png"></a>
</section>
<section class="about-section" id="abstract">
<div class="container-fluid">
<div class="row">
<h1>Abstract</h1>
<div class="col-md-4">
<p>This developer summit will focus on developing products, services and other resources that promote and protect America's public lands and waters. Part of the myAmerica project, this event will bring together technologists, developers, outdoor enthusiasts, government, academia and industry to build better products to enhance our appreciation, utilization and protecion of one of our greatest national assets: federal lands and waters.
This event will take place April 11-12 in Washington D.C.
</p>
</div>
<div class="col-md-4">
<p>What is myAmerica? myAmerica is an initiative to bring our nations lands and waters closer to the people that they collectively belong to. There are many benefits of bringing these wild areas within closer reach; among them improving public health through accessible ways to exercise, reduce stress and spend time outdoors; education through better awareness of man’s impact on nature and a better understanding of ecological principles; cost affordable ways to travel and explore with friends and family; and a closer connection to our country’s diverse history.
</p>
</div>
<div class="col-md-4">
<p>The myAmerica initiative helps to expand and explore opportunities for citizen engagement and industry partnerships, and supports the Recreation One Stop (Rec1Stop) ongoing efforts to modernize reservations. We're supporting interactive planning tools, integrated third party data access efforts, data transparency, field operations support, and marketing / customer service initiatives.
</p>
</div>
</div>
</div>
</section>
<!--
<section class="flyer-section" id="flyer">
<!--<img src="static/img/NSFHackathon_poster.jpg" id="flyer-pic">
<p>Text here.</p>
</section>
-->
<section class="sessions-section" id="sessions">
<header class="container">
<h1>Sessions</h1>
<h2>Sessions are challenges or ideas that participants want to collectively work on during the myAmerica Developer Summit. If you would like to propose a session, please use the link below to open an issue. Each day during the pitch sessions you'll have the opportunity to share your idea with the group, and build a team around a particular challenge of interest. Feel free to comment on existing sessions, or propose merging similar ideas to build a more robust team.</h2>
<a href="https://github.com/OpenGlobe/myamerica-devsummit/wiki" target="_blank">
<h2>
<span class="glyphicon glyphicon-pencil"></span>
Propose Your Own Session!
<span class="glyphicon glyphicon-pencil"></span>
</h2>
</a>
</header>
<h2 id="proposed-sessions">Active Sessions:</h2>
<div id="github-sessions"></div>
</section>
<!--Agenda Section-->
<section class="agenda-section" id="agenda">
<header class="container">
<h1>Agenda</h1>
</header>
<div class="container-fluid" width="100%">
<div class="row">
<div class="col-md-1"></div>
<div class="col-md-5">
<h3>Agenda, Day One:</h3><br>
<p><u>8:00 AM</u> Registration and Networking: Check-in for the myAmerica Developer Summit is at the C Street entrance of the U.S. Department of the Interior between 18th and 19th Street. Pre-registration is required.</p>
<p><u>9:00 AM</u> Welcome Remarks: format for the day, housekeeping, internet access, key government reps.</p>
<p><u>9:10 AM</u> Opening Remarks: Joyce Hunter, acting CIO for USDA; Jerry Johnston, GIO for DOI; Eric Maland, U.S. Digital Service; OpenStreetMap Mapathon Kick-off</p>
<p><u>9:30 AM</u> Lightning Talk Pitch Sessions! ~1-3 minutes in length - interested participants should add a "User Session" using the GitHub issue tracker below.</p>
<p><u>10:00 AM</u> [BREAK]</p>
<p><u>10:15 AM</u> Hack!</p>
<p><u>12:00 PM</u> Lunch on your own - <a href="http://18f.github.io/hackathons/lunch/">here are some nearby options</a></p>
<p><u>1:00 PM</u> Hack!</p>
<p><u>3:30 PM</u> Pitch Session Recap, Challenges, and Presentations Welcome</p>
<p><u>5:00 PM</u> Recap, Regroup for Day Two</p>
</div>
<div class="col-md-1"></div>
<div class="col-md-5">
<h3>Agenda, Day Two:</h3><br>
<p><u>8:00 AM</u> Registration and Networking: Check-in for the myAmerica Developer Summit is at the C Street entrance of the U.S. Department of the Interior between 18th and 19th Street. Pre-registration is required.</p>
<p><u>9:00 AM</u> Welcome Remarks, Saturday Recap and Highlights</p>
<p><u>9:15 AM</u> Lightning Talk Project Updates and Retooling!</p>
<p><u>9:45 AM</u> Hack!</p>
<p><u>12:00 PM</u> Lunch on your own - <a href="http://18f.github.io/hackathons/lunch/">here are some nearby options</a></p>
<p><u>1:00 PM</u> Hack!</p>
<p><u>3:00 PM</u> Final Presentations! Presentation kickoff remarks by <a href="https://medium.com/@goldman/the-internet-the-white-house-and-you-and-me-b6e033ebf096">Jason Goldman, White House Chief Digital Officer</a>.
Final presentations should be ~3-5 minutes in length. Make sure to grab a spot on the sign-up sheet.</p>
<p><u>4:30 PM</u> Wrap-up and Final Summary</p>
<p><u>5:00 PM</u> End</p>
</div>
</div>
</div>
</section>
<!--location section-->
<section class="location-section" id="location">
<header class="container">
<h1>Location</h1>
<p>U.S. Department of the Interior</p>
<p>Bison Bistro Solarium</p>
<p>1849 C Street Northwest</p>
<p>Washington, D.C. 20240</p>
</header>
<div id="map" style="width: 100%; height: 500px"></div>
</section>
<!--data source section-->
<section class="datasource-section" id="datasources">
<div class="container">
<header class="container">
<h1>Data Sources</h1>
</header>
<p>
<ul>
<li>
<p>Recreation Information Database (RIDB) API - The RIDB offers a RESTful API for the purpose of accessing data endpoints containing information on federal recreation areas, facilities, campsites, tours, and permits.</p>
<ul>
<li><p>Data Source:
<ul>
<li><p><a href="http://usda.github.io/RIDB/">RIDB API</a></li></p>
</ul>
</li>
</ul>
</li>
<li>
<p>Federal Trails GIS data - Federal Trails GIS Data is available as either data downloads or map/web services at the links below. Feel free to incorporate this data for use during the hackathon or to explore their characteristics with agency data stewards who may be attending. This data is being offered separately as they are not currently available in the RIDB.</p>
<ul>
<li><p>Data sources:</p></li>
<ul>
<li><p><a href="https://www.cloudvault.usda.gov/public.php?service=files&t=d95899ec643876ddb28f6bb1413a563f">Federal Trails Data</a></p></li>
<li><p><a href="http://apps.fs.fed.us/fsmapviewer/index.html?config=public-config/EDW_DataExtract_01.xml">USFS Data Extract Tool</a></p></li>
<li>
<p>Fish and Wildlife Service Trails Data Map Services</p>
<ul>
<li><p><a href="http://gis.fws.gov/arcgis/rest/services/FWSTrails/MapServer">FWS Trails Map Server</a></p></li>
<li><p><a href="http://www.fws.gov/gis/data/national/index.html">FWS National GIS Data</a></p></li>
</ul>
</li>
</ul>
</ul>
</li>
</ul>
<!--begin new dataset-->
<ul>
<li>
<p>BISON Datasets and API (Biodiversity Information Serving Our Nation) - BISON provides a way to search on a number of parameters, including sightings / areas of various species -some examples can be found here - http://bison.usgs.ornl.gov/#examples</p>
<ul>
<li>
<p>API Documentation: <ul><li><p><a href="http://bison.usgs.ornl.gov/#api">BISON API</a></li</p>
</ul>
</li>
</ul>
</li>
<!--end-->
<!--begin new dataset
<ul>
<li>
<p>BISON Datasets and API (Biodiversity Information Serving Our Nation) - BISON provides a way to search on a number of parameters, including sightings / areas of various species -some examples can be found here - http://bison.usgs.ornl.gov/#examples</p>
<ul>
<li>
<p>API Documentation: <ul><li><p><a href="http://bison.usgs.ornl.gov/#api">BISON API</a></li</p>
</ul>
</li>
</ul>
</li>
end-->
</p>
</div>
</section>
<section class="committee-section" id="committee">
<div class="container">
<header class="container">
<h1>Transportation and Lodging</h1>
</header>
<div class="container-fluid">
<p>The Main Interior Building is located at 1849 C Street NW; Washington, DC 20240. The building is on C
Street NW between 18th and 19th Streets. NOTE: Please make sure to enter on C Street, the E Street Entrance will be closed.<p>
Parking: The Main Interior Building does not offer visitor parking. There is metered parking
surrounding the outside of the building; however most meters have a two-hour limit. There are public
parking garages along 18th and 19th Streets NW as well as along Pennsylvania Avenue NW.<p>
Metro Accessibility: The closest Metro stop to the Main Interior Building is Farragut West – a station on
the Orange and Blue lines. To get to MIB using Metro, off board at Farragut West, take the 18th Street
exit, and walk south towards Constitution Avenue. The entrance to MIB is 6 blocks south on C Street
between 18th and 19th Streets – a 15 minute walk. You can map the trip at: http://www.wmata.com <p>
</div>
<div class="container-fluid">
<div class="row-fluid">
<div class="col-sm-4">
<p>
AKA White House<br>
1710 H Street Northwest<br>
Washington, DC 20006<br>
(202) 904-2500<br>
stayaka.com<br>
<p>
Club Quarters<br>
839 17th Street Northwest<br>
Washington, DC 20006<br>
(202) 974-4222<br>
clubquarters.com<br>
</div>
<div class="col-sm-4">
<p>
Hilton Garden Inn<br>
815 14th Street Northwest<br>
Washington, DC 20005<br>
(202) 783-7800<br>
hilton.com<br>
<p>
Four Points by Sheraton<br>
1201 K Street Northwest<br>
Washington, DC 20005<br>
(202) 289-7600<br>
fourpointsdc.com<br>
</div>
<div class="col-sm-4">
<p>
Hotel Monaco<br>
700 F Street Northwest<br>
Washington, DC 20004<br>
(202) 628-7177<br>
monaco-dc.com<br>
<p>
Washington Marriot at Metro Center<br>
775 12th St NW<br>
Washington, DC 20005<br>
(202) 737-2200<br>
www.marriott.com<br>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="participants-section" id="participants">
<header class="container">
<h1>Registration</h1>
</header>
<h4>Update 04/08/15: Registration for this event is at or near capacity. If you would like to be added to the waitlist please complete the form below, and you will automatically be added to the registrant list when space becomes available. Note that pre-registration is required in order to attend this event!</h4>
<h4>Comments or questions? Email us at [email protected] - we look forward to seeing you this weekend!</h4><br>
<!--EventBrite Form-->
<div style="width:100%; text-align:left;" ><iframe src="//eventbrite.com/tickets-external?eid=15930113398&ref=etckt" frameborder="0" height="260" width="100%" vspace="0" hspace="0" marginheight="5" marginwidth="5" scrolling="auto" allowtransparency="true"></iframe>
</div>
<div id="canvas">
<div class="circle" id="circles-1">
</div>
</div>
<br><br>
</section>
<!-- twitter section -->
<section class="license-section" id="tweets">
<div class="container">
<h1>Social Media</h1>
<div style="text-align: center">
<a class="twitter-timeline" href="https://twitter.com/hashtag/dev4outdoors" data-widget-id="563354400845213696">#dev4outdoors Tweets</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
<br>
<!--
<div style="text-align: center">
<h3>Please share your photos and comments on our G+ Event</h3>
<a title="myAmerica Developer Summit G+ Event" target="_blank" href="https://plus.google.com/events/cdc4jf7sjf2ttq658m0q3v5hg6o">
<img src="static/img/MetroUI-Google-plus-icon.png" alt="myAmerica Developer Summit" height="100" width="100"/>
</a>
<div id="pictures"></div>
</div>
-->
</div>
</div>
</section>
<!-- contact section -->
<section class="contact-section" id="contact">
<div class="container">
<h1>Contact Us</h1>
<div class="email">
<a href="mailto:[email protected]">[email protected]</a>
<br><br>
<!--
<h4>Will I be able to stay overnight at the event Saturday?</h4>
<div style="text-align: left"><p>Text here.</p></div>
-->
</div>
<p><br><br>
<div id="disqus_thread"></div>
<script type="text/javascript">
/* * * CONFIGURATION VARIABLES * * */
var disqus_shortname = 'openglobe';
/* * * DON'T EDIT BELOW THIS LINE * * */
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
</p>
</div>
</div>
<br><br><br><br>
<div class="container" style="text-align: justify">
<p>
Disclaimer: Reference to any specific non-profit or commercial entity, its products, or services by trade name, trademark, manufacturer, or otherwise, does not constitute or imply its endorsement, recommendation, or favoring by the United States Government. The views and opinions of any post on this website does not state or reflect those of the United States Government, and shall not be used for advertising or product-endorsement purposes.
</p>
<p>
Participation is fully voluntary and participants are not entitled to compensation, nor will they be considered employees of the United States. Government employees should be aware that this event is not related in any manner to their official duties. Employees of the U.S. or D.C. Government who participate will engage in the event in their personal capacity (i.e. identifying themselves by their own names without referencing their Federal employment) on a voluntary basis outside their working hours, and will not be entitled to to compensation for their time. Furthermore, any Federal employee participating in their personal capacity should contact their Ethics Official to ensure they are in compliance with all ethics laws and regulations. Federal contractor employees should refer all questions regarding their participation to the corresponding contracting officer.
</p>
</div>
</section>
<section class="team-section" id="team">
<header class="container" style="text-align: center">
<div class="about-block">
<div class="box">
<h2>Sponsored by</h2>
<!--<a href="http://www.nsf.gov/" target="_blank"><img src="static/img/nsf.png" alt="nsf" style="padding-top: 20px;"></a>-->
<img src="static/img/DOI-logo.png" id="logo" style="width: 50%; height: 50%" alt="myAmerica Developer Summit @ U.S. Department of the Interior"> 
<img src="http://upload.wikimedia.org/wikipedia/commons/1/1d/US-NationalParkService-Logo.svg" id="logo" style="width: 50%; height: 50%" alt=""> 
<img src="http://www.fs.usda.gov/Internet/FSE_MEDIA/stelprdb5334033.png" id="logo" style="width: 50%; height: 50%" alt=""> 
<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/0/0e/USDA_logo.svg/2000px-USDA_logo.svg.png" id="logo" style="width: 50%; height: 50%" alt=""> 
<img src="https://www.recreation.gov/brands/rec.gov/marketing/html/images/2012/RecreationDotGovLogo.png" id="logo" style="width: 100%; height: 100%" alt=""> 
</div>
</div>
</header>
</section>
</div>
<script type="text/javascript" src="static/js/jquery.js"></script>
<script type="text/javascript">window.jQuery || document.write('<script src="js/jquery-1.11.1.min.js"><\/script>')</script>
<script type="text/javascript" src="static/js/jquery.main.eng.min.js"></script>
<script src="static/js/issues.js"></script>
<script src="static/js/pictures.js"></script>
<script src="static/js/leaflet.js"></script>
<script src="static/js/map.js"></script>
<script src="static/js/side_menu.js"></script>
<script src="static/js/bootstrap.js"></script>
<script src="static/js/jquery.flexslider.js"></script>
<!-- Countdown Timer JavaScript includes
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>-->
<script src="static/countdown/jquery.countdown.js"></script>
<script src="static/js/script.js"></script>
<script src="static/js/circles.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
getSessions();
getPictures();
});
$(window).load(function() {
$('.flexslider').flexslider({
animation: "slide"
});
});
/* * * CONFIGURATION VARIABLES * * */
var disqus_shortname = 'openglobe';
/* * * DON'T EDIT BELOW THIS LINE * * */
(function () {
var s = document.createElement('script'); s.async = true;
s.type = 'text/javascript';
s.src = '//' + disqus_shortname + '.disqus.com/count.js';
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
}());
(function() {
var canvas = document.getElementById('canvas'),
circlesCreated = false;
function onScroll() {
if (!circlesCreated && elementInViewport(canvas)) {
circlesCreated = true;
createCircles();
}
}
function elementInViewport(el) {
var rect = el.getBoundingClientRect();
return (
rect.top >= 0 &&
rect.left >= 0 &&
rect.top <= (window.innerHeight || document.documentElement.clientHeight)
);
}
function createCircles() {
var colors = [
['#e5f5e0', '#31a354']
],
circles = [];
for (var i = 1; i <= colors.length; i++) {
var child = document.getElementById('circles-' + i),
percentage = 102 + (i * 0),
circle = Circles.create({
id: child.id,
value: percentage,
radius: 35,
width: 4,
colors: colors[i - 1],
text: "152"
});
circles.push(circle);
}
}
window.onscroll = onScroll;
})();
</script>
</body>
</html>