diff --git a/images/snakes2.gif b/images/snakes2.gif
new file mode 100644
index 0000000..ab6442d
Binary files /dev/null and b/images/snakes2.gif differ
diff --git a/index.html b/index.html
index 807c087..0751b39 100644
--- a/index.html
+++ b/index.html
@@ -174,7 +174,7 @@ <h2>Stuffs Made</h2>
 
         <div class="row featurette">
           <div class="col-sm-7">
-            <h3 class="featurette-heading">Machine Learning <br /><span class="text-muted">Email Classification</span></h3>
+            <h3 class="featurette-heading">Machine Learning <br /><span class="text-muted">Email Classification</span><br /><object alt="GitHub Repo stars" data="https://img.shields.io/github/stars/rmodi6/Email-Classification"></object></h3>
             <p class="lead">A content-based classification program to classify new emails containing a variety of messages into user-defined folders, that will help the users to organize their emails systematically and in a more convenient manner, using Machine Learning algorithms viz. K Nearest Neighbors &amp; Naïve Bayes. It was made as a Final Year Project in the B. Tech. Programme.</p>
             <a href="https://github.com/rmodi6/Email-Classification" title="Source Code" target="_blank"><button class="btn btn-primary"><i class="fa fa-code-fork"></i> Fork</button></a>
             <a href="https://doi.org/10.1007/978-981-10-6875-1_9" title="Springer Published Paper" target="_blank"><button class="btn btn-success"><i class="fa fa-paperclip"></i> Paper</button></a>
@@ -184,7 +184,7 @@ <h3 class="featurette-heading">Machine Learning <br /><span class="text-muted">E
             
             <!-- Video -->
             <div class="video-container">
-            <iframe src="https://www.youtube.com/embed/0bxs2zrR5fU" width="100%" height="100%" allowfullscreen></iframe>
+              <iframe title="Email Classification Demo" src="https://www.youtube.com/embed/0bxs2zrR5fU" width="100%" height="100%" allowfullscreen></iframe>
             </div>
             <!-- End Video -->
 
@@ -195,9 +195,9 @@ <h3 class="featurette-heading">Machine Learning <br /><span class="text-muted">E
 
         <div class="row featurette">
           <div class="col-sm-7 col-sm-push-5" >
-            <h3 class="featurette-heading">Artificial Intelligence <br /><span class="text-muted">Pacman-AI</span></h3>
+            <h3 class="featurette-heading">Artificial Intelligence <br /><span class="text-muted">Pacman-AI</span><br /><object alt="GitHub Repo stars" data="https://img.shields.io/github/stars/rmodi6/pacman-ai"></object></h3>
             <p class="lead">An artificial intelligent agent for the Pacman game implementing uninformed search algorithms like BFS and DFS, optimized informed search algorithms like A star, adversarial search algorithms like MiniMax and Alpha-Beta pruning, and exact inference algorithms in Bayesian Networks.</p>
-            <a href="https://github.com/rmodi6/pacman-ai" title="Source Code"><button class="btn btn-primary"><i class="fa fa-code"></i> Source Code</button></a>
+            <a href="https://github.com/rmodi6/pacman-ai" title="Source Code" target="_blank"><button class="btn btn-primary"><i class="fa fa-code"></i> Source Code</button></a>
           </div>
           <br />
           <div class="col-sm-5 col-sm-pull-7">
@@ -215,10 +215,10 @@ <h3 class="featurette-heading">Artificial Intelligence <br /><span class="text-m
 
         <div class="row featurette">
           <div class="col-sm-7">
-            <h3 class="featurette-heading">Human Computer Interaction <br /><span class="text-muted">Gesture Recognition</span></h3>
+            <h3 class="featurette-heading">Human Computer Interaction <br /><span class="text-muted">Gesture Recognition</span><br /><object alt="GitHub Repo stars" data="https://img.shields.io/github/stars/rmodi6/gesture-recognition"></object></h3>
             <p class="lead">Recognizing swipe gestures on a touchscreen keyboard or a touchpad using the <a href="http://pokristensson.com/pubs/KristenssonZhaiUIST2004.pdf" title="Shark2 Decoder" rel="nofollow">SHARK<sup>2</sup></a>
               decoder. It has a high accuracy of ~95% of recognizing words correctly and an average runtime of ~50 ms per word.</p>
