index.html 10.3 KB
Newer Older
Pallav Agarwal's avatar
Pallav Agarwal committed
1
<title>About Me - VARSTACK</title>
Pallav Agarwal's avatar
Pallav Agarwal committed
2
<meta name=viewport content="width=device-width, initial-scale=1">
Pallav Agarwal's avatar
Pallav Agarwal committed
3 4
<meta charset="utf-8"/>

Pallav Agarwal's avatar
Pallav Agarwal committed
5
<noscript>
Pallav Agarwal's avatar
Pallav Agarwal committed
6
    <link href="/css/bootstrap.min.css" rel="stylesheet">
Pallav Agarwal's avatar
Pallav Agarwal committed
7 8 9 10 11
    <link href="/css/highlighting.css" rel="stylesheet">
    <link href="/css/style.css" rel="stylesheet">
    
</noscript>
<script id="loadcss">function loadCSS(e,n,o,t){"use strict";var d=window.document.createElement("link"),i=n||window.document.getElementsByTagName("script")[0],r=window.document.styleSheets;return d.rel="stylesheet",d.href=e,d.media="only x",t&&(d.onload=t),i.parentNode.insertBefore(d,i),d.onloadcssdefined=function(e){for(var n,o=0;o<r.length;o++)r[o].href&&r[o].href===d.href&&(n=!0);n?e():setTimeout(function(){d.onloadcssdefined(e)})},d.onloadcssdefined(function(){d.media=o||"all"}),d}
Pallav Agarwal's avatar
Pallav Agarwal committed
12
loadCSS( "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css", document.getElementById("loadcss"));
Pallav Agarwal's avatar
Pallav Agarwal committed
13 14 15 16
loadCSS( "/css/highlighting.css", document.getElementById("loadcss"));
loadCSS( "/css/style.css", document.getElementById("loadcss"));
    
</script>
Pallav Agarwal's avatar
Pallav Agarwal committed
17 18 19 20 21 22 23 24 25

<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    
    <div class="container">
        <div class="row" id="menu">
Pallav Agarwal's avatar
Pallav Agarwal committed
26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41
            <div class="col-md-3 col-xs-8 menu" id="site_title">
                <a href="/" style="color:black;">VARSTACK</a>
            </div>
            <div class="col-md-3 col-md-push-6 col-xs-4 menu">
                <form action="/search/" id='search-form'>
                    <input id="search-box" type="text" name="query" placeholder="Search..">
                </form>
            </div>
            <div class="col-md-6 col-md-pull-3 col-xs-12 menu">
                <div class="row" id="top_menu">
                    <ul class="nav nav-pills">
                        <li class="active" id="blog"><a class="color_change" href="/">Blog</a></li>
                        <li id="tips"><a class="color_change" href="/tips/">Tips</a></li>
                        <li id="algo"><a class="color_change" href="/algo/">Behind The Scenes</a></li>
                        <li id="about"><a class="color_change" href="/about_me/">About Me</a></li>
                    </ul>
Pallav Agarwal's avatar
Pallav Agarwal committed
42 43 44 45 46
                </div>
            </div>
        </div>
        
        <div class="row" id="content">
Pallav Agarwal's avatar
Pallav Agarwal committed
47
            <div class="col-md-7 col-md-push-3">
Pallav Agarwal's avatar
Pallav Agarwal committed
48
                <div class="row" id="data">
Pallav Agarwal's avatar
Pallav Agarwal committed
49 50 51 52 53 54 55
                    <div class="col-md-12">
                        <br />
                        <h3>About Me</h3>
                        <hr />
                        <div class="row text-justify" id="content-holder">
                            <div class="col-md-12">
                                <blockquote><p>"It always takes longer than you expect, even
56 57
when you take into account Hofstadter's Law."
<p style="text-align:right"> —Hofstader's Law </p></p></blockquote>
Pallav Agarwal's avatar
Pallav Agarwal committed
58

59 60
<p>Hi, let me first introduce myself.
I am Pallav Agarwal, a sophomore at the department of
Pallav Agarwal's avatar
Pallav Agarwal committed
61
Computer Science and Engineering, Indian Institute of
62 63 64
Technology, Kanpur. I love trying new tech, languages,
programs, operating systems.. Well, pretty much everything
remotely related to a computer.</p>
Pallav Agarwal's avatar
Pallav Agarwal committed
65

66
<p>It has been pointed out to me that I'm a <em>reinvent the wheel</em>
Pallav Agarwal's avatar
Pallav Agarwal committed
67 68 69 70 71 72 73 74 75 76 77
kind of guy. I built this website up from scratch without
using any prebuilt themes, pain as it was to get it
cross compatible. Even for the search functionality, I
wrote my own algorithm (<a href="/algo/">Behind The Scenes</a>)
instead of using the implementations available online
or using google custom search etc. My current operating
system is a finely configured Arch Linux on i3, a tiling
window manager. But that isn't custom enough, and so I am
currently building my own operating system, using the
(B)LFS project.</p>

