---
title: About Me
---

__tl;dr__ I do stuff on my :computer:.

* I study Computer Science at [UCLA](//www.ucla.edu), currently <del>in my junior year</del> on leave.

* I first wrote code in sixth grade in [Logo](//en.wikipedia.org/wiki/Logo_(programming_language)) (dialect of LISP).

* I used to make Flash animations(`.swf` anyone?) before mainstream coding.

* I am a certified Level 3 Astronomer with a couple of [Near-Earth Object](//en.wikipedia.org/wiki/Near-Earth_object) observations using [Astrometrica](//iasc.hsutx.edu/Astrometrica.html).

* I shuffle cards and do close-up card tricks sometimes.

* I won the *Scholastic Wordmaster Championship* in junior high after misspelling 'hygiene' in the preliminary stage.

* I listen to [a lot of](//www.last.fm/user/sidjain26/library) music from various genres ranging from rap to alt-rock to atmospheric dance. My all-time [favorites](//www.last.fm/user/sidjain26/library/artists) are: *Drake*, *G-Eazy*, *What So Not*, *Sickick*, *Hippie Sabotage*, *deadmau5* and *Arctic Monkeys* among others.

* I have read a [decent amount](//www.goodreads.com/review/list/18964820-siddharth-jain?shelf=read) of detective fiction, thriller fiction and fantasy over the years. Some of my favorites are: *Sherlock Holmes*, *Hercule Poirot*, *Robert Langdon Series*, *Tolkien Mythology*, *Inheritance Cycle*, *Bartimaeus Sequence* and *His Dark Materials* among others.

## About Yuppies {style=padding-bottom:0.37em;}

This site is primarily an experiment in using modern front-end tooling for blogging. Its [predecessor](//isiddharth.com) has been on the internet since 2013 and is still on a 'free-to-host' provider. I was using Blogger for sometime before switching to Tumblr. For Yuppies however, I am using a completely custom solution built with React, Webpack, Gatsby, PostCSS, Firebase and Google Apps Script. The complete source code is [available](//github.com/f0rr0/f0rr0.github.io) from GitHub. People from the community had nice things to say about Yuppies:

<blockquote class="twitter-tweet" data-cards="hidden" data-lang="en">New personal/blog site launched by <a href="https://twitter.com/f0rr0">@f0rr0</a>! Looking nice!<a href="https://t.co/mVgFCuvWOT">https://t.co/mVgFCuvWOT</a> <a href="https://t.co/FbPjYQjU2Z">pic.twitter.com/FbPjYQjU2Z</a><cite>Gatsby (@gatsbyjs) <a href="https://twitter.com/gatsbyjs/status/782982572825452545">October 3, 2016</a></blockquote>

<blockquote class="twitter-tweet" data-conversation="none" data-cards="hidden" data-lang="en"><p lang="en" dir="ltr">This is top notch! <a href="https://t.co/jpV4029mg6">https://t.co/jpV4029mg6</a> <a href="https://twitter.com/f0rr0">@f0rr0</a> <a href="https://twitter.com/gatsbyjs">@gatsbyjs</a> <a href="https://t.co/XPylUpqxAn">pic.twitter.com/XPylUpqxAn</a></p>&mdash; Marc Cornellà (@MarcCornella) <a href="https://twitter.com/MarcCornella/status/785580702393774081">October 10, 2016</a></blockquote>

The [color scheme](//coolors.co/21232d-d8d8d6-f3f99d-57c7ff-f92672) is specifically tuned for an enhanced [contrast ratio](//www.w3.org/TR/WCAG/#contrast-ratiodef) of 11 that conforms to Level AAA of the [WCAG 2.0](//www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast7.html).

* <span style='background-color:#21232d;'>Dark Gunmetal #21232d</span> - Background
* <span style='background-color:#d8d8d6; color:#21232d;'>Timberwolf #d8d8d6</span> - Foreground
* <span style='background-color:#f3f99d; color:#21232d;'>Pastel Yellow #f3f99d</span> - Blockquotes
* <span style='background-color:#57c7ff; color:#21232d;'>Maya Blue #57c7ff</span> - Hyperlinks
* <span style='background-color:#f92672; color:#21232d;'>Razzmatazz #f92672</span> - Accent

The layout is based on a [modular scale](//alistapart.com/article/more-meaningful-typography) with a base font-size of `18px` on desktop, `16px` on mobile and a ratio of [9:8](//en.wikipedia.org/wiki/Major_second). I don't use any CSS frameworks. Due credit goes to the following persons for letting me use their work from [The Noun Project](//thenounproject.com/):

* "Online Search" by __AFY Studio__
* "Planning" by __Delwar Hossain__
* "Web Code" by __Roselin Christina.S__
* "Emails" by __Calvin Goodman__
* "Book" by __Icons Bazaar__
* "Newspaper" by __Ralf Schmitzer__
* "Book Reading" by __Sergey Demushkin__
* "Shopping Cart" by __Hand Made__
* "Network" by __Curve__
* "Branch" by __Richard Slater__
* "Paper Clip" by __NAS__
* "Vector" by __Yohan Boniface__
* "Chat" by __i cons__
* "Brain" by __Sergey Patutin__
* "Optimization" by __Gregor Črešnar__
* "Headphones" by __Oliviu Stoian__
* "Images" by __John Caserta__
* "Business People" by __Gregor Črešnar__
* "HTML Code Control" by __Rohit Arun Rao__
* "Magnifying Glass" by __Ricardo Martins__
* "Send Message" by __Gautam Arora__
* "Crane Operator" by __BirVa Mehta__
* "Video Camera" by __Yorlmar Campos__
* "Voice Message" by __Gregor Črešnar__
* "Business Analysis" by __Delwar Hossain__
* "Writing" by __Creative Stall__
* "DNA" by __Anthony Bossard__
* "Balloons" by __icon 54__

The :moneybag::kiss::sunglasses::beer::smoking::cat: used on this site are rendered via ["Twemoji" by __Twitter__](//github.com/twitter/twemoji).