-            <a href="https://github.com/rmodi6/gesture-recognition" title="Source Code"><button class="btn btn-primary"><i class="fa fa-code"></i> Source Code</button></a>
+            <a href="https://github.com/rmodi6/gesture-recognition" title="Source Code" target="_blank"><button class="btn btn-primary"><i class="fa fa-code"></i> Source Code</button></a>
             <a href="http://rmodi6.pythonanywhere.com/gesture-recognition" title="Try It!" onclick="window.open(this.href,'targetWindow'); return false;"><button class="btn btn-success"><span class="glyphicon glyphicon-play"></span> Try It</button></a>
           </div>
           <br />
@@ -287,49 +287,19 @@ <h3 class="featurette-heading">Database Management System <br /><span class="tex
 
         <div class="row featurette">
           <div class="col-sm-7">
-            <h3 class="featurette-heading">Java Applets <br /><span class="text-muted">Snakes 2 Game</span></h3>
-            <p class="lead">A 2-player version of the classic Snake game made using Java AWT tools in Eclipse IDE.</p>
-            <a href="snakes2/Snakes2.rar" title="Download Source Code"><button class="btn btn-primary"><i class="fa fa-code"></i> Source Code</button></a>
-            <a href="snakes2/Snakes2.html" title="Play It!" onclick="window.open(this.href,'targetWindow'); return false;"><button class="btn btn-success"><span class="glyphicon glyphicon-play"></span> Play</button></a>
+            <h3 class="featurette-heading">Java Swing <br /><span class="text-muted">Snakes 2 Game</span><br /><object alt="GitHub Repo stars" data="https://img.shields.io/github/stars/rmodi6/snakes2"></object></h3>
+            <p class="lead">A 2-player version of the classic Snake game made using Java Swing tools.</p>
+            <a href="https://github.com/rmodi6/snakes2" title="Source Code" target="_blank"><button class="btn btn-primary"><i class="fa fa-code"></i> Source Code</button></a>
+            <a href="snakes2" title="Play It!" onclick="window.open(this.href,'targetWindow'); return false;"><button class="btn btn-success"><span class="glyphicon glyphicon-play"></span> Play</button></a>
           </div>
           <br />
           <div class="col-sm-5">
-            
-            <!-- Carousel -->
-            <div id="myCarousel2" class="carousel slide" data-ride="carousel">
-              <!-- Indicators -->
-              <ol class="carousel-indicators">
-                <li data-target="#myCarousel2" data-slide-to="0" class="active"></li>
-                <li data-target="#myCarousel2" data-slide-to="1"></li>
-                <li data-target="#myCarousel2" data-slide-to="2"></li>
-              </ol>
-
-              <!-- Wrapper for slides -->
-              <div class="carousel-inner" role="listbox">
-                <div class="item active carousel-snakes2">
-                  <img class="carousel-snakes2" src="images/snakes.png" alt="Snakes 2 sample 1">
-                </div>
-
-                <div class="item carousel-snakes2">
-                  <img class="carousel-snakes2" src="images/snakes2.png" alt="Snakes 2 sample 2">
-                </div>
-
-                <div class="item carousel-snakes2">
-                  <img class="carousel-snakes2" src="images/snakes3.png" alt="Snakes 2 sample 3">
-                </div>
-              </div>
 
-              <!-- Left and right controls -->
-              <a class="left carousel-control" href="#myCarousel2" title="Previous" role="button" data-slide="prev">
-                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
-                <span class="sr-only">Previous</span>
-              </a>
-              <a class="right carousel-control" href="#myCarousel2" title="Next" role="button" data-slide="next">
-                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
-                <span class="sr-only">Next</span>
-              </a>
+            <!-- Gif -->
+            <div class="gif-images">
+              <img src="images/snakes2.gif" alt="snakes2">
             </div>
-            <!-- End Carousel -->
+            <!-- End Gif -->
 
           </div>
         </div>
@@ -338,7 +308,7 @@ <h3 class="featurette-heading">Java Applets <br /><span class="text-muted">Snake
 
         <div class="row featurette">
           <div class="col-sm-7 col-sm-push-5">
-            <h3 class="featurette-heading">Java Swing <br /><span class="text-muted">Minesweeper Game</span></h3>
+            <h3 class="featurette-heading">Java Swing <br /><span class="text-muted">Minesweeper Game</span><br /><object alt="GitHub Repo stars" data="https://img.shields.io/github/stars/rmodi6/Minesweeper-Game"></object></h3>
             <p class="lead">The age-old annoying Minesweeper game on Windows implemented in Java using Java Swing tools that required deep knowledge of data structures and algorithms.</p>
             <a href="https://github.com/rmodi6/Minesweeper-Game" title="Source Code" target="_blank"><button class="btn btn-primary"><i class="fa fa-code"></i> Source Code</button></a>
             <a href="minesweeper" title="Play It!" onclick="window.open(this.href,'targetWindow'); return false;"><button class="btn btn-success"><span class="glyphicon glyphicon-play"></span> Play</button></a>
