index.html 17.4 KB
Newer Older
Pallav Agarwal's avatar
Pallav Agarwal committed
1
<title>Homepage - 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

<!-- 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]-->

    
Pallav Agarwal's avatar
Pallav Agarwal committed
24
    <img src="/img/homepage.jpg" id="bg-img" alt="Programmers Wallpaper banner">
Pallav Agarwal's avatar
Pallav Agarwal committed
25 26 27
    
    <div class="container">
        <div class="row" id="menu">
Pallav Agarwal's avatar
Pallav Agarwal committed
28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43
            <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
44 45 46 47 48 49 50
                </div>
            </div>
        </div>
        
        <div class="row" id="image"> </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>Homepage</h3>
                        <hr />
                        <div class="row text-justify" id="content-holder">
                            <div class="col-md-12">
                                
60 61 62 63 64 65 66 67 68
  <a href="/2015/10/06/Introduction-to-Cimulator/">INTRODUCTION TO CIMULATOR</a>
  <p class="author" style="text-align: right;">
    <span class="date">Oct 06, 2015</span>
  </p>
  <div class="content">
    <p>Cimulator is a tool that can help you see you program in action. That means no more mysterious floating point exceptions, no more hidden runtime errors. With Cimulator, you can actually see your program run step by step and debug the errors as they occur.</p> <p>You can change the speed of the Simulation using the slider on the top left hand side, or even pause the simulation altogether using the Pause button on the top right of the screen. The reset button, just next to the Pause button can be used to stop a running simulation, and reset everything. When...
  </div>
  <br /><br />

Pallav Agarwal's avatar
Pallav Agarwal committed
69 70 71 72 73 74 75 76 77
  <a href="/2015/08/24/Shared-TMUX-sessions/">SHARED SSH SESSIONS WITH TMUX - BEST OF TERMINAL</a>
  <p class="author" style="text-align: right;">
    <span class="date">Aug 24, 2015</span>
  </p>
  <div class="content">
    <p>Since the title isn't very descriptive, let us look at what we are trying to achieve. Click the image below to view the animation I recorded. The two terminals are made to mirror each other, i.e. anything I type on one terminal will appear on the second one, and vice versa.</p> <p><br /> <img src="/img/TMUX-animation.gif" alt="SSH shared session using TMUX" class="img-responsive"> <br /></p> <p>This won't make much sense, or seem of any use, until you realize that the two terminals need not be on the same computer. That is, me and my friend from across the country could do this...
  </div>
  <br /><br />

78 79 80 81 82 83 84 85 86
  <a href="/2015/08/01/Windows-10/">WINDOWS 10: A LINUX USER'S PERSPECTIVE</a>
  <p class="author" style="text-align: right;">
    <span class="date">Aug 01, 2015</span>
  </p>
  <div class="content">
    <p>For the TL;DR people, here is the verdict. Microsoft has tried (For the first time, it seems) very hard to actually make the OS more hospitable for both technical and the non-technical community. Features like PackageManagement and switchable desktops (Linux Workspace equivalent) actually have made Windows 10 a huge improvement over its predecessor.</p> <p>So, like everyone else, in the past two days, my facebook feed was filled with posts about Windows 10. As a linux user, I tried for quite some time to ignore the posts, but then finally decided to upgrade my preinstalled Windows to 10.</p> <p>The article is...
  </div>
  <br /><br />

87 88 89 90 91 92 93 94 95
  <a href="/2015/08/01/SSH-from-Windows/">USING SSH FROM WINDOWS 10 WITHOUT PUTTY</a>
  <p class="author" style="text-align: right;">
    <span class="date">Aug 01, 2015</span>
  </p>
  <div class="content">
    <p>With the recent upgrade to Windows 10, Microsoft fixed many of the things that I despised in Windows 8. I don't usually use Windows if I can avoid it, but unfortunately, some of my work requires me to use it anyway. For those times, one of the basic needs for me is an SSH client. A <em>LOT</em> of the time I'm programming directly on a SSHed server machine.</p> <p>Till a few days ago, this meant that I had to use PuTTY everytime I had to use SSH from Windows. If you have ever used PuTTY, you'd know that it isn't...
  </div>
  <br /><br />

