fortytwo/me
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Pixel.io -> Compati

Browse source
This commit is contained in:
Naman Sood 2019-12-30 05:40:39 -05:00
parent 2e27ee0cc3
commit 341aacdd74
1 changed files with 16 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

31
index.html
View file

@ -14,8 +14,9 @@
<section id="home" class="main" style="background: white;"> <section id="home" class="main" style="background: white;">
<canvas id="bg"></canvas> <canvas id="bg"></canvas>
<div class="text-container"> <div class="text-container">
<h1>Hi, I'm Naman.</h1> <h1>Hi, I&rsquo;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> <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> </div>
</section> </section>
@ -36,7 +37,7 @@
<h1>Shravan</h1> <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>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>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> <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>
<div class="image-container"> <div class="image-container">
@ -44,15 +45,15 @@
</div> </div>
</section> </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"> <div class="image-container">
<img src="img/works/pixelio.png" class="side-image"> <img src="img/works/compati.png" class="side-image">
</div> </div>
<div class="text-container"> <div class="text-container">
<h1>Pixel.io</h1> <h1>Compati</h1>
<p>Pixel.io is a reimagination of Google's Material design language for the Google Pixel phone.</p> <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 website showcasing the basic Pixel.io design principles for the preliminary round of XINO 2016. The video was made by Siladityaa Sharma.</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/xino16" target="_blank" class="button dark" style="color: #141414">Website</a></p> <p><a href="https://nsood.in/compati" target="_blank" class="button dark" style="color: #d82323">Website</a></p>
</div> </div>
</section> </section>
@ -95,23 +96,23 @@
<section id="contact"> <section id="contact">
<h1>Contact</h1> <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"> <div class="contact-info-container">
<a class="contact-method" href="mailto:mail@nsood.in"> <a class="contact-method" href="mailto:mail@nsood.in">
<i class="email"></i> <i class="email"></i>
<h3 class="type">Email</h3> <h3 class="type">Email</h3>
<p class="detail">mail@nsood.in</p> <p class="detail">mail@nsood.in</p>
</a> </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"> <a class="contact-method" href="https://facebook.com/nsood">
<i class="fab fa-facebook-f"></i> <i class="fab fa-facebook-f"></i>
<h3 class="type">Facebook</h3> <h3 class="type">Facebook</h3>
<p class="detail">Naman Sood</p> <p class="detail">Naman Sood</p>
</a> </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"> <a class="contact-method" href="https://github.com/namansood">
<i class="fab fa-github"></i> <i class="fab fa-github"></i>
<h3 class="type">GitHub</h3> <h3 class="type">GitHub</h3>