index.html 9.08 KB
Newer Older
Pallav Agarwal's avatar
Pallav Agarwal committed
1 2 3 4 5 6 7 8
<title>About Me - VARSTACK</title>
<meta charset="utf-8"/>

<link href="/css/bootstrap.css" rel="stylesheet">
<link href="/css/highlighting.css" rel="stylesheet">
<link href="/css/style.css" rel="stylesheet">


9 10 11 12
<script src="/js/jquery-1.11.3.min.js" async></script>
<script src="/js/bootstrap.min.js" async></script>
<script src="/js/SmoothScroll.js" async></script>
<script src="/js/script.js" async></script>
Pallav Agarwal's avatar
Pallav Agarwal committed
13

14
<script src="/js/about.js" async></script>
Pallav Agarwal's avatar
Pallav Agarwal committed
15

Pallav Agarwal's avatar
Pallav Agarwal committed
16

17 18
<script type="text/javascript" async>var switchTo5x=true;</script>
<script type="text/javascript" async>stLight.options({publisher: "7839e2af-f9d1-4f68-9304-dcf13d3352ea", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>
Pallav Agarwal's avatar
Pallav Agarwal committed
19 20 21 22 23 24 25 26 27 28

<!-- 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">
            <div class="table_this" id="tableRow">
Pallav Agarwal's avatar
Pallav Agarwal committed
29 30
                <div class="col-md-3 vcenter" id="site_title"><a href="/" style="color:black;">VARSTACK</a></div>
                <div class="col-md-6 vcenter">
Pallav Agarwal's avatar
Pallav Agarwal committed
31 32
                    <div class="row" id="top_menu">
                        <ul class="nav nav-pills">
33 34 35
                            <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>
Pallav Agarwal's avatar
Pallav Agarwal committed
36 37 38 39
                            <li id="about"><a class="color_change" href="/about_me/">About Me</a></li>
                        </ul>
                    </div>
                </div>
Pallav Agarwal's avatar
Pallav Agarwal committed
40
                <div class="col-md-3 vcenter">
Pallav Agarwal's avatar
Pallav Agarwal committed
41 42 43 44 45 46 47 48 49 50
                    <div class="row">
                        <form action="/search/" id='search-form'>
                            <input id="search-box" type="text" name="query" placeholder="Search..">
                        </form>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="row" id="content">
Pallav Agarwal's avatar
Pallav Agarwal committed
51
            <div class="col-md-7 col-md-push-3">
Pallav Agarwal's avatar
Pallav Agarwal committed
52
                <div class="row" id="data">
Pallav Agarwal's avatar
Pallav Agarwal committed
53 54 55 56 57 58 59
                    <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
60 61
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
62

63 64
<p>Hi, let me first introduce myself.
I am Pallav Agarwal, a sophomore at the department of
Pallav Agarwal's avatar
Pallav Agarwal committed
65
Computer Science and Engineering, Indian Institute of
66 67 68
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
69

70
<p>It has been pointed out to me that I'm a <em>reinvent the wheel</em>
Pallav Agarwal's avatar
Pallav Agarwal committed
71 72 73 74 75 76 77 78 79 80 81
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>

82
<p>So, now I would like to offer an explanation,
Pallav Agarwal's avatar
Pallav Agarwal committed
83 84 85 86 87 88 89 90 91
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>

92 93 94 95 96 97 98 99 100 101 102 103 104 105
<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
106 107
                            </div>
                        </div>
Pallav Agarwal's avatar
Pallav Agarwal committed
108 109
                    </div>
                </div>
110
                <hr /><br />
Pallav Agarwal's avatar
Pallav Agarwal committed
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 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166
            </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">
                    
                    <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">
                <div class="col-md-8 col-md-offset-2">
                    <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>
167
                    <script type="text/javascript" async>
168 169 170 171 172 173 174 175 176
/* * * 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
177 178 179 180 181 182 183
(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');
Pallav Agarwal's avatar
Pallav Agarwal committed
184
                    </script>
185
                    <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js" async></script>
Pallav Agarwal's avatar
Pallav Agarwal committed
186 187
                    <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
                </div>
Pallav Agarwal's avatar
Pallav Agarwal committed
188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210
            </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>