Permalink
Switch branches/tags
Nothing to show
Find file
Fetching contributors…
Cannot retrieve contributors at this time
340 lines (276 sloc) 12.4 KB
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=1024" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<title>Bootstrap a Remarkable Career | by @arunsark | Ostrya Labs</title>
<meta name="description" content="Bootstrapping a Remarkable Career."/>
<meta name="author" content="Arun Vydianathan" />
<link href="http://fonts.googleapis.com/css?family=Open+Sans:regular,semibold,italic,italicsemibold|PT+Sans:400,700,400italic,700italic|PT+Serif:400,700,400italic,700italic" rel="stylesheet" />
<link href="css/impress-demo.css" rel="stylesheet" />
<link rel="shortcut icon" href="favicon.png" />
<link rel="apple-touch-icon" href="apple-touch-icon.png" />
</head>
<body class="impress-not-supported">
<div class="fallback-message">
<p>Your browser <b>doesn't support the features required</b> by impress.js, so you are presented with a simplified version of this presentation.</p>
<p>For the best experience please use the latest <b>Chrome</b>, <b>Safari</b> or <b>Firefox</b> browser.</p>
</div>
<div id="impress">
<div id="first" class="step slide" data-x="-1000" data-y="-1500">
<q>
<p align="center"><img src="title.png"/></p>
<p align="center"><span style="color:black">Arun Vydianthan</span> </p>
<p align="center"> <span style="color:red">@arunsark </span></p>
<p align="center"> <span style="color:black">Ostrya</span> <span style="color:red">Labs</span></p>
</q>
</div>
<div class="step slide" data-x="0" data-y="-1500">
<img src="happy_days.jpg" width="750" height="550"/>
</div>
<div class="step slide" data-x="1000" data-y="-1500">
<img src="corporate.jpg" width="750" height="550"/>
</div>
<div class="step slide" data-x="2000" data-y="-1500">
<p align="center">
<img src="business_man.jpg" width="450" height="550"/>
</div>
<div id="title" class="step" data-x="0" data-y="0" data-scale="4">
<p>let's then</p>
<span>Bootstrap a Remarkable <span style="color:red">Career</span></span>
</div>
<div id="passion" class="step" data-x="850" data-y="3000"
data-rotate="90" data-scale="5">
<img src="passion.jpg"/>
<p style="color:red">Without passion you are dead</p>
</div>
<div id="sachin" class="step" data-x="1850" data-y="4500"
data-rotate="180" data-scale="5">
<img src="sachin.jpg"/>
</div>
<div id="find-passion" class="step" data-x="3500" data-y="2100" data-rotate="180" data-scale="6">
<p>Find your <b style="color:red">passion</b>, <span class="thoughts">your obssession</span></p>
</div>
<div id="3-idiots" class="step" data-x="3850" data-y="-3500"
data-rotate="90" data-scale="1">
<ul>
<li>Coding</li>
<li>Writing</li>
<li>Teaching</li>
</ul>
<img src="3_idiots.jpg">
</div>
<div id="money" class="step" data-x="2825" data-y="2325"
data-z="-3000" data-rotate="300" data-scale="1">
<img src="money_passion.jpg" />
<p> <b style="color:red">money</b> cannot be a passion</p>
</div>
<div id="hoppers" class="step" data-x="3500" data-y="-850" data-rotate="270" data-scale="6">
<p>the <b class="positioning" style="color:red">30%</b> <b class="rotating">hoppers</b></p>
</div>
<div id="invest" class="step" data-x="6700" data-y="-300" data-scale="6">
<p>Invest in your <b class="imagination" style="color:red">intelligence</b></p>
</div>
<div id="learn-new" class="step" data-x="3900" data-y="-900"
data-rotate="90" data-scale="5">
<p>Learn something new each <b class="imagination" style="color:red">day</b></p>
</div>
<div id="learn-techniques" class="step" data-x="1900" data-y="-3900"
data-rotate="90" data-scale="5">
<p>Google Reader is your <b class="imagination" style="color:red">friend</b></p>
<p>Safari Books online</p>
<img src="reader.png" />
<img src="safari.gif" />
</div>
<div id="craft" class="step" data-x="1900" data-y="-2325"
data-z="-3000" data-rotate="300" data-scale="1">
<img src="pottery.jpg" />
<p> Software Development is a <span style="color:red">Craft </span></p>
</div>
<div id="practice" class="step" data-x="1500" data-y="-2725" data-z="-4000" data-rotate="300" data-scale="1">
<p> Practice, Practice, <b style="color:red">Practice!</b></p>
</div>
<div id="10000" class="step" data-x="1500" data-y="-2725" data-z="-2000" data-rotate="300" data-scale="1">
<p> 10,000 hour rule <b style="color:red">Malcolm
Gladwell</b></p>
<table> <tr>
<td><img src="beatles.jpg" /></td>
<td> <img src="outlier.jpg" height="250px"
width="250px"/> </td>
</tr> </table>
</div>
<div id="polyglot" class="step" data-x="2500" data-y="-2725" data-z="-3000" data-rotate="300" data-scale="1">
<p> This is the age of <b style="color:red">Polyglots</b></p>
<img src="polyglot.jpg" />
</div>
<div id="ruby-monk" class="step" data-x="4500" data-y="-1725" data-z="-3000" data-rotate="130" data-scale="1">
<img src="ruby_monk.png" />
</div>
<div id="fowler" class="step" data-x="3000" data-y="-2850"
data-z="-3000" data-rotate="270" data-scale="1">
<q> Any fool can write code that a computer can
understand. Good programmers write code that humans can
understand. — <span style="color:red">Martin Fowler</span></q>
</div>
<div id="dearth" class="step" data-x="3500" data-y="-2850"
data-z="-3000" data-rotate="90" data-scale="1">
<q> There is a dearth of real <span style="color:red">passionate</span> programmers in
India. </q>
</div>
<div id="dilbert" class="step" data-x="4000" data-y="-2850"
data-z="-3000" data-rotate="180" data-scale="1">
<img src="dilbert.jpg" />
</div>
<div id="stand-out" class="step" data-x="4800" data-y="-2850"
data-z="-3000" data-rotate="75" data-scale="1">
<p>How can you <span style="color:red">stand out</span> from the crowd? </p>
<img src="stand_out.jpg" />
</div>
<div id="corporate-tips" class="step" data-x="5800" data-y="-2850"
data-z="-3000" data-rotate="75" data-scale="1">
<ul>
<li> Maintenance Projects are good </li>
<li> Be a Genaralist </li>
<li> Be a Specialist </li>
<li> Hate Repetitive Tasks </li>
<li> Share and help others </li>
</ul>
</div>
<div id="knowledge-sharing" class="step" data-x="5800" data-y="-3850"
data-z="-3000" data-rotate="75" data-scale="1">
<q>If you light a light for somebody, it will also brighten your
path - <span style="color:red">Buddhist Proverb</span></q>
</div>
<div id="corporate-tips-2" class="step" data-x="5800" data-y="-1850"
data-z="-3000" data-rotate="75" data-scale="1">
<ul>
<li> Find a Mentor </li>
<li> Be the worst in your team </li>
<li> Track your learnings </li>
<li> Avoid blind Copy-Paste </li>
<li> Do not blind yourself in your success </li>
<li> Push yourself out of your comfort zone </li>
</ul>
</div>
<div id="corporate-tips-3" class="step" data-x="7800" data-y="-1850"
data-z="-3000" data-rotate="275" data-scale="1">
<table><tr>
<td>Bench &</td>
<td>MBA <span style="color:red">Trap</span></td>
</tr>
<tr>
<td><img src="bench.jpg" /></td>
<td><img src="mba.jpg" style="height: 250px"/></td>
</tr>
</table>
<span style="font-size:12px">http://www.flickr.com/photos/65487073@N03/7026910359/in/photostream/ <br/>
http://www.currentweek.net/2011/06/dont-do-mba-is-mba-worth-it-for-me.html</span>
</div>
<div id="adapt-to-change" class="step" data-x="5800" data-y="-850"
data-z="-2800" data-rotate="90" data-scale="1"
<q>It is not the strongest of the species that survive, nor the most
intelligent, but the one most responsive to
change. <span style="color:red">Charles Darwin</span></q>
</div>
<div id="time-health" class="step" data-x="4800" data-y="-850"
data-z="-3000" data-rotate="75" data-scale="1">
<q> Time and Health are two precious assets that we don't
recognize and appreciate until they have been depleted. <span style="color:red">Denis
Waitley </span> </q>
</div>
<div id="startup" class="step" data-x="7300" data-y="2000" data-rotate="20" data-scale="4">
<p>Want to quit the corporate?</p>
<q>And build a <span style="color:red">Business?</span></q>
</div>
<div id="remember" class="step" data-x="10300" data-y="2000" data-rotate="20" data-scale="4">
<b style="color:red"> Remember </b>
Enemy is not
<ul>
<li> Lack of preparation </li>
<li> Lack of bank balance </li>
<li> Difficulty of project </li>
<li> State of the market </li>
</ul>
But it is the <span style="color:red">Resistance</span> within!
</div>
<div id="brand" class="step" data-x="10300" data-y="700" data-rotate="90" data-scale="4">
Build your <b style="color:red"> Brand </b>
<ul>
<li> Blogging </li>
<li> Twitter </li>
<li> Open Source Software </li>
</ul>
</div>
<div id="github" class="step" data-x="6300" data-y="2000" data-rotate="270" data-scale="3">
<img src="github.png"/>
</div>
<div id="jago-rails" class="step" data-x="7300" data-y="4000" data-rotate="180" data-scale="3">
<p><img src="railscasts_logo.png"/></p>
<p><img src="jagoinvestor.png"/></p>
</div>
<div id="startup-starup" class="step" data-x="4300" data-y="4000" data-rotate="90" data-scale="3">
<ul>
<li> Build a MVP </li>
<li> Share your million dollar idea </li>
<li> Send teasers </li>
<li> Measure the response </li>
</ul>
</div>
<div id="outside-fund" class="step" data-x="4300" data-y="6500" data-rotate="90" data-scale="3">
<q> Outside funding is <span style="color:red">Plan Z</span></q>
</div>
<div id="scratch" class="step" data-x="3300" data-y="7500" data-rotate="190" data-scale="3">
<q> Scratch your own <span style="color:red">Itch</span></q>
</div>
<div id="network" class="step" data-x="4300" data-y="6500"
data-rotate="360" data-scale="2">
<p style="color:red">Network</p>
<ul>
<li> Startup Saturday </li>
<li> Mailing Lists </li>
<li> Conferences </li>
<li> IEEE </li>
</ul>
</div>
<div id="lean" class="step" data-x="5300" data-y="7500"
data-rotate="45" data-scale="2">
<table><tr>
<td><img src="lean_startup.jpg" /></td>
<td><img src="running_lean.jpg" /></td>
</tr></table>
</div>
<div id="one-more-thing" class="step" data-x="6000" data-y="4000" data-scale="2">
<p>one more thing...</p>
</div>
<div id="honesty" class="step" data-x="6200" data-y="4300" data-z="-100" data-rotate-x="-40" data-rotate-y="10" data-scale="2">
<p><span class="have"
style="color:red">Honesty</span> <span class="you">pays</span></p>
<p><span class="noticed"
style="color:red">Honesty</span> <span class="its">is</span> <span class="in">the</span> <b>best<sup>
policy</sup></b>!</p>
<span class="footnote">Wish you the Best!</span>
</div>
<div id="first" class="step slide" data-x="-1000" data-y="-1500">
<q>
<p align="center"><img src="title.png"/></p>
<p align="center"><span style="color:black">Arun Vydianthan</span> </p>
<p align="center"> <span style="color:red">@arunsark </span></p>
<p align="center"> <span style="color:black">Ostrya</span> <span style="color:red">Labs</span></p>
</q>
</div>
<div id="overview" class="step" data-x="3000" data-y="1500" data-scale="10">
</div>
</div>
<div class="hint">
<p>Use a spacebar or arrow keys to navigate</p>
</div>
<script>
if ("ontouchstart" in document.documentElement) {
document.querySelector(".hint").innerHTML = "<p>Tap on the left or right to navigate</p>";
}
</script>
<script src="js/impress.js"></script>
<script>impress().init();</script>
</body>
</html>