143 lines
No EOL
8.1 KiB
HTML
143 lines
No EOL
8.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width">
|
|
<title>Naman Sood</title>
|
|
<meta name="description" content="Developer and technology enthusiast who's never gonna give you up. Computer Science student at the University of Waterloo.">
|
|
<meta name="keywords" content="nsood, nfool, naman sood, nachloride, nsdcars5, namansood, namandoesnotpanic, tendstofortytwo">
|
|
<meta property="og:url" content="https://nsood.in">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:title" content="Naman Sood">
|
|
<meta property="og:description" content="Developer and technology enthusiast who's never gonna give you up.">
|
|
<meta property="og:image" content="https://nsood.in/screenshot.php">
|
|
<meta name="twitter:creator" content="@tendstofortytwo">
|
|
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Nunito:400,600,700">
|
|
<link rel="stylesheet" type="text/css" href="css/style.css">
|
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous">
|
|
</head>
|
|
<body>
|
|
<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 developer from India, 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>
|
|
|
|
<section id="thegirlcode" class="works-card" style="background: linear-gradient(-30deg, #ff1151 30%, #ff7097 80%); color: white">
|
|
<div class="image-container">
|
|
<img src="img/works/thegirlcode.png" class="side-image">
|
|
</div>
|
|
<div class="text-container">
|
|
<h1>The Girl Code</h1>
|
|
<p>The Girl Code is a nonprofit organization that aims to inspire confidence in girls that they can code.</p>
|
|
<p>I was the lead backend developer on their open source online learning platform using NodeJS and MongoDB, which teaches Python in an interactive manner by letting them interact with the language and write their own code.</p>
|
|
<p><a href="http://thegirlcode.co" target="_blank" class="button dark" style="color: #ff1151">Website</a> <a href="https://learn.thegirlcode.co" target="_blank" class="button dark" style="color: #ff1151">Platform</a> <a href="https://github.com/thegirlcode/backend" target="_blank" class="button dark" style="color: #ff1151">Source</a></p>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="shravan" class="works-card white-link" style="background: white; color: #333">
|
|
<div class="text-container">
|
|
<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><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">
|
|
<img src="img/works/shravan.png" class="side-image">
|
|
</div>
|
|
</section>
|
|
|
|
<section id="compati" class="works-card" style="background: linear-gradient(-45deg, #ff4848, #d82323, #ff4848); color: white">
|
|
<div class="image-container">
|
|
<img src="img/works/compati.png" class="side-image">
|
|
</div>
|
|
<div class="text-container">
|
|
<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>
|
|
|
|
<section id="watson" class="works-card" style="background: white; color: black">
|
|
<div class="text-container">
|
|
<h1>Watson</h1>
|
|
<p>Watson is a search engine with a focus on research - it lets you preview search results before you open them, and it lets you save relevant search results as "pinboards", which can be saved for later use.</p>
|
|
<p>I created Watson for the preliminary round of Build at Exun 2017, and helped write the case study. Graphics and the video were provided by Arimit Bhattacharya.</p>
|
|
<p><a href="http://watson.nsood.in/about" target="_blank" class="button" style="color: black">Website</a><a href="http://watson.nsood.in" target="_blank" class="button" style="color: black">Try it</a><a href="https://drive.google.com/file/d/1aQdsWGe9u7RFncbhPcJdD6GepquqS7u8/view" target="_blank" class="button" style="color: black">Case study</a></p>
|
|
</div>
|
|
<div class="image-container">
|
|
<img src="img/works/watson.png" class="side-image">
|
|
</div>
|
|
</section>
|
|
|
|
<section id="antriksh" class="works-card white-link" style="background: linear-gradient(#1f2e3a, #30475a); color: white">
|
|
<div class="image-container">
|
|
<img src="img/works/antriksh.png" class="side-image">
|
|
</div>
|
|
<div class="text-container">
|
|
<h1>Antriksh</h1>
|
|
<p>Antriksh is a fictional corporation which aims to start a space settlement on a planet named Vulcan.</p>
|
|
<p>We were tasked to design a landing page for Antriksh for the final round of Build at Exun 2017, and provide a way for users to experience the planet, and sign up to live in the settlement. The graphics for the website were created by Siddharth Nayak.</p>
|
|
<p>Antriksh won the Build web design event at Exun 2017, organized at Delhi Public School, RK Puram.</p>
|
|
<p><a href="https://nsood.in/exun17" target="_blank" class="button dark" style="color: #1f2e3a">Website</a></p>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="wikipedia" class="works-card" style="background: white; color: black">
|
|
<div class="text-container">
|
|
<h1>Wikipedia</h1>
|
|
<p>Wikpedia, the free online encyclopedia, needs no introduction. For the preliminary round of XINO 2018, we were asked to redesign Wikipedia.</p>
|
|
<p>Apart from a visual redesign, I added to the site some useful features, like the ability to take notes and save them for later reference, to bookmark important pages, and to summarize lengthy pages with the SMMRY API. Design and graphics were provided by Manan Dua.</p>
|
|
<p><a href="http://wikipedia.nsood.in" target="_blank" class="button" style="color: black">Try it</a><a href="http://github.com/namansood/wikipedia" target="_blank" class="button" style="color: black">Source code</a></p>
|
|
</div>
|
|
<div class="image-container">
|
|
<img src="img/works/wikipedia.png" class="side-image">
|
|
</div>
|
|
</section>
|
|
|
|
<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>
|
|
<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://twitter.com/tendstofortytwo">
|
|
<i class="fab fa-facebook-f"></i>
|
|
<h3 class="type">Twitter</h3>
|
|
<p class="detail">@tendstofortytwo</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>
|
|
<p class="detail">namansood</p>
|
|
</a>
|
|
</div>
|
|
</section>
|
|
|
|
<footer>
|
|
|
|
Made by Naman Sood, with love.
|
|
<br>
|
|
<div class="ticker"></div>
|
|
|
|
</footer>
|
|
|
|
<div class="bg-scroller"></div>
|
|
|
|
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
|
|
<script src="js/script.js"></script>
|
|
</body>
|
|
</html> |