class1.html

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">

    <title>Public Speaking through Lightning Talks - Class 1 ~ Girl Develop It</title>

    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

    <link rel="stylesheet" href="css/reveal.min.css">
    <link rel="stylesheet" href="css/theme/gdiaa.css" id="theme">
    <link rel="stylesheet" href="lib/css/light.css">
    <link rel="stylesheet" href="css/print/pdf.css" media="print">

    <script src="lib/js/head.min.js"></script>

    <!--[if lt IE 9]>
    <script src="lib/js/html5shiv.js"></script>
    <![endif]-->
  </head>

  <body>
    <div class="reveal">
      <!-- Any section element inside of this container is displayed as a slide -->
      <div class="slides">

        <!-- INTRO -->
        <section>
          <!-- Title -->
          <section>
            <img src="images/gdi_logo_badge.png" class="img--bare" height="450px" />
            <div class="box--small">
              <h3><small><span class="blue">Public Speaking through</span></small><br /><span class="green">Lightning Talks</span></h3>
              <p class="copy--xsmall">Class 1 &nbsp; | &nbsp; @gdiannarbor &nbsp; | &nbsp; #GDIA2</p>
            </div>
          </section>

          <!-- Class Agenda -->
          <section>
            <h3>Class Agenda</h3>
            <ul class="list--xtall box--small list--bare">
              <li><strong class="pink">Class 1:</strong> &nbsp; Intro to Public Speaking</li>
              <li><strong class="red">Class 2:</strong> &nbsp; Intro to Teaching</li>
              <li><strong class="red">Class 3:</strong> &nbsp; Intro to Lightning Talks</li>
              <li><strong class="red">Class 4:</strong> &nbsp; Leveling Up Your Speaker Skills</li>
            </ul>
          </section>

          <!-- Today's Agenda -->
          <section>
            <h3><span class="blue">Today</span> Public Speaking</h3>
            <ol class="list--xtall box--small">
              <li class="blue">The Basics</li>
              <li class="green">Tips for Getting Started</li>
              <li class="yellow">Introduction Exercise</li>
              <li class="pink">Slides 101</li>
              <li class="red">Homework Assignment</li>
            </ol>
          </section>

          <!-- Why are we here? -->
          <section>
            <h3>Why are we here?</h3>
            <ul class="box list--xtall copy--small">
              <li>To <span class="blue">learn the basics</span> of giving a <span class="green">strong presentation</span></li>
              <li>To <span class="blue">ask</span> and <span class="green">answer</span> questions</li>
              <li>To <span class="blue">practice</span> and <span class="green">improve</span> our speaking skills</li>
              <li>To <span class="blue">give</span> and <span class="green">receive</span> feedback</li>
              <li><span class="red">To become more self-aware</span></li>
            </ul>
          </section>
        </section>

        <!-- THE BASICS : Fear & Anxiety -->
        <section>
          <section>
            <h3>The Basics of Public Speaking</h3>
          </section>

          <section>
            <h3>Public Speaking</h3>
            <p class="box copy--small"><i>the art of effective oral communication with an audience</i></p>
            <p class="copy--xsmall"><a href="http://www.merriam-webster.com/dictionary/public%20speaking" target="_blank">Merriam-Webster</a></p>
          </section>

          <section>
            <h3>What We Already Know</h3>
            <p class="box">Public speaking is hard.</p>
            <p class="box fragment">And for a lot of us... can be very, very <span class="red">scary</span>.</p>
          </section>

          <section>
            <a href="images/fears.png" target="_blank"><img src="images/fears.png" width="900px" /></a>
          </section>

          <section>
            <a href="images/phobias.png" target="_blank"><img src="images/phobias.png" width="800px" /></a>
          </section>

          <section>
            <h4>Yes, Public Speaking can be scary.</h4>
            <p class="box">But...</p>
            <div class="fragment">
              <p class="green box--small">It's not going to kill you.</p>
              <img src="images/highfive-angels.gif" />
            </div>
          </section>

          <section>
            <h3>And here's a secret...</h3>
            <div class="box fragment">
              <p class="box--small"><span class="red"><i>ALL</i> speakers</span> experience <i>some</i> degree of anxiety<br/><span class="copy--small">before and during a presentation.</span></p>
              <img src="images/normal.gif" />
            </div>
          </section>

          <section>
            <h3>In fact...</h3>
            <p class="box fragment">Many people find this anxiety, in a way, enjoyable.</p>
            <p class="fragment copy--small">These people have learned to <span class="blue">allow and harness</span> the rush<br/>of <span class="green">intense feelings</span> that come up when speaking.</p>
          </section>

          <section>
            <h4>Public Speaking Triggers an Adrenaline Rush</h4>
            <div class="box--small"><img src="images/adrenaline.jpg" width="600" /></div>
            <div class="copy--xsmall"><a href="https://www.quora.com/How-does-adrenaline-work" target="_blank">How does adrenaline work - Quora</a></div>
          </section>

          <section>
            <h3>Embrace The Pain</h3>
            <p class="box copy--small"><span class="red">Fighting</span> the rush, fears, and anxiety only <span class="red">makes it worse</span>.</p>
            <p class="box copy--small"><span class="green">Allowing</span> it to be can take your presentation <span class="green">to the next level</span>.</p>
          </section>

          <section>
            <h4>You'll Need More Than A Fight Response</h4>
            <p class="box">Public speaking takes...</p>
            <ul class="copy--small list--tall">
              <li class="fragment">Confidence</li>
              <li class="fragment">Knowledge</li>
              <li class="fragment">Passion</li>
              <li class="fragment">Preparation</li>
              <li class="fragment">Presence</li>
              <li class="fragment">Connection</li>
            </ul>
          </section>

          <section>
            <h4>How do you feel about public speaking?</h4>
            <p class="copy--small box--small">What do you hope to learn from this workshop?</p>
            <a href="images/wordle.png" target="_blank"><img src="images/wordle.png" width="700px" style="background: white; padding: 40px;" /></a>
          </section>
        </section>

        <!-- THE BASICS : Types of Speeches -->
        <section>
          <section>
            <h3><span class="blue" style="line-height: 1.3">What do you think the qualities<br/>of a good speaker are?</span></h3>
          </section>

          <section>
            <h3>Types of Speeches</h3>
            <p class="box">Informative</p>
            <p class="box">Demonstrative</p>
            <p class="box">Persuasive</p>
            <p class="box">Entertaining</p>
          </section>

          <section>
            <h3><span class="blue">Types of Speech</span> Informative</h3>
            <p class="box copy--small">Provides interesting and/or useful information about a topic.<br/><small>Well researched and organized.</small></p>
            <p class="box--small copy--xsmall">Diversity Within Open Source Software Development</p>
            <p class="box--small copy--xsmall">Effects of Communication via Emoji</p>
            <p class="box--small copy--xsmall">The Evolution of Michigan Winter in the Age of Global Warming</p>
          </section>

          <section>
            <h3><span class="blue">Types of Speech</span> Informative</h3>
            <p class="box copy--small">Things to think about...</small></p>
            <p class="fragment box copy--xsmall left-align"><span class="green">Research and preparation</span> are key to creating a credible and engaging presentation.</p>
            <p class="fragment box copy--xsmall left-align">Content should be <span class="green">clear and precise</span>. Long, dry lectures tend to bore.</p>
            <p class="fragment box copy--xsmall left-align">The audience needs to process while you speak, so <span class="green">slow down</span> and <span class="green">include moments of silence</span>.</p>
            <p class="red fragment box copy--xsmall left-align">Success is in the degree to which your audience understands the content.</p>
          </section>

          <section>
            <h3><span class="blue">Types of Speech</span> Demonstrative</h3>
            <p class="box copy--small">Teaches <i>how</i> to do something.<br/><small>Provides examples and instructions.</small></p>
            <p class="box--small copy--xsmall">How to Theme Your WordPress Blog</p>
            <p class="box--small copy--xsmall">Getting Started with Composting</p>
            <p class="copy--xsmall">Creating a Company Culture of Empathy</p>
          </section>

          <section>
            <h3><span class="blue">Types of Speech</span> Demonstrative</h3>
            <p class="box copy--small">Things to think about...</small></p>
            <p class="fragment box copy--xsmall left-align">Use <span class="green">images, videos, code demos</span>, etc. to reiterate and provide alternate learning cues.</p>
            <p class="fragment box copy--xsmall left-align">Provide <span class="green">multiple methods</span> for accomplishing goals.</p>
            <p class="fragment box copy--xsmall left-align"><span class="green">Repeat.</span> Repeat. Repeat.</p>
            <p class="red fragment box copy--xsmall left-align">Success is in the audience member's ability to go home and recall enough information to get started (googling) on their own.</p>
          </section>

          <section>
            <h3><span class="blue">Types of Speech</span> Persuasive</h3>
            <p class="box copy--small">Attempts to <i>persuade</i> the audience to believe something.<br/><small>Sell, promote, convince.</small></p>
            <p class="box--small copy--xsmall">Change Your Life with the All-Beer Diet</p>
            <p class="box--small copy--xsmall">Join the Navy Seals</p>
            <p class="copy--xsmall">The 1969 Moon Landing was a Hoax</p>
          </section>

          <section>
            <h3><span class="blue">Types of Speech</span> Persuasive</h3>
            <p class="box copy--small">Things to think about...</small></p>
            <p class="fragment box copy--xsmall left-align">Include <span class="green">graphs, data, and supporting documentation</span> to validate your point.</p>
            <p class="fragment box copy--xsmall left-align">Relate to your audience throughs <span class="green">stories and solutions</span>.</p>
            <p class="fragment box copy--xsmall left-align">Make it personal. Show <span class="green">enthusiam and emotion</span>.</p>
            <p class="red fragment box copy--xsmall left-align">Success is in the degree to which your audience's beliefs have changed, or in the audience's resolution to act.</p>
          </section>

          <section>
            <h3><span class="blue">Types of Speech</span> Entertaining</h3>
            <p class="box copy--small">Attempts to leave the audience with a favorable impression.<br/><small>Humor is important.</small></p>
            <p class="box--small copy--xsmall">A Maid Of Honor Speech</p>
            <p class="box--small copy--xsmall">Comic Monologues</p>
            <p class="copy--xsmall">My Top 10 Favorite Beyonce GIFs</p>
          </section>

          <section>
            <h3><span class="blue">Types of Speech</span> Entertaining</h3>
            <p class="box copy--small">Things to think about...</small></p>
            <p class="fragment box copy--xsmall left-align">Provide amusement through <span class="green">humor and storytelling</span>.</p>
            <p class="fragment box copy--xsmall left-align">Create an <span class="green">emotional connection</span>.</p>
            <p class="fragment box copy--xsmall left-align"><span class='green'>Avoid offending.</span></p>
            <p class="red fragment box copy--xsmall left-align">Success is in creating an favorable, emotional reaction in the audience.</p>
          </section>
        </section>

        <!-- THE BASICS : Planning a Speech -->
        <section>
          <section>
            <h3>Planning a Speech</h3>
          </section>

          <section>
            <h3>Determine Your Objective</h3>
            <p class="box">What will you be speaking about?</p>
            <p class="box--small copy--xsmall">What do you want the audience to know?</p>
            <p class="box--small copy--xsmall">What problem are you trying to solve?</p>
            <p class="box--small copy--xsmall">What thing are you trying to change?</p>
            <p class="box">What type of talk is most fitting?</p>
          </section>

          <section>
            <h3>Identify Your Audience</h3>
            <p class="box">Who will you be speaking to?</p>
            <p class="box--small copy--xsmall">Why will they be there?</p>
            <p class="box--small copy--xsmall">How can you most effectively help them?</p>
            <p class="box--small copy--xsmall">What sort of language should you use?</p>
            <div class="box fragment">
              <p class="box--small">Start to think like your audience.</p>
              <p class="copy--xsmall box--small">Back to when you knew nothing...</p>
              <p class="copy--xsmall">How did it feel? &nbsp; What did you struggle with? &nbsp; How did you learn it?</p>
            </div>
          </section>

          <section>
            <h3>Name Your Talk</h3>
            <div class="box">
              <p class="box--small">Or, don't.</p>
              <p class="box copy--xsmall"><strong>If you've got a title you like already, go with it!</strong><br/>It'll help steer the direction of your content.</p>
              <p class="box--small copy--xsmall"><strong>If you're not quite sure about a title yet,</strong><br/>move on to the content and let it steer you to a title.</p>
            </div>
          </section>

          <section>
            <h3>Outline Your Talk</h3>
            <div class="box">
              <p class="box--small">Do your research.</p>
              <p class="box copy--xsmall">Determine the most important points and<br/>the order in which it makes sense to present them.</p>
              <p class="box copy--xsmall">Think about how you'll be able to transition from one point to the next.</p>
              <p class="box copy--xsmall">Decide how to make a strong first impression in your opening.</p>
              <p class="box copy--xsmall">Decide how you're closing statements will tie it all together.</p>
            </div>
          </section>
        </section>

        <!-- THE BASICS : Speech Structure -->
        <section>
          <section>
            <h3>Speech Structure</h3>
            <p class="box">Opening</p>
            <p class="box">Body</p>
            <p class="box">Conclusion</p>
          </section>

          <section>
            <h3>5 Steps to Persuasion</h3>
            <ol class="box--small list--tall">
              <li class="fragment">Get Their Attention<br/><small>Be a little dramatic - arouse interest, drop some crazy stats,<br/> or a shocking example, or a powerful quote.</small></li>
              <li class="fragment">Establish A Need<br/><small>Demonstrate that a significant problem already exists,<br/>and that it needs to be fixed.</small></li>
              <li class="fragment">Provide A Solution<br/><small>Propose specific and realistic ways to create satisfaction.<br/>Preemptively identify and address concerns.</small></li>
              <li class="fragment">Visualize The Benefits<br/><small>Motivate the audience by warning of the consequences of inaction.<br/>Create urgency, and provide reassurance of your solution.</small></li>
              <li class="fragment">Invite Action<br/><small>Tell them how to get started. Make it easy and immediately doable.<br/>Provide clear next steps.</small></li>
            </ol>
            <p class="copy--xsmall"><a href="https://en.wikipedia.org/wiki/Monroe%27s_motivated_sequence" target="_blank">Monroe's Motivated Sequence</a></p>
          </section>

          <section>
            <h4><span class="blue">5 Steps to Persuasion</span> Speaker Perspective</h4>
            <ol class="box--small list--tall">
              <li>Get Their Attention<br/><small class="green">Hey! Listen to me, you have a PROBLEM!</small></li>
              <li>Establish A Need<br/><small class="green">Let me EXPLAIN the problem.</small></li>
              <li>Provide A Solution<br/><small class="green">But, I have a SOLUTION!</small></li>
              <li>Visualize The Benefits<br/><small class="green">If we IMPLEMENT my solution, this is what will happen. <br/>Or, if we don't implement my solution, this is what will happen.</small></li>
              <li>Invite Action<br/><small class="green">You can help me in this specific way. Will you help me?</small></li>
            </ol>
            <p class="copy--xsmall"><a href="https://en.wikipedia.org/wiki/Monroe%27s_motivated_sequence" target="_blank">Wikipedia</a></p>
          </section>

          <section>
            <h4><span class="blue">5 Steps to Persuasion</span> Audience Reaction</h4>
            <ol class="box--small list--tall">
              <li>Get Their Attention<br/><small class="green">Hey! I want to hear what you have to say!</small></li>
              <li>Establish A Need<br/><small class="green">I agree! I totally have that need/want!</small></li>
              <li>Provide A Solution<br/><small class="green">I see your solution will work.</small></li>
              <li>Visualize The Benefits<br/><small class="green">This is a great idea!</small></li>
              <li>Invite Action<br/><small class="green">I want it!</small></li>
            </ol>
            <p class="copy--xsmall"><a href="http://speak-for-yourself.com/2012/06/14/persuasion-five-steps-to-success/" target="_blank">speak-for-yourself.com</a></p>
          </section>

          <section>
            <h3>Speech Content</h3>
            <div class="box">
              <p class="box--small">Start simple to hook your audience.</p>
              <p class="copy--xsmall">Making them feel live they've already got a basic grasp<br/> of the topic will increase their confidence and ability to absord.</p>
            </div>
            <div class="box fragment">
              <p class="box--small">Keep your points focused, directed, and limited.</p>
              <p class="box--small copy--xsmall">Too many can cause confusion and be overwhelming.</p>
              <p class="box--small copy--xsmall">Prune and simplify your content - make every word count.</p>
              <p class="copy--xsmall">Try the Rule of Three.</p>
            </div>
          </section>

          <section>
            <h3>Speech Content</h3>
            <div class="box">
              <p class="box--small">Repeat yourself.</p>
              <p class="box--small copy--xsmall">Keep circling back to the point.</p>
              <p class="box--small copy--xsmall">Use analogies and relationships to reinforce the message.</p>
              <p class="box--small copy--xsmall">Back it up with facts and data and charts.</p>
            </div>
            <div class="box fragment">
              <p class="box--small">Build up the story - don't give it all away at once.</p>
              <p class="box--small copy--xsmall">Save your big epiphanies for later dramatic effect.</p>
              <p class="box--small copy--xsmall">Tell a story, create dynamic - calm to excited, failure to success, murky to clear.</p>
            </div>
          </section>
        </section>

        <section>
          <h3>Breaktime!</h3>
        </section>

        <!-- TIPS -->
        <section>
          <section>
            <h3>Tips for Public Speaking</h3>
          </section>

          <section data-transition="none">
            <h3>6 I's of Credibility</h3>
            <ul class="box--small">
              <li class="fragment">Ideation<br /><small>Introduce a new, creative idea to the audience</small></li>
              <li class="fragment">Information<br /><small>Present factual information to drives decision making</small></li>
              <li class="fragment">Influence<br /><small>Showing confidence increases influence. Be prepared.</small></li>
              <li class="fragment">Integrity<br /><small>Be your authentic self on stage. Posers don't generate trust.</small></li>
              <li class="fragment">Impact<br /><small>Leave a lasting impression with a memorable message.</small></li>
              <li class="fragment">Ignition<br /><small>Serve your purpose by calling people to action.</small></li>
            </ul>
          </section>

          <section data-transition="none">
            <h3>6 I's of Credibility</h3>
            <ul class="box--small">
              <li>Ideation<br /><small>Introduce a new, creative idea to the audience</small></li>
              <li>Information<br /><small>Present factual information to drives decision making</small></li>
              <li><span class="green">Influence</span><br /><small>Showing confidence increases influence. Be prepared.</small></li>
              <li><span class="green">Integrity</span><br /><small>Be your authentic self on stage. Posers don't generate trust.</small></li>
              <li>Impact<br /><small>Leave a lasting impression with a memorable message.</small></li>
              <li>Ignition<br /><small>Serve your purpose by calling people to action.</small></li>
            </ul>
          </section>

          <section>
            <h3>Confidence &amp; Authenticity</h3>
            <p class="box">Owning the Stage &amp; Body Language</p>
            <p class="box">Crutches, Breathing, &amp; Pausing</p>
            <p class="box">Face &amp; Voice</p>
            <p class="box">Battling Anxiety</p>
          </section>

          <section>
            <h4>Owning the Stage &amp; Body Language</h4>
            <div class="box">
              <p class="box--small">Move around in the space you're given.</p>
              <p class="box--small copy--xsmall">Standing still or behind a lecturn does not scream confidence.</p>
              <p class="copy--xsmall">If you move around, both the floor and within your stance -<br/>you allow your audience to engage with you on a physical level.</p>
            </div>
          </section>

          <section>
            <h4>Owning the Stage &amp; Body Language</h4>
            <div class="box">
              <p class="box--small">Practice a confident stance.</p>
              <p class="box--small copy--xsmall">Stand up straight, feet apart, one foot slightly in front, lean in.</p>
            </div>
            <div class="box fragment">
              <p class="box--small">Keep your body open.</p>
              <p class="box--small copy--xsmall">Don't clasp your hands or fold your arms.</p>
              <p class="box--small copy--xsmall">Relax your arms down or use them to gesture.</p>
            </div>
            <div class="box fragment">
              <p class="box--small">Use movement and posture to emphasize your points.</p>
            </div>
          </section>

          <section>
            <h3>Crutches, Breathing, &amp; Pausing</h3>
            <div class="box">
              <p class="box--small">Eliminate crutch words from your speech.</p>
              <p class="box--small copy--xsmall"><i>um</i>, <i>er</i>, <i>uh</i>, <i>like</i>, etc.</p>
              <p class="box--small copy--xsmall">These detract from perceived confidence and create tension.</p>
            </div>
            <div class="box fragment">
              <p class="box--small">Pause to emphasize points and leave time for thought.</p>
              <p class="box--small copy--xsmall">Silence is OK!!</p>
              <p class="box--small copy--xsmall">Use it to breathe, relax, sip some water</p>
            </div>
          </section>

          <section>
            <h3>Face &amp; Voice</h3>
            <div class="box">
              <p class="box--small">Relax your face.</p>
              <p class="box--small copy--xsmall">Show emotion. Smile naturally, if it's appropriate. Relax your gaze.</p>
            </div>
            <div class="box fragment">
              <p class="box--small">Slow down a little.</p>
              <p class="box--small copy--xsmall">Speak at a conversational pace, or a little slower.</p>
              <p class="box--small copy--xsmall">Remember to breathe.</p>
            </div>
            <div class="box fragment">
              <p class="box--small">Speak with strength and dynamic.</p>
              <p class="box--small copy--xsmall">Project your voice, or lower it for dramatics.</p>
              <p class="box--small copy--xsmall">Don't speak in monotone.</p>
            </div>
          </section>

          <section>
            <h3>Battling Anxiety</h3>
            <p class="box">Reframe your fear as excitement.</p>
            <p class="copy--xsmall">Just think about it.</b></small></p>
          </section>

          <section>
            <h3>Battling Anxiety</h3>
            <p class="box">Eliminate <i>some</i> extra energy.</p>
            <p class="copy--xsmall">Climb the stairs, do jumping jacks,<br/><b>dance like no one is watching.</b></small></p>
          </section>
        </section>

        <!-- POWER POSES -->
        <section>
          <section>
            <h3>Battling Anxiety</h3>
            <p class="box">Try a power pose.</p>
            <p class="box--small copy--xsmall">Adjust your body's chemistry - increase testosterone and reduce cortisol - in just 2 minutes.</small></p>
          </section>

          <section>
            <h3>Power Poses</h3>
            <p class="box">Wonder Woman</p>
            <img src="images/wonder-woman.jpg" />
            <div><small><a href="http://jamesclear.com/body-language-how-to-be-confident" target="_blank">source</a></small></div>
          </section>

          <section>
            <h3>Power Poses</h3>
            <p class="box">Victory</p>
            <img src="images/victory.jpg" width="600" />
            <div><small><a href="http://shortsweetcomplete.com/victory-original-poetry-piece-by-m-h/" target="_blank">source</a></small></div>
          </section>

          <section>
            <h3>Power Poses</h3>
            <p class="box">The CEO</p>
            <img src="images/frank.jpg" />
            <div><small><a href="https://www.netflix.com/title/70178217" target="_blank">source</a></small></div>
          </section>

          <section>
            <h3>Power Poses</h3>
            <p class="box">The Subway</p>
            <img src="images/subway.jpg" />
            <div><small><a href="http://www.therichest.com/rich-list/most-shocking/the-14-worst-commuters-from-hell/?view=all" target="_blank">source</a></small></div>
          </section>

          <section>
            <h3>Power Poses</h3>
            <p class="box">Feet Up</p>
            <img src="images/feet-up.jpg" width="500" />
            <div><small><a href="http://www.businessinsider.com/power-poses-interview-body-language-2014-3?op=1" target="_blank">source</a></small></div>
          </section>
        </section>

        <!-- EXERCISE -->
        <section>
          <section>
            <h3>Exercise: <span class="yellow">Introductions</span></h3>
            <p class="box">Each person will introduce themselves.</p>
            <p class="box--small">The rest of the group will compile feedback:</p>
            <ul class="copy--small">
              <li class="blue">1 thing the speaker does really well</li>
              <li class="green">1 thing the speaker could improve on</li>
            </ul>
          </section>

          <section>
            <h3>Prepare Your Notes</h3>
            <div class="box">
              <p class="copy--small box--small">Your Name<br/><small>Easy peasy.</small></p>
              <p class="copy--small box--small">Where You're From<br/><small>What organizations do you belong to? What do you do?</small></p>
              <p class="copy--small box--small">Background<br/><small>What brings you to this workshop?</small></p>
              <p class="copy--small box--small">Connect<br/><small>
                Interests, passions, or goals<br/>
                Personal details - like hobbies or pets<br/>
                Something you have in common with the group
              </small></p>
            </div>
            <div><small>Use any teaching tools you'd like -<br/>memory, note cards, whiteboard, slides.</small></div>
          </section>

          <section>
            <h3>Exercise: <span class="yellow">Introductions</span></h3>
            <p class="box copy--xsmall" style="margin-top: 400px;">
              <strong>Feedback:</strong>
              <span class="blue">You do {this} well. </span>
              <span class="green">You could improve on {this}.</span>
            </p>
          </section>

          <section>
            <h3>Collecting Feedback</h3>
            <p class="box blue">Review your feedback.</p>
            <p class="box green">Set 1 or 2 goals for yourself.</p>
            <p class="copy--xsmall">Breaktime!</p>
          </section>
        </section>

        <section>
          <h3>Breaktime!</h3>
        </section>

        <!-- SLIDES 101 -->
        <section>
          <section>
            <h3>Slides 101</h3>
          </section>

          <section>
            <h3>Tools</h3>
            <p class="box copy--small">Keynote (OS X)*</p>
            <p class="box copy--small">Powerpoint (Windows, OS X)*</p>
            <p class="box copy--small"><a href="https://www.google.com/slides/about/" target="_blank">Google Slides</a></p>
            <p class="box copy--small"><a href="http://slides.com/" target="_blank">Slides.com</a></p>
            <p class="box copy--small"><a href="http://lab.hakim.se/reveal-js/" target="_blank">Reveal.js</a> (Code + Browser)</p>
            <p class="copy--xsmall">* Not Free</p>
          </section>

          <section>
            <h3>Slide Design</h3>
            <p class="box fragment">Keep it simple<br/><small>Don't put too much one one slide</small></p>
            <p class="box fragment">Use large text<br/><small>Make it easy for your audience to read</small></p>
          </section>

          <section>
            <h3>Slide Design</h3>
            <p class="box">Use color and typography<br/><small>Done right, it can make content easier to follow</small></p>
            <p class="box fragment">Use images, graphs, or videos<br/><small>Make your content pop, capture attention, reinforce your story.</small></p>
          </section>

          <section>
            <h3>Slide Delivery</h3>
            <p class="box fragment">Practice, practice, practice<br/><small>...then practice some more</small></p>
            <p class="box fragment">Don't read the slides<br/><small>It's boring and distracting.<br/>Practice enough to be able to relay the content conversationally.</small></p>
          </section>

          <section>
            <h3>Slide Delivery</h3>
            <p class="box">Pre-empt your next slide<br/><small>Know the content enough to lead into it.</small></p>
            <p class="box fragment">Use Presenter View<br/><small>Glance at your notes, the current slide,<br/>and next slide for cues. Watch your time.</small></p>
            <aside class="notes">
              <p>Here are the notes for this slide.</p>
              <p>Lots of smart stuff here!</p>
            </aside>
          </section>
        </section>

        <!-- OUTRO -->
        <section>
          <section>
            <h3>Homework</h3>
            <p class="box blue">Introduction Speech 2.0</p>
            <p class="box--small copy--xsmall yellow">2 - 3 Minutes</p>
            <p class="box--small copy--xsmall">Adjust your content</p>
            <p class="box--small copy--xsmall">Apply your feedback and goals</p>
            <p class="box--small copy--xsmall">Review today's tips</p>
            <p class="box--small copy--xsmall">Create slides, if you like</p>
            <p class="box--small copy--xsmall red">Practice. Practice. Practice.</p>
          </section>

          <section>
            <h3>Questions?</h3>
            <p class="box"><a href="https://gdiaa.slack.com/messages/0316-lightning-talks/details/" target="_blank">#0316-lightning-talks</a></p>
            <p><small>Not on Slack? <a target="_blank" href="http://bit.ly/gdiaa-slack">bit.ly/gdiaa-slack</a></small></p>
          </section>

          <!-- Title -->
          <section>
            <img src="images/gdi_logo_badge.png" class="img--bare" height="450px" />
            <div class="box--small">
              <h3><small><span class="blue">Public Speaking through</span></small><br /><span class="green">Lightning Talks</span></h3>
              <p class="copy--xsmall"><a href="class2.html">Class 2</a> &nbsp; | &nbsp; @gdiannarbor &nbsp; | &nbsp; #GDIA2</p>
            </div>
          </section>
        </section>

      </div> <!-- end .slides -->

      <footer>
        <div class="copyright">
          #GDIA2 &nbsp; | &nbsp; @gdiannarbor &nbsp; | &nbsp; GDI Ann Arbor ~
          <a rel="license" href="http://creativecommons.org/licenses/by-nc/3.0/deed.en_US"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-nc/3.0/80x15.png" /></a>
        </div>
      </footer>
    </div>

    <script src="js/jquery.min.js"></script>
    <script src="js/reveal.min.js"></script>
    <script>

      // Full list of configuration options available here:
      // https://github.com/hakimel/reveal.js#configuration
      Reveal.initialize({
        controls: true,
        progress: true,
        history: true,
        rollingLinks: true,
        theme: Reveal.getQueryHash().theme, // available themes are in /css/theme
        transition: Reveal.getQueryHash().transition || 'default', // default/cube/page/concave/zoom/linear/none

        // Optional libraries used to extend on reveal.js
        dependencies: [
          { src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
          { src: 'plugin/markdown/showdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
          { src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
          { src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
          { src: 'plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
          { src: 'plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }
        ]
      });
    </script>
  </body>
</html>