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
            </div>
            <div class="col-md-3 col-md-pull-7" id="recent">
                <h4>RECENT POSTS</h4>
                <ul class="nav nav-pills nav-stacked">
                    
112 113 114 115
                    <li>
                        <a href="/2015/08/01/Windows-10/" class="color_change">Windows 10: A Linux User's Perspective...</a>
                    </li>
                    
Pallav Agarwal's avatar
Pallav Agarwal committed
116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135
                    <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>
                    
                </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>