%%%% %% Sample slides converted to markdown
%%%%%%%%%%%%%%%%% %
%!SLIDE biglogo
%%%%%%%%%%%%%%%%% %
% %
% Sergey Brin
%
% May 10, 2011
%
TODO
TODO - how to create heading with break in markdown - possible? works like in paragraph???
%%%%%%%%%%%%%%%%%%
%
% This is a slide with just text. This is a slide with just text. % This is a slide with just text. This is a slide with just text. % This is a slide with just text. This is a slide with just text. %
%% There is more text just underneath. %
%!SLIDE
This is a slide with just text. This is a slide with just text. This is a slide with just text. This is a slide with just text. This is a slide with just text. This is a slide with just text.
There is more text just underneath.
%%%%%%%%%%%%%%%%%% %
% %% This is a slide with just text. This is a slide with just text. % This is a slide with just text. This is a slide with just text. % This is a slide with just text. This is a slide with just text. %
%
% There is more text just underneath with a code sample: 5px.
%
!SLIDE
This is a slide with just text. This is a slide with just text. This is a slide with just text. This is a slide with just text. This is a slide with just text. This is a slide with just text.
There is more text just underneath with a code sample: 5px.
%%%%%%%%%%%%%%%%%%%%%%% %
% %% This is a slide with just text. This is a slide with just text. % This is a slide with just text. This is a slide with just text. % This is a slide with just text. This is a slide with just text. %
%
% There is more text just underneath with a code sample: 5px.
%
!SLIDE smaller
This is a slide with just text. This is a slide with just text. This is a slide with just text. This is a slide with just text. This is a slide with just text. This is a slide with just text.
There is more text just underneath with a code sample: 5px.
%%%%%%%%%%%%%%%%%%%%%%%%% %
% %-
%
- % Use this template to create your presentation % %
- % Use the provided color palette, box and arrow graphics, and % chart styles % %
- % Instructions are provided to assist you in using this % presentation template effectively % %
- % At all times strive to maintain Google's corporate look and feel % %
!SLIDE
- Use this template to create your presentation
- Use the provided color palette, box and arrow graphics, and chart styles
- Instructions are provided to assist you in using this presentation template effectively
- At all times strive to maintain Google's corporate look and feel
%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %
% %-
%
- % This is an example of a list % %
- % The list items fade in % %
- % Last one! % %
Any element with child nodes can build.
%It doesn't have to be a list.
%TBD
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %
% %-
%
- % Use this template to create your presentation %
- % Use the provided color palette, box and arrow graphics, and % chart styles %
- % Instructions are provided to assist you in using this % presentation template effectively %
- % At all times strive to maintain Google's corporate look and feel %
<article>
<h3>
Slide with a table
</h3>
<table>
<tr>
<th>
Name
<th>
Occupation
<tr>
<td>
Luke Mahé
<td>
V.P. of Keepin’ It Real
<tr>
<td>
Marcin Wichary
<td>
The Michael Bay of Doodles
</table>
</article>
<article class='smaller'>
<h3>
Slide with a table (smaller text)
</h3>
<table>
<tr>
<th>
Name
<th>
Occupation
<tr>
<td>
Luke Mahé
<td>
V.P. of Keepin’ It Real
<tr>
<td>
Marcin Wichary
<td>
The Michael Bay of Doodles
</table>
</article>
<article>
<h3>
Styles
</h3>
<ul>
<li>
<span class='red'>class="red"</span>
<li>
<span class='blue'>class="blue"</span>
<li>
<span class='green'>class="green"</span>
<li>
<span class='yellow'>class="yellow"</span>
<li>
<span class='black'>class="black"</span>
<li>
<span class='white'>class="white"</span>
<li>
<b>bold</b> and <i>italic</i>
</ul>
</article>
<article>
<h2>
Segue slide
</h2>
</article>
<article>
<h3>
Slide with an image
</h3>
<p>
<img style='height: 500px' src='images/example-graph.png'>
</p>
<div class='source'>
Source: Sergey Brin
</div>
</article>
<article>
<h3>
Slide with an image (centered)
</h3>
<p>
<img class='centered' style='height: 500px' src='images/example-graph.png'>
</p>
<div class='source'>
Source: Larry Page
</div>
</article>
<article class='fill'>
<h3>
Image filling the slide (with optional header)
</h3>
<p>
<img src='images/example-cat.jpg'>
</p>
<div class='source white'>
Source: Eric Schmidt
</div>
</article>
<article>
<h3>
This slide has some code
</h3>
<section>
<pre>
<script type='text/javascript'> // Say hello world until the user starts questioning // the meaningfulness of their existence. function helloWorld(world) { for (var i = 42; --i >= 0;) { alert('Hello ' + String(world)); } } </script> <style> p { color: pink } b { color: blue } u { color: 'umber' } </style>
<article class='smaller'>
<h3>
This slide has some code (small font)
</h3>
<section>
<pre>
<script type='text/javascript'> // Say hello world until the user starts questioning // the meaningfulness of their existence. function helloWorld(world) { for (var i = 42; --i >= 0;) { alert('Hello ' + String(world)); } } </script> <style> p { color: pink } b { color: blue } u { color: 'umber' } </style>
<article>
<q>
The best way to predict the future is to invent it.
</q>
<div class='author'>
Alan Kay
</div>
</article>
<article class='smaller'>
<q>
A distributed system is one in which the failure of a computer
you didn’t even know existed can render your own computer unusable.
</q>
<div class='author'>
Leslie Lamport
</div>
</article>
<article class='nobackground'>
<h3>
A slide with an embed + title
</h3>
<iframe src='http://www.google.com/doodle4google/history.html'></iframe>
</article>
<article class='nobackground'>
<iframe src='http://www.google.com/doodle4google/history.html'></iframe>
</article>
<article class='fill'>
<h3>
Full-slide embed with (optional) slide title on top
</h3>
<iframe src='http://www.google.com/doodle4google/history.html'></iframe>
</article>
<article>
<h3>
Thank you!
</h3>
<ul>
<li>
<a href='http://www.google.com'>google.com</a>
</ul>
</article>