From 430bed38079373f34a544a5664061d7175a9b637 Mon Sep 17 00:00:00 2001
From: Bob Ippolito <bob@redivi.com>
Date: Mon, 1 Feb 2016 23:44:53 -0800
Subject: [PATCH] Change links to HTTPS, add a JS based upgrade

---
 _includes/head.html     | 10 +++++-----
 _includes/scripts.html  |  2 +-
 demo-day/index.html     | 26 +++++++++++++-------------
 exposure/index.html     |  8 ++++----
 index.html              |  6 +++---
 js/reddit.js            |  2 +-
 js/share.js             |  6 +++---
 js/site.js              |  4 ++++
 mobile-class/index.html | 20 ++++++++++----------
 programs/index.html     |  8 ++++----
 recruit/index.html      |  2 +-
 11 files changed, 49 insertions(+), 45 deletions(-)

diff --git a/_includes/head.html b/_includes/head.html
index 3fcb7a0..43ffb8a 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -7,11 +7,11 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
 
-    <meta property="og:image" content="http://www.missionbit.com/images/logo-fb.png">
+    <meta property="og:image" content="https://www.missionbit.com/images/logo-fb.png">
     <meta property="og:title" content="Free coding education and industry experiences for public school students">
     <meta property="og:site_name" content="Mission Bit">
     <meta property="og:type" content="non_profit">
-    <meta property="og:url" content="http://www.missionbit.com/">
+    <meta property="og:url" content="https://www.missionbit.com/">
     <meta property="og:description" content="Mission Bit is a 501(c)3 non-profit offering coding education and industry experiences to equip, empower and inspire public school youth to build products they dream up and broaden the opportunity horizon they envision for themselves.">
 
     <!-- Shortcut icons -->
@@ -31,9 +31,9 @@
     <link rel="stylesheet" href="vendor/source-code-pro/stylesheet.css">
     <!-- Local CSS -->
     <link rel="stylesheet" href="css/style.css">
-    <!-- <link href='http://fonts.googleapis.com/css?family=Aldrich' rel='stylesheet' type='text/css'>
-    <link href='http://fonts.googleapis.com/css?family=Slabo+27px' rel='stylesheet' type='text/css'>
-    <link href='http://fonts.googleapis.com/css?family=Lato:400' rel='stylesheet' type='text/css'> -->
+    <!-- <link href='https://fonts.googleapis.com/css?family=Aldrich' rel='stylesheet' type='text/css'>
+    <link href='https://fonts.googleapis.com/css?family=Slabo+27px' rel='stylesheet' type='text/css'>
+    <link href='https://fonts.googleapis.com/css?family=Lato:400' rel='stylesheet' type='text/css'> -->
     <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,800' rel='stylesheet' type='text/css'>
     <link href='https://fonts.googleapis.com/css?family=Merriweather' rel='stylesheet' type='text/css'>
 
diff --git a/_includes/scripts.html b/_includes/scripts.html
index 44f278c..d9c4ceb 100644
--- a/_includes/scripts.html
+++ b/_includes/scripts.html
@@ -1,7 +1,7 @@
 <!-- Vendor JS -->
 <script src="vendor/jquery-2.0.3/jquery-2.0.3.min.js"></script>
 <script src="vendor/bootstrap-3.0.3/js/bootstrap.min.js"></script>
-<script src="http://www.parsecdn.com/js/parse-1.3.1.min.js"></script>
+<script src="https://www.parsecdn.com/js/parse-1.3.1.min.js"></script>
 <!-- Local JS -->
 <script src="js/site.js"></script>
 <!-- <script src="js/hackerlab.js"></script> -->
diff --git a/demo-day/index.html b/demo-day/index.html
index 1369e33..550cf6b 100644
--- a/demo-day/index.html
+++ b/demo-day/index.html
@@ -88,7 +88,7 @@
         </nav><!-- /navbar-collapse -->
     </div><!-- /container -->
 </header>
