-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
432 lines (395 loc) · 30.5 KB
/
index.html
File metadata and controls
432 lines (395 loc) · 30.5 KB
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
<!DOCTYPE html>
<!-- saved from url=(0027)http://nnhsprogramming.com/ -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" crossorigin="anonymous" href="./NNHS Programming_files/main.css"><!--<base href="http://nnhsprogramming.com/">--><base href="."><!--[if lte IE 6]></base><![endif]-->
<meta name="generator" content="SilverStripe - http://silverstripe.org">
<title>NNHS Programming</title>
<link rel="icon" href="./NNHS Programming_files/progclubLogo.png">
<link rel="stylesheet" href="./NNHS Programming_files/bootstrapProg.css">
<link rel="stylesheet" href="./NNHS Programming_files/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
<link href="./NNHS Programming_files/font-awesome.min.css" rel="stylesheet">
<link href="./NNHS Programming_files/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="./NNHS Programming_files/all(1).css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
<style type="text/css" nonce="2CC713BB4096EF4488642618EE5DB51F">#AD_Top,#AD_banner,#AdColumn,#AdContainer,#AdHeader,#AdImage,#Adcode,#AdvertiseFrame,#Advertisements,#BottomAdContainer,#BottomAds,#ContentAd,#PreRollAd,#RightAdBlock,#TopAd,#Videoads,#WNAd41,#ad-7,#ad-728x90,#ad-area,#ad-background,#ad-bg,#ad-bottom,#ad-container,#ad-header,#ad-header-728x90,#ad-leaderboard,#ad-main,#ad-panel,#ad-right,#ad-rotator,#ad-text,#ad-top,#ad-top-banner-placeholder,#ad-top-wrapper,#ad-unit,#ad-wrapper,#ad468,#ad728,#ad728x90,#adBanner,#adBelt,#adComponentWrapper,#adDiv,#adFrame,#adGallery,#adHeader,#adHolder,#adLayer,#adLeader,#adPosition0,#adText,#ad_1,#ad_2,#ad_3,#ad_4,#ad_5,#ad_728_90,#ad_area,#ad_banner,#ad_center,#ad_content,#ad_header,#ad_leaderboard,#ad_main,#ad_overlay,#ad_space,#ad_square,#ad_table,#ad_topslot,#ad_unit,#ad_wrap,#ad_wrapper,#adaptv_ad_player_div,#adbackground,#adbanner,#adbar,#adblock,#adboard,#adbody,#adbox,#adcode,#adcontainer,#adcontainer1,#adcontent,#adhead,#adheader,#adhesion,#adimg1,#adlayer,#adnews,#adposition3,#adright,#ads-col,#ads-wrapper,#ads1,#adsHeader,#adsIframe,#ads_bottom,#ads_fullsize,#ads_right,#ads_top,#ads_wrapper,#adsdiv,#adsense,#adsense_block,#adsense_inline,#adsensewide,#adspace,#adspace_top,#adspot-300x250-pos-1,#adspot-300x250-pos-2,#adstop,#adtext,#adtop,#adv-masthead,#adv-top,#advert1,#advert2,#advertContainer,#advert_box,#advertise,#advertisement1,#advertisetop,#advertising_wrapper,#adverts,#advtop,#adwrapper,#banner-ad,#bannerAd,#bannerAdWrapper,#banner_topad,#bannerad,#bigAd,#bigad,#body_ad,#bottomAd,#bottomAds,#bottom_ad,#bottomads,#centerads,#cmn_ad_tag_head,#container-ad,#content-header-ad,#contentAd,#content_ads,#content_adv,#contentad,#ctlDisplayAd1_lblAd,#dart-container-728x90,#dfp_ad_Entry_728x90,#dfp_ad_Home_728x90,#divAd,#div_prerollAd_1,#download_ad,#featuread,#featured-ads,#featuredAds,#footer_ad,#footer_ads,#game-ad,#googlead,#gridAdSidebar,#head-ad,#header-ads,#header-pub,#headerAd,#headerAdContainer,#header_ad,#homead,#ka_adRightSkyscraperWide,#leaderAd,#leaderBoardAd,#leaderboard-ad,#leaderboard-advertisement,#leaderboardad,#left-ad,#left_ads,#leftad,#leftads,#logoAd,#logo_ad,#mainAd,#main_ad,#mpu2,#mpu2_container,#mpu_container,#msad,#my-adsFPAD,#myAd,#pagelet_advertiser_panel,#player_ads,#pre_advertising_wrapper,#prerollAd,#promo-ad,#pub-footer,#pub-haut-adblock,#pub300x250,#pub728x90,#pubDroite,#pub_content,#pub_right,#publicidad,#publicite,#reklama,#rh-ad,#right_ads,#right_adsense,#search-sponsor,#searchAd,#search_ads,#sideAd,#side_ads,#sidebar-ads,#sidebar_ad,#sidebar_ads,#skybox-ad,#sponsorAdDiv,#sponsorText,#sponsoredwellcontainerbottom,#sponsors-home,#takeover_ad,#text-ads,#theAd,#top-ad,#top-ad-content,#topAd,#topAdSpace,#topAdSpace_div,#topAds,#topAdvert,#topBannerAd,#top_ad,#top_ads,#topad,#topadvert,#topbannerad,#under_story_ad,#videoAd,#videoAdContainer,#videoads,.ADBAR,.AdBar,.AdBody:not(body),.AdBox,.AdInfo,.AdSidebar,.AdTitle,.AdvertContainer,.HomeAds,.IM_ad_unit,.RelatedAds,.SponsoredContent,.ad-300x250,.ad-970,.ad-banner,.ad-block,.ad-body,.ad-border,.ad-btn,.ad-button,.ad-cat,.ad-cell,.ad-display,.ad-enabled,.ad-fixed,.ad-grid,.ad-header,.ad-holder,.ad-icon,.ad-img,.ad-inner,.ad-item,.ad-leader-top,.ad-leaderboard,.ad-left,.ad-link,.ad-links,.ad-loaded,.ad-panel,.ad-placeholder,.ad-placement,.ad-rail,.ad-right,.ad-row,.ad-scroll,.ad-section,.ad-served,.ad-sidebar,.ad-source,.ad-square,.ad-stack,.ad-text,.ad-top,.ad-unit,.ad-unit-300-wrapper,.ad-vertical-container,.ad-wide,.ad-wrap,.ad-wrapper,.ad300,.ad468,.ad728,.ad90,.adBar,.adBlock,.adBottomBoard,.adBox,.adChoicesLogo,.adContent,.adDiv,.adElement,.adFrame,.adFrameCnt,.adHead,.adHeader,.adHeaderblack,.adHeadline,.adHolder,.adHoldert,.adImg,.adItem,.adLink,.adMessage,.adMiddle,.adMod,.adModule,.adOverlay,.adPanel,.adPod,.adResult,.adRight,.adRotator,.adSpace,.adSpot,.adText,.adTitle,.adTopHome,.adWidget,.adWrap,.ad_1,.ad_160,.ad_160x600,.ad_2,.ad_3,.ad_728x90,.ad_960,.ad_Right,.ad_block,.ad_body,.ad_bottom,.ad_container,.ad_description,.ad_global_header,.ad_head_rectangle,.ad_header,.ad_img,.ad_item,.ad_leaderboard,.ad_line,.ad_middle,.ad_outer,.ad_panel,.ad_promo,.ad_slug_table,.ad_space,.ad_spot,.ad_text,.ad_title,.ad_trick_header,.ad_trick_left,.ad_wrap,.ad_wrapper,.adarea,.adbanner,.adbar,.adbottom,.adbutton,.adcolumn,.adcont,.addiv,.adframe,.adfree,.adheader,.adholder,.adinfo,.adkit,.adlink,.adlist,.admain,.admiddle,.adright,.adrow1,.adrow2,.ads-1,.ads-2,.ads-3,.ads-300-250,.ads-area,.ads-bg,.ads-col,.ads-container,.ads-group,.ads-header,.ads-holder,.ads-inline,.ads-item,.ads-list,.ads-right,.ads-section,.ads-title,.ads-top,.ads1,.adsBlock,.adsWidget,.ads_area,.ads_catDiv,.ads_div,.ads_top,.ads_wrapper,.adsbottombox,.adsbox,.adsbygoogle,.adscontainer,.adsense_sidebar,.adsense_wrapper,.adshome,.adside,.adsizewrapper,.adslot,.adslot_blurred,.adspace,.adtable,.adtile,.adtop,.adv-box,.adv-list,.adv300,.advBox,.adv_300,.adv_txt,.advert-block,.advert-box,.advert-container,.advert-content,.advert-horizontal,.advert-wrapper,.advert2,.advertColumn,.advertContainer,.advertLink,.advertText,.advert_area,.advert_container,.advert_list,.advertbox,.advertisement-1,.advertisement-block,.advertisement__leaderboard,.advertiser,.advertising_banner,.advertising_block,.advertisment,.advertorial,.adverts,.adverttext,.advtext,.adwords,.afs_ads,.after-post-ad,.article-advert,.article_ad,.b-advert,.b-banner,.banner-ad,.banner-ads,.banner160x600,.banner300,.bannerAd,.banner_728x90,.banner_ad,.bannerad,.block-ad,.block-ec_ads,.block-simpleads,.blog-ads,.bottom-ad,.bottom-ads,.bottom-left-ad,.bottomAds,.bottom_ad_block,.box-ads,.box-radvert,.box-recommend-ad,.box_ads,.box_adv,.boxad,.boxadv,.btn-ad,.can_ad_slug,.category-ad,.change_AdContainer,.chitikaAdBlock,.container-ads,.container_ad,.container_row_ad,.contentAd,.contentAds,.content_ads,.content_tagsAdTech,.cp-adsInited,.custom-ad,.ddb,.desktop-ad,.dfp-ad,.dfp-ad-unit,.dfp-tag-wrapper,.displayAd,.download_ad,.e3lan,.easyazon-block,.ec-ads-remove-if-empty,.featured-ad,.featuredAdBox,.flash-advertisement,.footer-ad,.footer-ads,.footer_ad,.footerad,.forumAd,.gallery-ad,.google-sponsored,.googleAdSense,.googleAds,.greyAd,.grid-item-ad,.has-ad,.hasads,.header-ad,.headerAd,.header_ad,.header_ad_center,.header_advert,.headerad,.headerads,.home-ad,.home-ads,.homeAd,.homead,.homepage-ad,.homepage_ads,.horizontal_ad,.html-advertisement,.image-advertisement,.img_ad,.imgad,.inner_ad,.innerad,.insert-post-ads,.ipsAd,.item-ads,.item-container-ad,.js-sticky-ad,.jw-ad,.leaderboard-ad,.leaderboard-ads,.leftAd,.leftad,.list-ad,.list-ads,.listad,.logo-ad,.marketing-ad,.mid_ad,.middle_AD,.module-ad,.nativead,.nav-ad,.newsAd,.node-ad,.oasad,.oio-banner-zone,.onf-ad,.openx,.overlay-ads,.page-ad,.page_ad,.plainAd,.playerAd,.player_ad,.player_hover_ad,.post-ad,.post-sponsored,.post_ad,.postad,.premiumAdOverlay,.premiumAdOverlayClose,.promoAd,.pub300,.pub_300x250,.pub_300x250m,.pub_728x90,.pub_header,.pub_left,.pub_outer,.publicidade,.publicite,.pushdown-ad,.rail-ad,.rbRectAd,.rectangle_ad,.refreshAds,.region-top-ad-position,.reklam,.reklama,.reportAdLink,.resultad,.review-ad,.right-ad,.rightAd,.right_ad,.right_ads_column,.rightad,.rightadv,.searchAds,.searchad,.searchads,.section-sponsor,.showAd,.showads,.side-ad,.side-bar-ad-position1,.sideAd,.sidebar-ads,.single-ad,.singleAd,.skinAd,.sky_ad,.skyscraperAd,.slide-ad,.smallAd,.small_ad,.smallads,.sponsor-box,.sponsor-logo,.sponsorBlock,.sponsorBottom,.sponsoredLinks,.sponsorlink,.sticky-ad,.story-ad,.taboola-ad,.tc_ad_unit,.td-ad,.td-header-ad-wrap,.text-ad,.text-ad-links,.text-ads,.textAd,.text_ad,.text_ads,.textad,.textads,.top-ad,.top-ad-container,.top-ad-content,.top-ad-wrapper,.top-advert,.topAds,.top_ad,.top_ad_div,.top_ad_wrap,.top_ads,.topads,.topbanneradvertise,.tower-ad,.trc-content-sponsored,.trc_rbox .syndicatedItem,.trc_rbox_border_elm .syndicatedItem,.trc_rbox_div .syndicatedItem,.trc_related_container div[data-item-syndicated="true"],.type_ads_default,.vertical-ads,.view_ad,.wideAd,.withAds,.wnad,.wpInsertInPostAd,.wp_bannerize,.yom-ad,[href*="xlovecam.com/promo/tracking/"],[href^="http://in.mydirtyhobby.com/track/"],[href^="http://join.allofgfs.com/track/"],[href^="http://join.freshgfs.com/track/"],[href^="http://join.innocenthigh.com/track/"],[href^="http://join.muffx.com/track/"],[href^="http://join.seemygf.com/track/"],[href^="http://join.self-shot.com/track/"],[href^="http://join.teengfsex.com/track/"],[href^="http://myalternativegflink.com/track/"],[href^="http://secure.18exgfs.com/track/"],[href^="http://secure.badassgirlfriends.com/track/"],[href^="http://secure.bustygfsexposed.com/track/"],[href^="http://secure.chatrevenge.com/track/"],[href^="http://secure.dagfs.com/track/"],[href^="http://secure.fubilov.com/track/"],[href^="http://secure.hotgfvideos.com/track/"],[href^="http://secure.mynngf.com/track/"],[href^="http://secure.obsessedwithmyself.com/track/"],[href^="http://secure.publicgfvideos.com/track/"],[href^="http://secure.realgfsexposed.com/track/"],[href^="http://secure.slutswithphones.com/track/"],[href^="http://secure.watchmygf.com/track/"],a[href*=".revimedia.com/"],a[href*=".trust.zone"],a[href*="/adrotate-out.php?"],a[href*="/relap.io/adv/"],a[href*="marketgid.com/"],a[href*="medicinetizer.ru"],a[href*="runetki.com"],a[href*="universallnk.com"],a[href^="http://ad-emea.doubleclick.net/"],a[href^="http://ad.doubleclick.net/"],a[href^="http://adfarm.mediaplex.com/"],a[href^="http://ads.betfair.com/redirect.aspx?"],a[href^="http://ads2.williamhill.com/redirect.aspx?"],a[href^="http://adserving.unibet.com/"],a[href^="http://adultfriendfinder.com/p/register.cgi?pid="],a[href^="http://affiliate.coral.co.uk/processing/"],a[href^="http://marketgid.com"],a[href^="http://mgid.com/"],a[href^="http://online.ladbrokes.com/promoRedirect?"],a[href^="http://pubads.g.doubleclick.net/"],a[href^="http://us.marketgid.com"],a[href^="http://www.adskeeper.co.uk/"],a[href^="http://www.fbooksluts.com/"],a[href^="http://www.fleshlight.com/"],a[href^="http://www.liutilities.com/"],a[href^="http://www.socialsex.com/"],a[href^="http://www.yourfuckbook.com/?"],a[href^="https://ad.doubleclick.net/"],a[href^="https://badoinkvr.com/"],a[href^="https://servedbyadbutler.com/"],a[href^="https://www.financeads.net/tc.php?"],a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"][target="_blank"],div[data-ad-id],div[data-native_ad],div[id^="MarketGid"],div[id^="advads-"],div[id^="dfp-ad-"],div[id^="div-gpt-ad"],div[id^="google_ads_iframe_"],div[itemtype="http://schema.org/WPAdBlock"],iframe[id^="google_ads_frame"],iframe[id^="google_ads_iframe"],iframe[src*=".cameraprive.com"],iframe[src^="http://ad.yieldmanager.com/"] {display: none !important; color: #9a6823 !important; background-color: #16fa9d !important;}</style></head>
<body data-spy="scroll" data-target=".btn.btn-hero" data-offset="50" style=""><header>
</header>
<div class="top-menu-bar">
<div class="row">
<div class="top-menu">
<div class="col-sm-offset-5 col-sm-3">
<ul class="nav navbar-nav white-color"><li id="" class="h4"><a href="http://nnhsprogramming.com/#section4">Mission</a></li>
<li id="" class="h4 white-color"><a href="http://nnhsprogramming.com/#section2">About</a></li>
<li id="menu-item-color" class="h4 "><a href="https://www.facebook.com/groups/293459344434857/">Contact</a></li>
<li id="menu-item-color" class="h4 "><a href="https://www.facebook.com/groups/293459344434857/">Media</a></li>
</ul>
</div>
</div>
<div class="col-sm-1">
<div class="social-top">
<a class="" data-toggle="tooltip" data-placement="bottom" title="FB" target="_blank" href="https://www.facebook.com/groups/293459344434857/"><i class="fab fa-facebook-f"></i> </a><a class="youtube" data-toggle="tooltip" data-placement="bottom" title="YouTube" target="_blank" href="https://www.youtube.com/"><i class="fab fa-youtube"></i> </a> <a class="twitter" data-toggle="tooltip" data-placement="bottom" title="Twitter" target="_blank" href="https://twitter.com/?lang=en"><i class="fab fa-twitter"></i></a>
</div>
</div>
</div><!-- /.container -->
</div><!-- /.top-menu-bar -->
<div id="particles"><section class="intro"> </section>
<div id="section1">
<div class="row texted-center">
<div class="col-sm-offset-1 col-sm-1">
<img class="img-responsive tiLogoStyling" src="./NNHS Programming_files/progclubLogo.png" alt="...">
<div class="col-sm-12 h3 border-top"> Founded In 2014 </div>
</div>
<div class="col-sm-9">
<h1 id="helpbanner">The Official Site of the NNHS Programming Club</h1>
<p class="lead">Welcome to our website. Scroll down for information on our club, its history, and weekly operations! <br> Please note that this site is still under construction, so may not be best on smaller screen devices.</p>
</div>
</div>
</div>
<link href="./NNHS Programming_files/css" rel="stylesheet" type="text/css">
<script src="./NNHS Programming_files/jquery.min.js.download"></script>
<script src="./NNHS Programming_files/jquery.mb.YTPlayer.js.download"></script>
<!--
<div class = "vidPlayer">
<video autoplay loop muted poster="screenshot.jpg" id="background">
<source src="http://www.w3schools.com/tags/movie.mp4" type="video/mp4">
</video>
<div class="container">
<div class="row">
<div class="col-md-12">
</div>
</div>
</div>
</div>
-->
<div class="row bannerImage">
<div class="col-sm-12">
<img src="./NNHS Programming_files/progclubLogo.png" class="img-responsive" alt="banner">
</div>
</div>
<div align="center" class="embed-responsive embed-responsive-16by9">
<div class="embed-responsive-item topBG">
</div>
</div>
<section id="about">
<div class="row">
<div class="col-lg-12 text-center">
<h1 class="h1">4 Years at NNHS - About Us</h1>
<hr class="star-light">
</div>
</div>
<div class="row">
<div class="col-sm-offset-1 col-sm-3">
<h1 class="display-1">Spreading Programming Passion</h1>
</div>
<div class="col-sm-offset-1 col-sm-2">
<a href="https://www.lua.org/"> <img class="img-responsive ProgList" src="./NNHS Programming_files/progLuaLogo.png" alt="img" style=""> </a>
</div>
<div class="col-sm-2">
<a href="https://www.learn-c.org/"> <img class="img-responsive ProgList" src="./NNHS Programming_files/progClogo.png" alt="img" style=""> </a>
</div>
<div class="col-sm-2">
<a href="https://developer.mozilla.org/en-US/docs/Learn/HTML"> <img class="img-responsive ProgList" src="./NNHS Programming_files/progHTMLLogo.png" alt="img" style=""> </a>
</div>
<div class="col-sm-1">
<a href="https://www.blender.org/"> <img class="img-responsive ProgList" src="./NNHS Programming_files/progBlenderLogo.png" alt="img" style=""> </a>
</div>
</div>
<div class="row">
<div class="col-sm-offset-1 col-sm-4">
<p class="lead">We're a bunch of students with the common interest of computer programming, 3D modeling, or computer science in general. Instead of programming locked up in our basements with the curtains drawn and lights off, we get together at NNHS to collaborate on projects and further understanding. Most importantly, we want to give NNHS students the opportunity to pursue their CS interests. We have members who've been programming for years, and others for a few days. No matter where you are, we'll have a spot for you.</p>
</div>
<div class="col-sm-7">
<p>Interested in games? Web? Apps? Or just need the answers to some school curriculum CS class? We'll hook you up. <br> Want to help but aren't interested in straight coding? No problem, we also do 3D modeling, game design, hardware, and memeing. You just need to show up with the interest. <br> Thursday X block RM 430, weekly. Stop by anytime, we give out free programming club t-shirts.
</p>
<br>
<p> Right now we are looking for a future officer experienced in web dev. We're not the best at making websites and don't really like it, so if you have a skillset in this field please contact us! </p>
</div>
<div class="col-lg-8 col-lg-offset-2 text-center">
<a href="http://nnhsprogramming.com/#" class="btn btn-primary btn-outline btn-lg">
<i class="fas fa-plus"></i> Learn More...
</a>
</div>
</div>
</section>
<div class="texted-center">
<h1 id="helpbanner">Encouraging, Creative, and Supportive </h1>
<p class="lead">We encourage our members to push themselves to try new things. While we support a wide variety of programming languages, we always seek to improve our understanding. <br>We usually use a google doc to keep track of events, see below.<br> Have an interesting idea and want to collaborate? Bring it in!</p>
<div class="outButtons">
<a href="http://nnhsprogramming.com/#" class="btn btn-primary btn-outline btn-lg">
<i class="fab fa-github"></i> Our GitHub (Contact Jack)
</a>
<a href="https://docs.google.com/document/d/1iSag5RVmHJUTgncE4LeDkFj8dMQpp5UB97nGObyqFrs/edit" class="btn btn-primary btn-outline btn-lg">
<i class="fa fa-file-text"></i> Our Docs/Club Logs
</a>
</div>
</div>
<div class="pricing-table">
<div class="pricing-option">
<div class="image"><i class="fa fa-usd"></i></div>
<h1>Donate</h1>
<hr>
<p>In 2016, our club started to fundraise for new software to power our development processes. All our club funds go towards our web domains, freelancers, lobbying, pizza, or bad crypto investments.</p>
<hr>
</div>
<div class="pricing-option">
<div class="image"><i class="fa fa-users"></i></div>
<h1>Join</h1>
<hr>
<p>We welcome everyone to join us. We don't care whether you have no experience programming at all. We keep close documentation and tutorials to heighten your understanding of the languages we support. Join in and collaborate with us!</p>
<hr>
</div>
<div class="pricing-option">
<div class="image"><i class="fa fa-cog"></i></div>
<h1>Languages</h1>
<hr>
<p>Currently, our club officially teaches and does projects in Python, HTML, CSS, C#, and Lua. We have members who've done all kinds of languages. If you are interested in a language that we don't really do, feel free to take it to us with any project ideas.</p>
<hr>
</div>
</div>
<div class="row texted-left">
<h1 id="releasedProjects">Released Projects (2016-2019)</h1>
<p class="lead">Our projects that are launched. We may still push updates on certain ones depending on their nature.</p>
<div class="row">
<div class="col-sm-4">
<a href="http://tigerinsider.org/"> <img class="img-responsive ProgList" src="./NNHS Programming_files/aTIpic.png" alt="img" style=""> </a>
</div>
<div class="col-sm-8 border-top">
<h1> Tiger Insider Website </h1>
<div class="row">
<div class="col-sm-offset-1 col-sm-11">
<h3> We're not that good at making websites from (mostly) scratch, but we scraped this together. It was an interesting learning experience. The Tiger Insider website uses the bootstrap CSS framework and silverstripe PHP for the backend. We fundraise and pay for the hosting ourselves. We also made some graphic art to slap on the website and hired a gfx artist online to make an article placeholder banner. We like to use our own code, so bootstrap CSS was the optimal way in efficiency and creativity. Silverstripe was pretty cool too, but they have really bare documentation and we had many keyboard-smashing moments and server crashes. This website is still in active development. </h3>
<div class="row">
<div class="col-sm-4">
<h5 class="far fa-clock"> 4+ months development time, since April 2017. (CONCLUDED) </h5>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<img class="img-responsive ProgList" src="./NNHS Programming_files/aBlendPic.png" alt="img" style="">
</div>
<div class="col-sm-8 border-top">
<h1> A 3D online game in OOP Lua </h1>
<div class="row">
<div class="col-sm-offset-1 col-sm-11">
<h3> We won't mention the name of this game, partly to protect our anonymity if any of our players find out about this website. It's an action combat multiplayer fighting game. We used an object-oriented version of Lua and blender. The physics engine used was roblox studio. We took trigonometry we learned in class and applied it to the game's 3D space. The game is now released on the roblox platform. Over the course of the 9 month development period we hired various gfx artists and 3D modelers online to create art assets. We made a lot of money off this and have lots of players, so we're still updating it. </h3>
<div class="row">
<div class="col-sm-4">
<h5 class="far fa-clock"> 12+ months development time, since Nov 2016. (STILL CONTINUED)</h5>
</div>
<div class="col-sm-3">
<h5 class="far fa-chart-bar"> Played 100,000+ Times Since Release </h5>
</div>
<div class="col-sm-4">
<h5 class="far fa-credit-card"> 1,600$+ USD in microtransaction sales (pre-tax)</h5>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<img class="img-responsive ProgList" src="./NNHS Programming_files/aOrbit.jpg" alt="img" style="">
</div>
<div class="col-sm-8 border-top">
<h1> Orbit - A Space Game </h1>
<div class="row">
<div class="col-sm-offset-1 col-sm-11">
<h3> This is one of our more known projects by NNHS students. It's a neat scroller app game to play when class gets boring. We used swift/xcode and even made the music with garage band. It's now released on the app store. </h3>
<div class="row">
<div class="col-sm-3">
<h5 class="far fa-clock"> 3+ months in development time </h5>
</div>
<div class="col-sm-4">
<h5 class="far fa-chart-bar"> Downloaded 10,000 Times Since Release </h5>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<img class="img-responsive ProgList" src="./NNHS Programming_files/aTwoDice.png" alt="img" style="">
</div>
<div class="col-sm-8 border-top">
<h1 class="color-white"> Dice Simulation </h1>
<div class="row color-white">
<div class="col-sm-offset-1 col-sm-11 color-white">
<h3> This was a fun mini project made by a member who joined with zero experience. It's in python and simply simulates the outcomes of two rolls of dice. It then has some conditions to see whether the user has won based on some rules.</h3>
<div class="row">
<div class="col-sm-3">
<h5 class="far fa-clock"> 2-3 meetings time spent, 2016 </h5>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<img class="img-responsive ProgList" src="./NNHS Programming_files/progclubLogo.png" alt="img" style="">
</div>
<div class="col-sm-8 border-top">
<h1 class="color-white"> Our Website </h1>
<div class="row color-white">
<div class="col-sm-offset-1 col-sm-11 color-white">
<h3> We started this website back in early 2016. Then we decided to do other things and let it sit for about a year. Now we dusted it off and are working on it again. Bootstrap CSS, silverstripe PHP, Apache web server. Silverstripe doesn't really matter here because this website is really just a static informational. We utilize it better in the tiger insider website.</h3>
<div class="row">
<div class="col-sm-3">
<h5 class="far fa-clock"> On and off development time </h5>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row texted-left">
<h1 id="protoProjects">Prototype Projects</h1>
<p class="lead">Our projects that are currently in WIP</p>
<div class="row">
<div class="col-sm-4">
<img class="img-responsive ProgList" src="./NNHS Programming_files/aWIP.png" alt="img" style="">
</div>
<div class="col-sm-8 border-top">
<h1 class="color-white"> 3D Modeling </h1>
<div class="row color-white">
<div class="col-sm-offset-1 col-sm-11 color-white">
<h3> Like the name hints at, we're creating more assets using blender. One last project we want to finish before school yr 2019 ends is modeling the interior of a desktop.</h3>
<div class="row">
<div class="col-sm-2">
<h5 class="far fa-clock"> Currently in dev - Contact Nathan for details </h5>
</div>
<div class="col-sm-3">
<h5 class="far fa-hand-paper"> Unreleased </h5>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<img class="img-responsive ProgList" src="./NNHS Programming_files/aWIP.png" alt="img" style="">
</div>
<div class="col-sm-8 border-top">
<h1 class="color-white"> FUEL Charity Website </h1>
<div class="row color-white">
<div class="col-sm-offset-1 col-sm-11 color-white">
<h3> We made a charity website before. We're now making another one for a charity called FUEL. We're also extremely slow at making websites, because it's not our thing and much of it isn't directly considered programming. Feel free to drop in and ask for details and how you can help.</h3>
<div class="row">
<div class="col-sm-2">
<h5 class="far fa-clock"> Currently in dev as of March 30th, 2019 </h5>
</div>
<div class="col-sm-3">
<h5 class="far fa-hand-paper"> Unreleased </h5>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<img class="img-responsive ProgList" src="./NNHS Programming_files/aWIP.png" alt="img" style="">
</div>
<div class="col-sm-8 border-top">
<h1 class="color-white"> Chatbox </h1>
<div class="row color-white">
<div class="col-sm-offset-1 col-sm-11 color-white">
<h3> Two of our members are working on a chat messaging platform. Like the name suggests, it lets two users connect to a server and relay messages to each other.</h3>
<div class="row">
<div class="col-sm-2">
<h5 class="far fa-clock"> Currently in dev as of March 30th, 2019 </h5>
</div>
<div class="col-sm-3">
<h5 class="far fa-hand-paper"> Unreleased </h5>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<img class="img-responsive ProgList" src="./NNHS Programming_files/aWIP.png" alt="img" style="">
</div>
<div class="col-sm-8 border-top">
<h1 class="color-white"> Podtalk </h1>
<div class="row color-white">
<div class="col-sm-offset-1 col-sm-11 color-white">
<h3> From the creators of orbit comes another app called podtalk. It's a podcast app for ios. They also have merch for sale, contact Toby or Henry.</h3>
<div class="row">
<div class="col-sm-2">
<h5 class="far fa-clock"> Currently in dev as of March 30th, 2019 </h5>
</div>
<div class="col-sm-3">
<h5 class="far fa-hand-paper"> Unreleased </h5>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row texted-left">
<h1 id="holdProjects">On Hold/Stopped Projects</h1>
<p class="lead">Our projects that have been frozen for whatever reason</p>
<div class="row">
<div class="col-sm-4">
<img class="img-responsive ProgList" src="./NNHS Programming_files/aEndedProjects.png" alt="img" style="">
</div>
<div class="col-sm-8 border-top">
<h1 class="color-white"> Fundraising for VR </h1>
<div class="row color-white">
<div class="col-sm-offset-1 col-sm-11 color-white">
<h3> We had plans to fundraise for a VR machine and headset. Then we realized we could spend our money in better ways, like hiring 3D modelers or gfx artists online, or marketing our games. So now we're not really fundraising for VR anymore.</h3>
<div class="row">
<div class="col-sm-2">
<h5 class="far fa-times-circle"> Rest In Peace </h5>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<img class="img-responsive ProgList" src="./NNHS Programming_files/aEndedProjects.png" alt="img" style="">
</div>
<div class="col-sm-8 border-top">
<h1 class="color-white"> NNHS Site Extensions </h1>
<div class="row color-white">
<div class="col-sm-offset-1 col-sm-11 color-white">
<h3> In the beginning of 2016, we were asked to make a small 1 page extension for an NNHS program. Then we got really busy with our other projects and had to do some prioritization.</h3>
<div class="row">
<div class="col-sm-4">
<h5 class="far fa-times-circle"> Rest In Development LimbooooOOOOoo </h5>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<link href="./NNHS Programming_files/font-awesome(1).css" rel="stylesheet">
<footer>
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-6 footerleft ">
<div class="logofooter">NNHS Programming</div>
<p>Website by the NNHS Programming Club. Teacher Advisor: adam_peloquin@newton.k12.ma.us </p>
<p><i class="fa fa-map-pin"></i> Newton North High, MA</p>
<p><i class="fa fa-envelope"></i> Something wrong with the website? Notify </p>
</div>
<div class="col-md-3 col-sm-6 paddingtop-bottom">
</div>
</div>
</div>
</footer>
<script type="text/javascript" src="./NNHS Programming_files/clubJS.js.download"></script>
</div></body></html>