2048-class · duttakapil · Jul 7, 2014 · Feb 22, 2015 · Feb 25, 2015 · Mar 5, 2015
diff --git a/favicon.ico b/favicon.ico
diff --git a/index.html b/index.html
@@ -2,14 +2,14 @@
 <html lang="en" manifest="cache.appcache">
 <head>
   <meta charset="utf-8">
-  <title>Make and Play Udacity 2048</title>
+  <title>Multiverse - A 2048 Game</title>
 
   <link href="style/main.css" rel="stylesheet" type="text/css">
   <link href='http://fonts.googleapis.com/css?family=Source+Code+Pro:400,600,700' rel='stylesheet' type='text/css'>
   <link rel="shortcut icon" href="favicon.ico">
   <link rel="apple-touch-icon" href="meta/apple-touch-icon.png">
   <meta name="apple-mobile-web-app-capable" content="yes">
-  <meta name="keywords" content="HTML,CSS,Javascript,Make your own 2048,Play 2048">
+  <meta name="keywords" content="HTML,CSS,Javascript,Play 2048">
   <meta name="apple-mobile-web-app-status-bar-style" content="black">
 
   <meta name="HandheldFriendly" content="True">
@@ -19,13 +19,12 @@
 
   <meta property="og:title" content="2048 game"/>
   <meta property="og:site_name" content="2048 game"/>
-  <meta property="og:description" content="Play Udacity 2048. Then, make your own 2048 game in Udacity's 2 hour mini course for programming beginners!"/>
-  <meta property="og:image" content="http://gabrielecirulli.github.io/2048/meta/og_image.png"/>
+
 </head>
 <body>
   <div class="container">
     <div class="heading">
-      <h1 class="title">Make 2048</h1>
+      <h1 class="title">Multiverse</h1>
       <div class="scores-container">
         <div class="score-container">0</div>
         <div class="best-container">0</div>
@@ -36,20 +35,14 @@ <h1 class="title">Make 2048</h1>
       <p class="game-intro">
       <a class="restart-button">New Game</a>
       Use the arrow keys to slide  tiles. Combine similar tiles to create new ones.</p>
-
-    </div>
 
-    <div class="pre-game">
-      <p class="learn">Learn to make your own version of 2048 in 30 minutes in Udacity's mini online class for beginners.</p><a class="learn" href="https://www.udacity.com/course/ud248">Take the Class!</a>
     </div>
 
-
     <div class="game-container">
       <div class="game-message">
         <p></p>
         <div class="lower">
-	        <a href="http://www.udacity.com/course/ud248"class="learn learn-low">Take the Class!</a>
-          <a class="retry-button">Play Again</a>
+	        <a class="retry-button">Play Again</a>
           <div class="score-sharing"></div>
         </div>
       </div>
@@ -86,12 +79,10 @@ <h1 class="title">Make 2048</h1>
       </div>
     </div>
 
-
-    <p class="game-explanation">
-      <strong class="important">Make your own version:</strong> If you'd like to make your own version of this game, check out Udacity's newest course for beginners <a href="https://www.udacity.com/course/ud248" target="_blank">Make your own 2048</a>. No programming experience is required and in less than half an hour you'll dig into the source code, make some changes, and have your own version of the game to share.
-    </p>
+    <p><hr>This version of the game 2048 was developed by <a href="https://kapildutta.wordpress.com/">Kapil Dutta</a>.</p>
     <hr>
     <p class="game-explanation">
+
       <strong class="important">How to play:</strong> Use your <strong>arrow keys</strong> to move the tiles. When two tiles with the same value touch, they <strong>merge into one!</strong>
     </p>
     <hr>

diff --git a/style/main.css b/style/main.css
@@ -3,8 +3,8 @@
 html, body {
   margin: 0;
   padding: 0;
-  background: #9cc2d2;
-  color: #354b59;
+  background: #faf8ef;
+  color: #776e65;
   font-family: "Clear Sans", "Helvetica Neue", Arial, sans-serif;
   font-family: "Whitney SSm A","Whitney SSm B","Helvetica Neue",Helvetica,Arial,sans-serif;
   font-size: 18px; }