- 
+
 <div class="homepage-image mbgamedevs">
 </div>
 
@@ -111,26 +111,26 @@ <h2> Description </h2>
             <p>Twelve SFUSD (San Francisco Unified School District) public high school students from Mission Bit's free summer 2014 immersive mobile game development class presented the 'shippable' games they'd built working together in teams 5 days/week for 7 hours/day since June 2014.This was a day when a panel of game industry and mobile app professionals provided feedback to the class game teams and all Demo Day attendees had the opportunity to play the games and meet the students. </p>
 
             <p>Demo Day was an excellent chance for attendees to meet the rising crop of San Francisco native rock star game developers and get an update on Mission Bit's plans for the 2014/2015 school year.</p>
-            
+
             <p> The summer 2014 mobile game development class was sponsored by WeChat and supported by co.lab, The Salesforce Foundation, AdRoll, BrightRoll, Rackspace//Geekdom, Hack Reactor, Tagged, Chartboost, Zynga.org, DeNA and Glu Mobile. And Pocket Gems generously hosted Mission Bit's Demo Day. </p>
 
      <div class="headline">
         <h2> Projects </h2>
     </div>
-    <a href="http://www.missionbit.com/mobile-class"> Click here to view the Mobile Games Class's page. </a>
+    <a href="https://www.missionbit.com/mobile-class"> Click here to view the Mobile Games Class's page. </a>
     <!--STARTING THE LIST OF GAMES-->
-        <ul>  
-            <div class="headline season"> 
-                <h2>  Kiba  </h2> 
+        <ul>
+            <div class="headline season">
+                <h2>  Kiba  </h2>
             </div>
                 <div class="mob-project-details">
