reusable-snippets.html

<!-- THESE ARE SNIPPETS I FIND MYSELF USING AGAIN AND AGAIN -->


<!-- ++++++++++++++++++++++++++++ -->
<!-- PRO TIP -->

<p class="left-align" style="margin-top:20px;"><small class="yellow">
  PRO TIP:
</small></p>

<!-- HINT -->

<p class="left-align" style="margin-top:20px;"><small class="green">
  HINT:
</small></p>

<!-- IMAGE CITATION -->
<p><small>
  From <a href=""></a>
</small></p>

<!-- ++++++++++++++++++++++++++++ -->
<!-- SECTION WITH LEFT PARAGRAPH -->

<section>
  <h2>HEADER</h2>
  <p class="left-align"></p>
</section>

<!-- ++++++++++++++++++++++++++++ -->
<!-- JAVA CODE -->

<pre><code contenteditable class="java">
CODE
</code></pre>

<section>
  <h2>HEADER</h2>
  <p class="left-align"></p>
  <pre><code contenteditable class="java">
  CODE
  </code></pre>
</section>

<!-- ++++++++++++++++++++++++++++ -->
<!-- XML CODE -->

<pre><code contenteditable class="xml">
XML -- DONT FORGET TO ESCAPE
</code></pre>

<!-- ++++++++++++++++++++++++++++ -->
<!-- TEACHER NOTES  -->

<aside class="notes">
  TEACHER
</aside>

<!-- ++++++++++++++++++++++++++++ -->
<!-- REVEAL ONE ITEM AT A TIME -->

<section>
  <h2>Fragmented Views</h2>
  <p>Hit the next arrow...</p>
  <p class="fragment">... to step through ...</p>
  <ol>
    <li class="fragment"><code>any type</code></li>
    <li class="fragment"><em>of view</em></li>
    <li class="fragment"><strong>fragments</strong></li>
  </ol>

  <ol>
    <li></li>
    <li></li>
    <li></li>
  </ol>

  <p class="fragment grow">grow</p>
  <p class="fragment shrink">shrink</p>
  <p class="fragment roll-in">roll-in</p>
  <p class="fragment fade-out">fade-out</p>
  <p class="fragment highlight-red">highlight-red</p>
  <p class="fragment highlight-green">highlight-green</p>
  <p class="fragment highlight-blue">highlight-blue</p>
</section>


<h2>Clever Quotes</h2>
<p>
	These guys come in two forms, inline: <q cite="http://searchservervirtualization.techtarget.com/definition/Our-Favorite-Technology-Quotations">
	The nice thing about standards is that there are so many to choose from</q> and block:
</p>
<blockquote cite="http://searchservervirtualization.techtarget.com/definition/Our-Favorite-Technology-Quotations">
	For years there has been a theory that millions of monkeys typing at random on millions of typewriters would
	reproduce the entire works of Shakespeare. The Internet has proven this theory to be untrue.
</blockquote>