Pallav Agarwal's avatar
Pallav Agarwal committed
96 97 98 99 100 101 102 103 104
  <a href="/2015/07/27/Boost-Python-Performance/">CYTHON: BOOST PYTHON CODE PERFORMANCE</a>
  <p class="author" style="text-align: right;">
    <span class="date">Jul 27, 2015</span>
  </p>
  <div class="content">
    <p>This tip is for those people who have been working on large python projects and the fact that python is a slow language as compared to statically compiled languages has finally caught up with them. This tip is about Cython, what it is and where can you use it for maximum effect.</p> <p><br /></p> <h4><strong>What is Cython?</strong></h4> <p>From the docs themselves,</p> <blockquote><p>Cython is an optimising static compiler for both the Python programming language and the extended Cython programming language (based on Pyrex).</p> <p>The Cython language is a superset of the Python language that additionally supports calling C functions and declaring...
  </div>
  <br /><br />

105 106 107 108 109 110 111 112 113
  <a href="/2015/07/09/Wrath-of-Linux-Package-Managers/">WRATH OF LINUX PACKAGE MANAGERS</a>
  <p class="author" style="text-align: right;">
    <span class="date">Jul 09, 2015</span>
  </p>
  <div class="content">
    <p>We all love to characterise things as <em>"More than the sum of it's parts"</em>. We'd like to say the same about our linux operating system. My <strong>ARCH</strong> is more than the sum of it's parts! Well.. no.</p> <p>A linux system is exactly the sum of it's parts. And most of those parts are connected to the base package manager, the beast that acts like a framework, holding everything together.</p> <p>Have you ever wondered what makes <em>Ubuntu</em> <strong>Ubuntu</strong>? Or what is the difference between <em>ARCH</em> and <em>GENTOO</em>? If you guessed <em>a package manager</em>, you'd be right.</p> <p>You probably don't believe me?...
  </div>
  <br /><br />

114 115 116 117 118 119 120 121 122
  <a href="/2015/07/09/Vim-Plugins/">ESSENTIAL VIM PLUGINS</a>
  <p class="author" style="text-align: right;">
    <span class="date">Jul 09, 2015</span>
  </p>
  <div class="content">
    <h4>RECAP:</h4> <p>First, lets recap. Vim plugins are used to add functionality to vim. That functionality can be syntax highlighting, bracket matching, mode switching, easy file searching etc. Pretty much, there's a plugin for every functionality that is not built-in to vim.</p> <p><br /></p> <h4>INSTALLATIONS:</h4> <p>The way of installation varies with the type of plugin manager you are using. Almost all plugins are either developed or backed up on github. Most plugin managers make it trivial to install plugins from github repositories.</p> <p>For pathogen, clone the plugin in the <code>bundle</code> folder in the <code>.vim</code> directory in your home folder.</p> <p>For Vundle,...
  </div>
  <br /><br />

123 124 125 126 127 128 129 130 131
  <a href="/2015/07/08/Vim-Colorscheme/">VIM: SETTING A COLORSCHEME</a>
  <p class="author" style="text-align: right;">
    <span class="date">Jul 08, 2015</span>
  </p>
  <div class="content">
    <p>Every good text editor deserves to have a customizable color scheme. For vim, colorschemes are installed as any other plugin. Most colorschemes can be downloaded as a <code>.vim</code> file. <em>If</em> you are not using a plugin manager, you need to copy the <code>.vim</code> file to an <code>autoload</code> folder inside a <code>.vim</code> folder in your home directory.</p> <p>However, if you <em>are</em> using a plugin manager, (<em>as you should</em>), then depending on the plugin manager, the colorscheme may be installed like a plugin. Personally, I suggest you install a <a href="http://github.com/flazz/vim-colorschemes">colorscheme-pack</a>. Since it makes it trivially easy to switch to any colorscheme...
  </div>
  <br /><br />

Pallav Agarwal's avatar
Pallav Agarwal committed
132 133 134 135 136
  <a href="/2015/07/03/Vim-Plug-Plugin-Manager/">PLUGIN MANAGEMENT IN VIM</a>
  <p class="author" style="text-align: right;">
    <span class="date">Jul 03, 2015</span>
  </p>
  <div class="content">