@@ -24,7 +24,7 @@ span.tile-text {
 
 input {
   display: inline-block;
-  background: #8f7a66;
+  background: #bbada0;
   border-radius: 3px;
   padding: 0 20px;
   text-decoration: none;
@@ -97,7 +97,7 @@ h1.title {
 .score-container, .best-container {
   position: relative;
   display: inline-block;
-  background: #0c92bf;
+  background: #bbada0;
   padding: 15px 25px;
   font-size: 25px;
   height: 25px;
@@ -210,7 +210,7 @@ hr {
   -ms-user-select: none;
   -ms-touch-action: none;
   touch-action: none;
-  background: #1e6477;
+  background: #bbada0;
   border-radius: 6px;
   width: 500px;
   height: 500px;
@@ -402,7 +402,7 @@ hr {
     font-weight: bold;
     z-index: 10;
     font-family: 'Source Code Pro', Courier;
-    font-size: 16px; 
+    font-size: 16px;
     color: #354b59;}
   .tile.tile-2 .tile-inner {
     background: url('../tile-sets/udacity/2.png');
@@ -668,7 +668,7 @@ hr {
     -ms-user-select: none;
     -ms-touch-action: none;
     touch-action: none;
-    background: #1e6477;
+    background: #bbada0;
     border-radius: 6px;
     width: 280px;
     height: 280px;
@@ -982,7 +982,7 @@ a.learn:hover, a.keep-playing-button:hover, a.learn-low:hover {
 }
 .restart-button, a.retry-button {
   display: inline-block;
-  background: #1e6477;
+  background: #8f7a66;
   border-radius: 3px;
   padding: 0 20px;
   text-decoration: none;
@@ -991,7 +991,7 @@ a.learn:hover, a.keep-playing-button:hover, a.learn-low:hover {
   cursor: pointer;
   display: block;
   text-align: center;
-  float: right; 
+  float: right;
   margin-top: 7px;
 }
 
@@ -1013,4 +1013,4 @@ a.learn-low {
 a.retry-button {
   margin-left: 10px;
   float: center;
-}
+}
diff --git a/tile-sets/presidents/1024.jpeg b/tile-sets/presidents/1024.jpeg
diff --git a/tile-sets/presidents/128.jpg b/tile-sets/presidents/128.jpg
diff --git a/tile-sets/presidents/16.jpg b/tile-sets/presidents/16.jpg
diff --git a/tile-sets/presidents/2.jpg b/tile-sets/presidents/2.jpg
diff --git a/tile-sets/presidents/2048.jpg b/tile-sets/presidents/2048.jpg
diff --git a/tile-sets/presidents/256.jpg b/tile-sets/presidents/256.jpg
diff --git a/tile-sets/presidents/32.jpg b/tile-sets/presidents/32.jpg
diff --git a/tile-sets/presidents/4.jpg b/tile-sets/presidents/4.jpg
diff --git a/tile-sets/presidents/512.jpg b/tile-sets/presidents/512.jpg
diff --git a/tile-sets/presidents/64.jpg b/tile-sets/presidents/64.jpg
diff --git a/tile-sets/presidents/8.jpg b/tile-sets/presidents/8.jpg
diff --git a/tile-sets/udacity/1024.png b/tile-sets/udacity/1024.png
diff --git a/tile-sets/udacity/128.png b/tile-sets/udacity/128.png
diff --git a/tile-sets/udacity/16.png b/tile-sets/udacity/16.png
diff --git a/tile-sets/udacity/2.png b/tile-sets/udacity/2.png
diff --git a/tile-sets/udacity/2048.png b/tile-sets/udacity/2048.png
diff --git a/tile-sets/udacity/256.png b/tile-sets/udacity/256.png
diff --git a/tile-sets/udacity/32.png b/tile-sets/udacity/32.png
diff --git a/tile-sets/udacity/4.png b/tile-sets/udacity/4.png
diff --git a/tile-sets/udacity/512.png b/tile-sets/udacity/512.png
diff --git a/tile-sets/udacity/64.png b/tile-sets/udacity/64.png
diff --git a/tile-sets/udacity/8.png b/tile-sets/udacity/8.png