Example I/O 2012

Base Markdown

I/O 2012 slide example
======================

----

### Simple slide with header and text
Here is the text of hgroup.

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.

____

### Simple slide with header and text (small font)
Here is the text of hgroup.

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.

****

### Image filling the slide (with optional header)
Here is the text of hgroup.

![syaraku](images/syaraku_eye.jpg)

There is more text just underneath.

Converted HTML

<slide>
  <hgroup>
    <h1>
      I/O 2012 slide example
    </h1>
  </hgroup>
</slide>

<slide>
  <hgroup>
    <h3>
      Simple slide with header and text
    </h3>
    <p>
      Here is the text of hgroup.
    </p>
  </hgroup>
  <article class="none">
    <p>
      This is a slide with just text. This is a slide with just text.<br />
      This is a slide with just text. This is a slide with just text.<br />
      This is a slide with just text. This is a slide with just text.<br />
    </p>
    <p>
      There is more text just underneath.
    </p>
  </article>
</slide>

<slide>
  <hgroup>
    <h3>
      Simple slide with header and text (small font)
    </h3>
    <p>
      Here is the text of hgroup.
    </p>
  </hgroup>
  <article class="smaller">
    <p>
      This is a slide with just text. This is a slide with just text.<br />
      This is a slide with just text. This is a slide with just text.<br />
      This is a slide with just text. This is a slide with just text.<br />
    </p>
    <p>
      There is more text just underneath.
    </p>
  </article>
</slide>

<slide>
  <hgroup>
    <h3>
      Image filling the slide (with optional header)
    </h3>
    <p>
      Here is the text of hgroup.
    </p>
  </hgroup>
  <article class="fill">
    <p>
      <img alt="syaraku" src="images/syaraku_eye.jpg" />
    </p>
    <p>
      There is more text just underneath.
    </p>
  </article>
</slide>

Tips

Presenter note

Converted to the presenter note from markdown comment tag.

<!--
  write a note here.
-->

<aside class="note">
  write a note here.
</aside>

presenter