137
    <p><em>What I've written in this post is my opinion, and should not be taken as fact. There may be features I don't know about, and my preference order may not be same as yours.</em></p> <p>Here is a quick overview of the plugin managers that I've used, ending with explanations on how to use my personal favorite, Vim-Plug. You may skip the comparision section if you just want to be started quickly.</p> <p><br /></p> <h3>3. PATHOGEN</h3> <p>No discussion of package managers is complete without mentioning pathogen. Pathogen is one of the oldest Package Manager for vim. It simply allows you to...
Pallav Agarwal's avatar
Pallav Agarwal committed
138 139 140
  </div>
  <br /><br />

Pallav Agarwal's avatar
Pallav Agarwal committed
141 142 143 144 145
  <a href="/2015/07/01/Vim-Mappings/">QUICK INTRO TO CUSTOM VIM MAPPINGS</a>
  <p class="author" style="text-align: right;">
    <span class="date">Jul 01, 2015</span>
  </p>
  <div class="content">
Pallav Agarwal's avatar
Pallav Agarwal committed
146
    <p>One of the best things about vim is its ability to create custom mappings for <em>almost</em> any key in all modes.</p> <p>Suppose you want Ctrl+S to save your document while you are in insert mode, because pressing</p> <pre><code>&lt;Esc&gt;:w&lt;Enter&gt;i </code></pre> <p>to switch to normal mode, save the file, and return back to insert mode is a bit too much. According to vim philosophy, it actually <strong>is</strong> too much, and thus you can map Ctrl+S to those keys just as easily.</p> <p>For this, add the following to your vimrc</p> <pre><code>inoremap &lt;C-S&gt; &lt;Esc&gt;:w&lt;Enter&gt;i </code></pre> <h4>EXPLANATION:</h4> <p>The command has separate parts but follows the...
Pallav Agarwal's avatar
Pallav Agarwal committed
147 148 149
  </div>
  <br /><br />

Pallav Agarwal's avatar
Pallav Agarwal committed
150 151 152 153

<!-- Pagination links -->
<div class="pagination" style="text-align: center; width: 100%;">
  
154 155 156
  <span class="page_number ">Page: 1 of 2</span>
  
    <a href="/page2" class="next">Next</a>
Pallav Agarwal's avatar
Pallav Agarwal committed
157 158
  
</div>
Pallav Agarwal's avatar
Pallav Agarwal committed
159

Pallav Agarwal's avatar
Pallav Agarwal committed
160 161
                            </div>
                        </div>
Pallav Agarwal's avatar
Pallav Agarwal committed
162 163
                    </div>
                </div>
164
                <hr /><br />
Pallav Agarwal's avatar
Pallav Agarwal committed
165 166 167 168 169
            </div>
            <div class="col-md-3 col-md-pull-7" id="recent">
                <h4>RECENT POSTS</h4>
                <ul class="nav nav-pills nav-stacked">
                    
170 171 172 173
                    <li>
                        <a href="/2015/10/06/Introduction-to-Cimulator/" class="color_change">Introduction to Cimulator</a>
                    </li>
                    
Pallav Agarwal's avatar
Pallav Agarwal committed
174 175 176 177
                    <li>
                        <a href="/2015/08/24/Shared-TMUX-sessions/" class="color_change">Shared SSH sessions with TMUX -...</a>
                    </li>
                    
178 179 180 181
                    <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
182 183 184 185 186 187 188 189 190 191 192 193
                    <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>
                    
                </ul>
                <h4>RECENT TIPS</h4>
                <ul class="nav nav-pills nav-stacked">
                    
194 195 196 197
                    <li>
                        <a href="/2015/08/01/SSH-from-Windows/" class="color_change">Using SSH from Windows 10 without...</a>
                    </li>
                    
Pallav Agarwal's avatar
Pallav Agarwal committed
198 199 200 201
                    <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
202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220
                    <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">
221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237
                <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 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>
238 239 240 241 242 243 244 245 246
/* * * 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
247 248 249 250 251 252 253
(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');
254 255 256
                        </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
257
                </div>
Pallav Agarwal's avatar
Pallav Agarwal committed
258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280
            </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>