@@ -389,7 +359,7 @@ <h3 class="featurette-heading">Java Swing <br /><span class="text-muted">Mineswe
 
         <div class="row featurette">
           <div class="col-sm-7">
-            <h3 class="featurette-heading">Artificial Intelligence <br /><span class="text-muted">Tic Tac Toe with AI</span></h3>
+            <h3 class="featurette-heading">Artificial Intelligence <br /><span class="text-muted">Tic Tac Toe with AI</span><br /><object alt="GitHub Repo stars" data="https://img.shields.io/github/stars/rmodi6/TicTacToe-with-AI"></object></h3>
             <p class="lead">Tic Tac Toe game (a.k.a. Noughts and Crosses) with an AI opponent that either wins or draws but never loses, developed using MiniMax Algorithm with Alpha-Beta pruning for optimization.</p>
             <a href="https://github.com/rmodi6/TicTacToe-with-AI" title="Source Code" target="_blank"><button class="btn btn-primary"><i class="fa fa-code"></i> Source Code</button></a>
             <a href="tictactoe" title="Play It!" onclick="window.open(this.href,'targetWindow'); return false;"><button class="btn btn-success"><span class="glyphicon glyphicon-play"></span> Play</button></a>
@@ -398,7 +368,7 @@ <h3 class="featurette-heading">Artificial Intelligence <br /><span class="text-m
           <div class="col-sm-5">
             
             <!-- Gif -->
-            <div class="gif-images-ttt">
+            <div class="gif-images">
               <img src="images/tictactoe.gif" alt="tictactoe-gif">
             </div>
             <!-- End Gif -->
diff --git a/main.css b/main.css
index 02745a6..f1e3bb0 100644
--- a/main.css
+++ b/main.css
@@ -66,7 +66,3 @@ ul.share-buttons li{
 .gif-images img{
   width: 100%;
 }
-
-.gif-images-ttt img{
-  height: 350px;
-}
\ No newline at end of file
diff --git a/snakes2/Snakes2.html b/snakes2/Snakes2.html
deleted file mode 100644
index d3158ba..0000000
--- a/snakes2/Snakes2.html
+++ /dev/null
@@ -1,24 +0,0 @@
-<html>
-<head>
-	<!-- Global site tag (gtag.js) - Google Analytics -->
-	<script async src="https://www.googletagmanager.com/gtag/js?id=UA-109519426-1"></script>
-	<script>
-	  window.dataLayer = window.dataLayer || [];
-	  function gtag(){dataLayer.push(arguments);}
-	  gtag('js', new Date());
-
-	  gtag('config', 'UA-109519426-1');
-	</script>
-
-	<title>
-		Snakes 2 - A two player game by Ruchit Modi
-	</title>
-</head>
-	<body>
-		<applet archive="Snakes2.jar" code="Snakes2.class" width=300 height=300 align="center">
-		Your browser does not support Java Applets. Please try again using any other browser that supports NPAPI plugin.
-		For Chrome browsers, you can consider installing <a href="https://chrome.google.com/webstore/detail/cheerpj-applet-runner/bbmolahhldcbngedljfadjlognfaaein?hl=en">CheerpJ Applet Runner</a>
-		extension and run using this extension.
-		</applet>
-	</body>
-</html>
\ No newline at end of file
diff --git a/snakes2/Snakes2.jar b/snakes2/Snakes2.jar
index e0527b4..5bf0a23 100644
Binary files a/snakes2/Snakes2.jar and b/snakes2/Snakes2.jar differ
diff --git a/snakes2/index.html b/snakes2/index.html
new file mode 100644
index 0000000..1f7f6c6
--- /dev/null
+++ b/snakes2/index.html
@@ -0,0 +1,28 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <title>Snakes2</title>
+    <script src="https://cjrtnc.leaningtech.com/4.2/loader.js"></script>
+    <style>
+      html, body {
+        margin: 0;
+      }
+
+      #container {
+        width: 100vw;
+        height: 100svh;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="container"></div>
+    <script type="module">
+      await cheerpjInit({version: 11});
+      cheerpjCreateDisplay(-1, -1, document.getElementById("container"));
+      const dir = location.pathname.substring(0, location.pathname.lastIndexOf("/") + 1);
+      await cheerpjRunJar(`/app${dir}Snakes2.jar`);
+    </script>
+  </body>
+</html>