78
<p>So, now I would like to offer an explanation,
Pallav Agarwal's avatar
Pallav Agarwal committed
79 80 81 82 83 84 85 86 87
I may like to reinvent the wheel, but I only do it
because everytime I complete one of my custom projects,
I end up adding a lot to my knowledge. To make this
blog, I learned CSS, HTML5, and a lot of Javascript.
To make the search functionality, I had to learn some
ruby, and NLP in python. The LFS project taught me more
about the linux operating system, than most linux
enthusiasts learn in a lifetime.</p>

88 89 90 91 92 93 94 95 96 97 98 99 100 101
<p>My only motive in creating this blog was so that
I could provide answers to some questions that
I had trouble finding the answers to.</p>

<p>You can:</p>

<ul>
<li>Message me on <a href="http://fb.com/pallavagarwal07">Facebook</a></li>
<li>Follow me on <a href="http://github.com/pallavagarwal07">Github</a></li>
</ul>


<h3>Enjoy ☺</h3>

Pallav Agarwal's avatar
Pallav Agarwal committed
102 103
                            </div>
                        </div>
Pallav Agarwal's avatar
Pallav Agarwal committed
104 105
                    </div>
                </div>
106
                <hr /><br />
Pallav Agarwal's avatar
Pallav Agarwal committed
107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135
            </div>
            <div class="col-md-3 col-md-pull-7" id="recent">
                <h4>RECENT POSTS</h4>
                <ul class="nav nav-pills nav-stacked">
                    
                    <li>
                        <a href="/2015/07/09/Vim-Plugins/" class="color_change">Essential VIM plugins</a>
                    </li>
                    
                    <li>
                        <a href="/2015/07/08/Vim-Colorscheme/" class="color_change">VIM: Setting a colorscheme</a>
                    </li>
                    
                    <li>
                        <a href="/2015/07/03/Vim-Plug-Plugin-Manager/" class="color_change">Plugin Management in VIM</a>
                    </li>
                    
                    <li>
                        <a href="/2015/07/01/Vim-Customization/" class="color_change">Vim Customization: Guide to writing your...</a>
                    </li>
                    
                    <li>
                        <a href="/2015/06/26/Linuxbrew/" class="color_change">Package Management without root access -...</a>
                    </li>
                    
                </ul>
                <h4>RECENT TIPS</h4>
                <ul class="nav nav-pills nav-stacked">
                    
Pallav Agarwal's avatar
Pallav Agarwal committed
136 137 138 139
                    <li>
                        <a href="/2015/07/27/Boost-Python-Performance/" class="color_change">Cython: Boost Python Code Performance</a>
                    </li>
                    
Pallav Agarwal's avatar
Pallav Agarwal committed
140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158
                    <li>
                        <a href="/2015/07/09/Wrath-of-Linux-Package-Managers/" class="color_change">Wrath of Linux Package Managers</a>
                    </li>
                    
                    <li>
                        <a href="/2015/07/01/Vim-Mappings/" class="color_change">Quick intro to custom Vim Mappings...</a>
                    </li>
                    
                    <li>
                        <a href="/2015/06/30/Mouse-with-vim/" class="color_change">Using Mouse with VIM in the...</a>
                    </li>
                    
                </ul>
                <br />
                <br />
            </div>
            <div class="col-md-2">
            </div>
            <div class="row">
159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177
                <div class="col-md-7 col-md-offset-3 col-xs-10 col-xs-offset-1">
                        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
                        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
                        <script src="/js/SmoothScroll.js"></script>
                        <script src="/js/script.js"></script>
                        
                        <script src="/js/about.js"></script>
                        
                        
                        <script type="text/javascript">var switchTo5x=true;</script>
                        <script type="text/javascript">stLight.options({publisher: "7839e2af-f9d1-4f68-9304-dcf13d3352ea", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>
                        <span class='st_sharethis_large' displayText='ShareThis'></span>
                        <span class='st_facebook_large' displayText='Facebook'></span>
                        <span class='st_twitter_large' displayText='Tweet'></span>
                        <span class='st_googleplus_large' displayText='Google +'></span>
                        <span class='st_linkedin_large' displayText='LinkedIn'></span>
                        <span class='st_pinterest_large' displayText='Pinterest'></span>
                        <div id="disqus_thread"></div>
                        <script type="text/javascript" async>
178 179 180 181 182 183 184 185 186
/* * * CONFIGURATION VARIABLES * * */
var disqus_shortname = 'varstack';

/* * * DON'T EDIT BELOW THIS LINE * * */
(function() {
    var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
    dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
Pallav Agarwal's avatar
Pallav Agarwal committed
187 188 189 190 191 192 193
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-21768487-2', 'auto');
ga('send', 'pageview');
194 195 196
                        </script>
                        <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js" async></script>
                        <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
Pallav Agarwal's avatar
Pallav Agarwal committed
197
                </div>
Pallav Agarwal's avatar
Pallav Agarwal committed
198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220
            </div>
        </div>
    </div>


    <div class="modal fade" id="imagemodal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">
                        <span aria-hidden="true">&times;</span>
                        <span class="sr-only">Close</span>
                    </button>
                    <h4 class="modal-title" id="myModalLabel">
                        Image Preview
                    </h4>
                </div>
                <div class="modal-body">
                    <img src="" id="imagepreview" style="max-height: 100%; max-width: 100%;">
                </div>
            </div>
        </div>
    </div>