From 341aacdd743d77ea33a8dddc585fded4c00be0ca Mon Sep 17 00:00:00 2001
From: Naman Sood <mail@nsood.in>
Date: Mon, 30 Dec 2019 05:40:39 -0500
Subject: [PATCH] Pixel.io -> Compati

---
 index.html | 31 ++++++++++++++++---------------
 1 file changed, 16 insertions(+), 15 deletions(-)

diff --git a/index.html b/index.html
index 519ab68..230b7c4 100644
--- a/index.html
+++ b/index.html
@@ -14,8 +14,9 @@
 <section id="home" class="main" style="background: white;">
 	<canvas id="bg"></canvas>
 	<div class="text-container">
-		<h1>Hi, I'm Naman.</h1>
-		<h3>I'm a<span class="age"> seventeen</span> year-old student and web developer based in India. Below is a showcase of my <a href="#thegirlcode">works</a>, and ways to <a href="#contact">contact</a> me.</h3>
+		<h1>Hi, I&rsquo;m Naman.</h1>
+		<h3>I&rsquo;m a<span class="age"> seventeen</span> year-old student and web developer from India and currently studying <em>computer science</em> at the <em>University of Waterloo</em>.</h3>
+		<h3>You can click to see my <a href="/resume.pdf">resume</a>, my web development <a href="#thegirlcode">portfolio</a>, and ways to <a href="#contact">contact</a> me.</h3>
 	</div>
 </section>
 
@@ -36,7 +37,7 @@
 		<h1>Shravan</h1>
 		<p>Shravan is the concept of a user interface for a smartphone which does not require sight, and instead functions on sound and haptic feedback.</p>
 		<p>I built an early prototype of Shravan, and designed a website to promote it. Design for Shravan, and its logo, were made by Siladityaa Sharma.</p>
-		<p>Shravan won the Make event at MINET 2016, organized by the Mother's International School.</p>
+		<p>Shravan won the Make event at MINET 2016, organized by the Mother&rsquo;s International School.</p>
 		<p><a href="https://shravan.nsood.in" target="_blank" class="button" style="color: #333">Website</a><a href="https://shravan.nsood.in/app" target="_blank" class="button" style="color: #333">Try it</a></p>
 	</div>
 	<div class="image-container">
@@ -44,15 +45,15 @@
 	</div>
 </section>
 
-<section id="pixelio" class="works-card" style="background: #141414; color: white">
+<section id="compati" class="works-card" style="background: linear-gradient(-45deg, #ff4848, #d82323, #ff4848); color: white">
 	<div class="image-container">
-		<img src="img/works/pixelio.png" class="side-image">
+		<img src="img/works/compati.png" class="side-image">
 	</div>
 	<div class="text-container">
-		<h1>Pixel.io</h1>
-		<p>Pixel.io is a reimagination of Google's Material design language for the Google Pixel phone.</p>
-		<p>I built a website showcasing the basic Pixel.io design principles for the preliminary round of XINO 2016. The video was made by Siladityaa Sharma.</p>
-		<p><a href="https://nsood.in/xino16" target="_blank" class="button dark" style="color: #141414">Website</a></p>
+		<h1>Compati</h1>
+		<p>Compati is a Google Chrome extension that allows you to test different browsers from the comfort of your own, by simulating different rendering engines locally in JavaScript.</p>
+		<p>I built a prototype of Compati for eSpice 2017. The video was made by Arimit Bhattacharya.</p>
+		<p><a href="https://nsood.in/compati" target="_blank" class="button dark" style="color: #d82323">Website</a></p>
 	</div>
 </section>
 
@@ -95,23 +96,23 @@
 
 <section id="contact">
 	<h1>Contact</h1>
-	<p>I appreciate everything from a pull request to an email. Hit me up and I'll get in touch as soon as I can.</p>
+	<p>I appreciate everything from a pull request to an email. Hit me up and I&rsquo;ll get in touch as soon as I can.</p>
 	<div class="contact-info-container">
 		<a class="contact-method" href="mailto:mail@nsood.in">
 			<i class="email"></i>
 			<h3 class="type">Email</h3>
 			<p class="detail">mail@nsood.in</p>
 		</a>
-		<a class="contact-method" href="https://codepen.io/NSDCars5">
-			<i class="fab fa-codepen"></i>
-			<h3 class="type">CodePen</h3>
-			<p class="detail">NSDCars5</p>
-		</a>
 		<a class="contact-method" href="https://facebook.com/nsood">
 			<i class="fab fa-facebook-f"></i>
 			<h3 class="type">Facebook</h3>
 			<p class="detail">Naman Sood</p>
 		</a>
+		<a class="contact-method" href="https://linkedin.com/in/namansood">
+			<i class="fab fa-linkedin-in"></i>
+			<h3 class="type">LinkedIn</h3>
+			<p class="detail">Naman Sood</p>
+		</a>
 		<a class="contact-method" href="https://github.com/namansood">
 			<i class="fab fa-github"></i>
 			<h3 class="type">GitHub</h3>