xxxxxxxxxx
<html>
<head>
<title>Two Column Layout</title>
<meta charset="utf-8">
<meta name="description" content="Two Column Layout">
<meta name="author" content="Ramnath Vaidyanathan">
<meta name="generator" content="slidify" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<link rel="stylesheet" href="https://slidifylibraries2.googlecode.com/git/inst/libraries/frameworks/io2012/css/default.css" media="all" >
<link rel="stylesheet" href="https://slidifylibraries2.googlecode.com/git/inst/libraries/frameworks/io2012/css/phone.css"
media="only screen and (max-device-width: 480px)" >
<link rel="stylesheet" href="https://slidifylibraries2.googlecode.com/git/inst/libraries/frameworks/io2012/css/slidify.css" >
<link rel="stylesheet" href="https://slidifylibraries2.googlecode.com/git/inst/libraries/highlighters/highlight.js/css/solarized_light.css" />
<base target="_blank"> <!-- This amazingness opens all links in a new tab. --> <link rel=stylesheet href="./assets/css/ribbons.css"></link>
<!-- Grab CDN jQuery, fall back to local if offline -->
<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-1.7.min.js"></script>
<script>window.jQuery || document.write('<script src="https://slidifylibraries2.googlecode.com/git/inst/libraries/widgets/quiz/js/jquery.js"><\/script>')</script>
<script data-main="https://slidifylibraries2.googlecode.com/git/inst/libraries/frameworks/io2012/js/slides"
src="https://slidifylibraries2.googlecode.com/git/inst/libraries/frameworks/io2012/js/require-1.0.8.min.js">
</script>
</head>
<body style="opacity: 0">
<slides class="layout-widescreen">
<!-- LOGO SLIDE -->
<slide class="title-slide segue nobackground">
<hgroup class="auto-fadein">
<h1>Two Column Layout</h1>
<h2></h2>
<p>Ramnath Vaidyanathan<br/></p>
</hgroup>
<article></article>
</slide>
<!-- SLIDES -->
<slide class="RAW" id="slide-1" style="background:;">
<hgroup>
<h2>Two Column Layout</h2>
</hgroup>
<article data-timings="">
<p>This is the default two column layout that ships with <code>io2012</code>.</p>
<pre><code>---
layout: slide
---
{{{ slide.content }}}
<div style='float:left;width:48%;' class='centered'>
{{{ slide.left.html }}}
</div>
<div style='float:right;width:48%;'>
{{{ slide.right.html }}}
</div>
</code></pre>
</article>
<!-- Presenter Notes -->
</slide>
<slide class="" id="slide-2" style="background:;">
<hgroup>
<h2>Two Columns</h2>
</hgroup>
<article data-timings="">
<p>This text should span the entire slide.</p>
<div style='float:left;width:48%;' class='centered'>
<h2>Left</h2>
<p>This text should float to the left.</p>
</div>
<div style='float:right;width:48%;'>
<h2>Right</h2>
<p>This text should float to the right.</p>
</div>
</article>
<!-- Presenter Notes -->
</slide>
<slide class="backdrop"></slide>
</slides>
<div class="pagination pagination-small" id='io2012-ptoc' style="display:none;">
<ul>
<li>
<a href="#" target="_self" rel='tooltip'
data-slide=1 title='Two Column Layout'>
1
</a>
</li>
<li>
<a href="#" target="_self" rel='tooltip'
data-slide=2 title='Two Columns'>
2
</a>
</li>
</ul>
</div> <!--[if IE]>
<script
src="https://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js">
</script>
<script>CFInstall.check({mode: 'overlay'});</script>
<![endif]-->
</body>
<!-- Load Javascripts for Widgets -->
<!-- LOAD HIGHLIGHTER JS FILES -->
<script src="https://slidifylibraries2.googlecode.com/git/inst/libraries/highlighters/highlight.js/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<!-- DONE LOADING HIGHLIGHTER JS FILES -->
</html>
Modified http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.min.js to a secure url
Modified http://slidifylibraries2.googlecode.com/git/inst/libraries/widgets/quiz/js/jquery.js to a secure url
Modified http://slidifylibraries2.googlecode.com/git/inst/libraries/highlighters/highlight.js/highlight.pack.js to a secure url
https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.min.js
https://slidifylibraries2.googlecode.com/git/inst/libraries/widgets/quiz/js/jquery.js
https://slidifylibraries2.googlecode.com/git/inst/libraries/highlighters/highlight.js/highlight.pack.js