changing routing mechanism

assets/css/blog.css

@@ -91,16 +91,20 @@
   margin: 2em;
   padding: .5em 3em;
   font-size: 2em;
-  color: white;
+  color: white !important;
   border: 3px solid white;
   cursor: pointer;
   transition: 0.7s;
   -webkit-transition: 0.7s;
-  z-index: 2;
+  display: block;
+  z-index: 3;
 }
+  #readBlog > p {
+    margin: 0;
+  }
   #readBlog:hover {
     background-color: white;
-    color: black;
+    color: black !important;
     box-shadow: inset 0 0 0 1px #ffffff;
   }
 

assets/js/main.js

@@ -42,24 +42,22 @@
 				side: 'right'
 			});
 
-		$('#blog').load('blog.html');
-
 	$('#readBlog').on("click", function() {
 		window.location = "http://arjunpatel.me/blog.html";
 	});
 
-	$('.readMore').on("click", function() {
-		var whichBlog = $(this).attr('id');
-		console.log("Loading vlog: " + whichBlog);
-		window.location = "http://arjunpatel.me/blogs/" + whichBlog + ".html";
-	});
-
-	$('#goToMain').on("click", function() {
-		window.location = "http://arjunpatel.me/index.html";
-	});
-
-	$('#goToBlogs').on("click", function() {
-		window.location = "http://arjunpatel.me/blog.html";
-	});
+	// $('.readMore').on("click", function() {
+	// 	var whichBlog = $(this).attr('id');
+	// 	console.log("Loading vlog: " + whichBlog);
+	// 	window.location = "http://arjunpatel.me/blogs/" + whichBlog + ".html";
+	// });
+	//
+	// $('#goToMain').on("click", function() {
+	// 	window.location = "http://arjunpatel.me/index.html";
+	// });
+	//
+	// $('#goToBlogs').on("click", function() {
+	// 	window.location = "http://arjunpatel.me/blog.html";
+	// });
 
 })(jQuery);

blog.html

@@ -25,28 +25,32 @@
 				</nav> -->
 			</header>
 
-      <div id="goToMain">
-        <i class="fa fa-times-circle-o"></i>
-      </div>
+      <a href="http://arjunpatel.me/index.html">
+        <div id="goToMain">
+          <i class="fa fa-times-circle-o"></i>
+        </div>
+      </a>
 
 
 			<section id="blog">
-        <div class="blogCard">
-  				<div class="title">
-  					The College Programming Tutorial Article Blog Thingy?
-  				</div>
-          <div class="info">
-            <i class="fa fa-user"></i>
-            <p>Arjun Patel</p>
-            <i class="fa fa-calendar"></i>
-            <p>7/7/18</p>
+        <a href="http://arjunpatel.me/blogs/1.html">
+          <div class="blogCard">
+    				<div class="title">
+    					The College Programming Tutorial Article Blog Thingy?
+    				</div>
+            <div class="info">
+              <i class="fa fa-user"></i>
+              <p>Arjun Patel</p>
+              <i class="fa fa-calendar"></i>
+              <p>7/7/18</p>
+            </div>
+    				<img class="pic"src="images/blogs/1/pic.jpg"/>
+    				<div class="content">
+    					<p>I probably should have started this earlier, but here we go! This is my super official blog. Alright let's get a little serious. I want to discuss development insight I have on my current projects and work, explain key technical findings, and also talk about cool tech.</p>
+              <p id="1" class="readMore">Read More</p>
+            </div>
           </div>
-  				<img class="pic"src="images/blogs/1/pic.jpg"/>
-  				<div class="content">
-  					<p>I probably should have started this earlier, but here we go! This is my super official blog. Alright let's get a little serious. I want to discuss development insight I have on my current projects and work, explain key technical findings, and also talk about cool tech.</p>
-            <p id="1" class="readMore">Read More</p>
-          </div>
-        </div>
+        </a>
 			</section>
 
 		<!-- Scripts -->

blogs/1.html

@@ -25,9 +25,11 @@
 				</nav> -->
 			</header>
 
-      <div id="goToBlogs">
-        <i class="fa fa-times-circle-o"></i>
-      </div>
+      <a href="http://arjunpatel.me/blog.html">
+        <div id="goToBlogs">
+          <i class="fa fa-times-circle-o"></i>
+        </div>
+      </a>
 
 
 			<section id="blog">

index.html

@@ -51,7 +51,9 @@
 					<p>Web Guru, Budding Entrepreneur, and Technology Enthusiast</p>
 				</div>
 
-				<p id="readBlog">Read Blog</p>
+				<a id="readBlog" href="http://arjunpatel.me/blog.html">
+					<p>Read Blog</p>
+				</a>
 
 				<video autoplay loop muted playsinline src="images/banner.mp4"></video>
 			</section>