-                    <h4 class="mob-proj-team"> Monty Choy, Kelly Huang, Herman Lin, Chris Lim </h4> 
+                    <h4 class="mob-proj-team"> Monty Choy, Kelly Huang, Herman Lin, Chris Lim </h4>
                         <b>Story:</b> Kiba is one of the wolves in his wolf pack, and he was bullied by other members of the pack. He must go through the trial of wolves in order to strengthen his ability and prove himself to his comrades. He must take the trial to go from pup to a mature, powerful wolf. There are monstrous creatures on his road of trial. In the end, he proves himself worthy and becomes the very best like no one ever was.<br>
                         <b>Mechanics:</b> Hold the left side of the screen to move back. Hold the right side of the screen to move forward. Tap the enemy to automatically move to a reasonable range, and attack the enemy once. Swipe left to go back swiftly (in order to dodge enemy attack). Swipe right to dash forward (needs upgrade. Tap the player itself to activate defense (reduce damage). Open upgrade menu by pressing menu located on the upper right corner, which enables player to upgrade the character’s skills
                         <br>
-                    <a href="http://www.missionbit.com/projects/kiba"> http://www.missionbit.com/projects/kiba </a>
+                    <a href="https://www.missionbit.com/projects/kiba"> https://www.missionbit.com/projects/kiba </a>
                 </div>
-        <!-- Second game-->               
+        <!-- Second game-->
                 <div class="headline season">
                     <h2> Snail Assalt </h2>
                 </div>
@@ -139,9 +139,9 @@ <h4 class="mob-proj-team"> Douglas Mejia, Milo Kahney, Vivian Lam, Ryan Shee, Li
                             <b>Story:</b> Jimmy is this asshole kid who picks on snails and ants and whatnot. While his parents are out on vacation. King Snaily (mutated satan offspring snail, with human intelligence and a bad temper) wants to conquer world. So Snailey begins his evil plan at Jimmy’s house first. Jimmy must stop snaily and his hordes and protect his house. Tried to warn people of Snailey’s plan, no one believed him. Called him crazy.<br>
                             <b>Mechanics:</b> Tap/hold to shoot. (Water has recharge bar thing, pump watergun to refill) Double tap for extra power (use up more water) if house destroyed level lost, snaily wins fortify house and upgrade weapons acquire gold/snail shell to buy upgrades vine to protect house… temp barrier 4 lanes where snails attack from.
                             <br>
-                        <a href="http://www.missionbit.com/projects/snail-assalt"> http://www.missionbit.com/projects/snail-assalt </a>
-                    </div> 
-        <!--Last game-->               
+                        <a href="https://www.missionbit.com/projects/snail-assalt"> https://www.missionbit.com/projects/snail-assalt </a>
+                    </div>
+        <!--Last game-->
             <div class="headline season">
                 <h2> Protaters </h2>
             </div>
@@ -150,7 +150,7 @@ <h4 class="mob-proj-team"> Ryan Hu, Tommy Wong, Susan Tham</h4>
                     <b>Story:</b> You’re a magician whose sole duty is to protect your village from hordes and hordes of monsters who are trying to steal your village’s taters(potatoes) in other to make tater tots. As the magician you can never “die” however monsters can attack you and if they bring your HP down to 0 you “die”, but are later revived at your village, well and healthy. However if the village is destroyed, then the game is lost. There are about 16 levels you can play, or you can play the endless Sandbox mode to challenge yourself to an infinite horde. As you beat levels you have the chance to upgrade your magician and/or village to help you and your village to last against the horde, using your spoils of war (gold) and points which can be converted to your magician’s EXP or your magician’s skills. <br>
                     <b>Mechanics:</b> Waves of monsters will spawn during a level, depending on how far you have progressed monsters will either get tougher, increase in number, or both. You must defend your village from the monsters using the magician you control. As the magician you will have a basic attack, skills, and items. Attacks and skills can be upgraded, while items can be bought or picked up as monster drops. You can move left or right to either fall down to the village or engage any enemies. Your village has HP, if that HP reaches zero, you lose. Monsters will gradually bring down your village’s HP when they reach your village. If your village is still standing at the end of the level you win that level and gain points and gold from the level, which is spent on items and/or upgrades
                     <br>
-                <a href="http://www.missionbit.com/projects/protaters"> http://www.missionbit.com/projects/protaters </a>            
+                <a href="https://www.missionbit.com/projects/protaters"> https://www.missionbit.com/projects/protaters </a>
                 </div>
 </div>
 <!-- /container -->
diff --git a/exposure/index.html b/exposure/index.html
index e7da115..caf19a9 100644
--- a/exposure/index.html
+++ b/exposure/index.html
@@ -15,16 +15,16 @@ <h1 class="banner-title">Exposure</h1>
     </div>
 
     <div class="section">
-        <a href="http://www.missionbit.com/showcase/" target="_blank"><h2 class="subtitle text-center">Play games made by Mission Bit students!</h2></a>
+        <a href="https://www.missionbit.com/showcase/" target="_blank"><h2 class="subtitle text-center">Play games made by Mission Bit students!</h2></a>
         <div class="row">
             <div class="cards col-xs-11 col-xs-offset-1">
-                <a href="http://www.missionbit.com/showcase/2013/group-projects/video-game/" target="_blank">
+                <a href="https://www.missionbit.com/showcase/2013/group-projects/video-game/" target="_blank">
                     <img class="card" src="../images/dinosaur-game.png" />
                 </a>
-                <a href="http://www.missionbit.com/showcase/2014/spring/group-projects/operation-peach/" target="_blank">
+                <a href="https://www.missionbit.com/showcase/2014/spring/group-projects/operation-peach/" target="_blank">
                     <img class="card" src="../images/peach-game.png" />
                 </a>
-                <a href="http://www.missionbit.com/showcase/2014/spring/group-projects/veggie-jump/" target="_blank">
+                <a href="https://www.missionbit.com/showcase/2014/spring/group-projects/veggie-jump/" target="_blank">
                     <img class="card" src="../images/jump-game.png" />
                 </a>
             </div>
diff --git a/index.html b/index.html
index 8fa0f0f..a92455c 100644
--- a/index.html
+++ b/index.html
@@ -30,7 +30,7 @@ <h1 class="col-xs-4 enrollment-link">Sign Up Here!</h1>
             <div class="col-xs-8 col-xs-offset-3 email">
                 <iframe name="hidden_iframe" id="hidden_iframe"
                 style="display:none;" onload="if(submitted)
-                {window.location='http://www.missionbit.com/';}"></iframe>
+                {window.location='https://www.missionbit.com/';}"></iframe>
                 <form  class="form-inline" id="email-form" action="https://docs.google.com/forms/d/1kACTVfRwjMTuS6o2MpzPQHjneOrizfZuBaQnA-f2OOQ/formResponse" method="POST" target="hidden_iframe" onsubmit="submitted=true;">
                 <label class="label-text" for="email">Join the mailing list</label>
                   <div class="form-group">
@@ -190,7 +190,7 @@ <h1>1.4 M</h1>
                             <div class="headline text-center">
                                 <h2>Our Sponsors</h2>
                             </div>
-                            <div class='row first-row'>                    
+                            <div class='row first-row'>
                                 <div class='col-sm-6'>
                                     <a href="http://www.facebook.com/" target="_blank" title="Facebook">
                                         <img src="images/partners/fb.png" alt="Facebook logo">
@@ -206,7 +206,7 @@ <h2>Our Sponsors</h2>
                                 <div class='col-sm-6'>
                                     <a href="http://calvarypresbyterian.org/" target="_blank" title="Calvary Church">
                                         <img src="images/partners/calpres.png" alt="Calvary Church logo">
-                                    </a>                                                     
+                                    </a>
                                 </div>
                                 <div class='col-sm-6 second-column'>
                                     <a href="https://unity3d.com/company" target="_blank" title="Unity Technologies">
diff --git a/js/reddit.js b/js/reddit.js
index 7a4688f..b1b19d2 100644
--- a/js/reddit.js
+++ b/js/reddit.js
@@ -49,7 +49,7 @@ window.jQuery(function ($) {
     })
     console.log(widthCheck);
     var url = 'https://www.reddit.com/donate?organization=460945785',
-        shareURL = 'http://www.missionbit.com/reddit',
+        shareURL = 'https://www.missionbit.com/reddit',
         discussURL = 'https://www.reddit.com/r/redditdonate/comments/2wkoym/mission_bit_empowering_youth_with_free_computer/',
         encodedURL = encodeURIComponent(shareURL),
         title = encodeURIComponent('Help @missionbit win $82,765 from @reddit! Vote for Mission Bit!'),
diff --git a/js/share.js b/js/share.js
index 3c5a71d..a169018 100644
--- a/js/share.js
+++ b/js/share.js
@@ -1,7 +1,7 @@
 /*jslint browser: true*/
 window.jQuery(function ($) {
     'use strict';
-    var url = 'http://www.missionbit.com/donate/',
+    var url = 'https://www.missionbit.com/donate/',
         encodedURL = encodeURIComponent(url),
         title = encodeURIComponent('Free coding classes for SF public school students by @missionbit – '),
         buttons = $.makeArray($('.actions button').data('clicked', 0)),
@@ -31,10 +31,10 @@ window.jQuery(function ($) {
         $number.text(percent + '%');
     });
     $('.actions button.facebook').on('click', function fbClick(event) {
-        popup('http://www.facebook.com/share.php?u=' + encodedURL);
+        popup('https://www.facebook.com/share.php?u=' + encodedURL);
     });
     $('.actions button.twitter').on('click', function twitterClick(event) {
-        popup(['http://twitter.com/share',
+        popup(['https://twitter.com/share',
                '?text=', title,
                '&url=', encodedURL].join(''));
     });
diff --git a/js/site.js b/js/site.js
index a4c3f9f..e561c50 100644
--- a/js/site.js
+++ b/js/site.js
@@ -1,6 +1,10 @@
 /*jslint browser: true*/
 window.jQuery(function ($) {
     'use strict';
+    if (window.location.protocol === 'http:' && window.location.hostname === 'www.missionbit.com') {
+        // Upgrade to TLS
+        window.location.protocol = 'https:';
+    }
     if ($.fn.qrcode !== undefined) {
         $('.doge-qrcode').qrcode($('.doge-qrcode').data('qrcode'));
     }
diff --git a/mobile-class/index.html b/mobile-class/index.html
index b7c67c1..8faacf2 100644
--- a/mobile-class/index.html
+++ b/mobile-class/index.html
@@ -6,7 +6,7 @@
 
 <!-- container -->
 <div class="container" role="main">
-    
+
     <div class="headline season">
         <h2> Mobile Game Development Class</h2>
     </div>
@@ -23,7 +23,7 @@ <h2> Projects</h2>
             <p class="smaller-title">Snail Assalt</p>
         </div>
         <div class="col-sm-4">
-            <p class="teamleaders-story-description"> <b>Team Leaders:</b> 
+            <p class="teamleaders-story-description"> <b>Team Leaders:</b>
             <br>Douglas Mejia <a href="https://github.com/dmejiaamador">
                 <i class="fa fa-github"></i>
             </a>
@@ -48,7 +48,7 @@ <h2> Projects</h2>
             <b>Mechanics</b>
             tap/hold to shoot. (water has recharge bar thing, pump watergun to refill) double tap for extra power (use up more water) if house destroyed level lost, snaily wins fortify house and upgrade weapons acquire gold/snail shell to buy upgrades vine to protect house… temp barrier 4 lanes where snails attack from
             <br>
-            <a href="http://www.missionbit.com/projects/snailassalt"> http://www.missionbit.com/projects/snailassalt</a>
+            <a href="https://www.missionbit.com/projects/snailassalt"> https://www.missionbit.com/projects/snailassalt</a>
             <br>
             </p>
         </div>
@@ -61,7 +61,7 @@ <h2> Projects</h2>
         </div>
         <div class="col-sm-4">
             <p class="teamleaders-story-description">
-            <b>Team Members:</b> 
+            <b>Team Members:</b>
             <br>Monty Choy <a href="https://github.com/BobLakensi">
                     <i class="fa fa-github"></i>
                 </a>
@@ -80,12 +80,12 @@ <h2> Projects</h2>
         </div>
         <div class="col-sm-8">
             <p class="teamleaders-story-description">
-            <br><b>Story</b> Fang is one of the wolves in his wolf pack, and he was bullied by other members of the pack. He must go through the trial of wolves in order to strengthen his ability and prove himself to his comrades. He must take the trial to go from pup to a mature, powerful wolf. 
+            <br><b>Story</b> Fang is one of the wolves in his wolf pack, and he was bullied by other members of the pack. He must go through the trial of wolves in order to strengthen his ability and prove himself to his comrades. He must take the trial to go from pup to a mature, powerful wolf.
             There are monstrous creatures on his road of trial. In the end, he proves himself worthy and becomes the very best like no one ever was.
             <br><b>Mechanics</b>
             Hold the left side of the screen to move back. Hold the right side of the screen to move forward. Tap the enemy to automatically move to a reasonable range, and attack the enemy once. Swipe left to go back swiftly (in order to dodge enemy attack). Swipe right to dash forward (needs upgrade. Tap the player itself to activate defense (reduce damage). Open upgrade menu by pressing menu located on the upper right corner, which enables player to upgrade the character’s skills.
             <br>
-             <a href="http://www.missionbit.com/projects/Wolf-Pack"> http://www.missionbit.com/projects/Wolf-Pack</a></p>
+             <a href="https://www.missionbit.com/projects/Wolf-Pack"> https://www.missionbit.com/projects/Wolf-Pack</a></p>
             <br>
         </div>
 
@@ -95,7 +95,7 @@ <h2> Projects</h2>
         </div>
         <div class="col-sm-4">
             <p class="teamleaders-story-description">
-            <b>Team Members:</b> 
+            <b>Team Members:</b>
             <br>Ryan Hu<a href="https://github.com/213edu">
                     <i class="fa fa-github"></i>
                 </a>
@@ -117,16 +117,16 @@ <h2> Projects</h2>
             <br>
             <b>Mechanics</b>
             Waves of monsters will spawn during a level, depending on how far you have progressed monsters will either get tougher, increase in number, or both. You must defend your village from the monsters using the magician you control.
-            As the magician you will have a basic attack, skills, and items. Attacks and skills can be upgraded, while items can be bought or picked up as monster drops. You can move left or right to either fall down to the village or engage any enemies. 
+            As the magician you will have a basic attack, skills, and items. Attacks and skills can be upgraded, while items can be bought or picked up as monster drops. You can move left or right to either fall down to the village or engage any enemies.
             Your village has HP, if that HP reaches zero, you lose. Monsters will gradually bring down your village’s HP when they reach your village. If your village is still standing at the end of the level you win that level and gain points and gold from the level, which is spent on items and/or upgrades.
             <br>
-            <a href="http://www.missionbit.com/projects/pro-taters"> http://www.missionbit.com/projects/pro-taters</a></p>
+            <a href="https://www.missionbit.com/projects/pro-taters"> https://www.missionbit.com/projects/pro-taters</a></p>
         </div>
         <br>
         <br>
     </div>
 
-   <div class="row"> 
+   <div class="row">
      <div class="headline season">
         <h2>Lead Instructor</h2>
     </div>
diff --git a/programs/index.html b/programs/index.html
index 386f9e2..4ae1dd2 100644
--- a/programs/index.html
+++ b/programs/index.html
@@ -135,16 +135,16 @@ <h2 class="subtitle">Sign up for Spring 2016 Classes:</h2>
     </div>
 
     <div class="section">
-        <a href="http://www.missionbit.com/showcase/" target="_blank"><h2 class="subtitle text-center">Play games made by Mission Bit students!</h2></a>
+        <a href="https://www.missionbit.com/showcase/" target="_blank"><h2 class="subtitle text-center">Play games made by Mission Bit students!</h2></a>
         <div class="row">
             <div class="cards col-xs-11 col-xs-offset-1">
-                <a href="http://www.missionbit.com/showcase/2013/group-projects/video-game/" target="_blank">
+                <a href="https://www.missionbit.com/showcase/2013/group-projects/video-game/" target="_blank">
                     <img class="card" src="../images/dinosaur-game.png" />
                 </a>
-                <a href="http://www.missionbit.com/showcase/2014/spring/group-projects/operation-peach/" target="_blank">
+                <a href="https://www.missionbit.com/showcase/2014/spring/group-projects/operation-peach/" target="_blank">
                     <img class="card" src="../images/peach-game.png" />
                 </a>
-                <a href="http://www.missionbit.com/showcase/2014/spring/group-projects/veggie-jump/" target="_blank">
+                <a href="https://www.missionbit.com/showcase/2014/spring/group-projects/veggie-jump/" target="_blank">
                     <img class="card" src="../images/jump-game.png" />
                 </a>
             </div>
diff --git a/recruit/index.html b/recruit/index.html
index a97f352..f578ece 100644
--- a/recruit/index.html
+++ b/recruit/index.html
@@ -25,7 +25,7 @@ <h2> Learn How to Make </h2>
             <h3> Games... like 2048 </h3>
             <h3> Websites... like Yelp or YouTube </h3>
             <h3> Social Apps... like Facebook </h3>
-            <h3 class="showcase-link"> <a href="http://www.missionbit.com/showcase/">Click here </a> to see past student projects </h3>
+            <h3 class="showcase-link"> <a href="https://www.missionbit.com/showcase/">Click here </a> to see past student projects </h3>
         </div>
     </div>
     <div class="section col-md-12" id="learn-pros">