Mercurial > hg > Members > nobuyasu > master-presen > presen20140114
diff blank5.html @ 0:ff237e0f2e40
First commit
| author | Nobuyasu |
|---|---|
| date | Sun, 12 Jan 2014 01:09:30 +0900 |
| parents | |
| children |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/blank5.html Sun Jan 12 01:09:30 2014 +0900 @@ -0,0 +1,364 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset='utf-8'> + <title>Sample S6 Presentation</title> + <script src='slides.js'></script> + <style media='screen,projection'> + /**** + * Add your styles here. + */ + + body { font-size: 175%; } + + .step { color: silver; } /* or hide next steps e.g. .step { visibility: hidden; } */ + + .slide { + font-family: 'Open Sans', Arial, sans-serif; + + color: rgb(102, 102, 102); + text-shadow: 0 1px 1px rgba(0, 0, 0, .1); + } + + .slide h1, .slide h2, .slide h3 { + color: rgb(51, 51, 51); + } + + .slide pre { + font-family: 'Droid Sans Mono', 'Courier New', monospace; + font-size: 80%; + + padding: 5px 10px; + + margin-top: 40px; + margin-bottom: 40px; + + color: black; + background: rgb(240, 240, 240); + border: 1px solid rgb(224, 224, 224); + box-shadow: inset 0 2px 6px rgba(0, 0, 0, .1); + overflow: hidden; + } + + .slide code { + font-family: 'Droid Sans Mono', 'Courier New', monospace; + color: black; + } + </style> + </head> + <body> + + <section class='slides'> + <!-- Add your slides here. Delete or comment out the slides below. --> + + <article class='cover'> + <h1> + Title Goes Here Up + <br> + To Two Lines + </h1> + <p> + Carlos Ruby + <br> + November 11, 2011 + </p> + </article> + + <article> + <p> + 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. + </p> + <p> + There is more text just underneath. + </p> + </article> + + <article> + <h3> + Simple slide with header and text + </h3> + <p> + 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. + </p> + <p> + There is more text just underneath with a <code>code sample: 5px</code>. + </p> + </article> + + <article class='smaller'> + <h3> + Simple slide with header and text (small font) + </h3> + <p> + 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. + </p> + <p> + There is more text just underneath with a <code>code sample: 5px</code>. + </p> + </article> + + <article> + <h3> + Slide with bullet points and a longer title, just because we + can make it longer + </h3> + <ul> + <li> + Use this template to create your presentation + </li> + <li> + Another item here + </li> + <li> + Another item here + </li> + <li> + Another item here + </li> + </ul> + </article> + + <article> + <h3> + Slide with bullet points that builds + </h3> + <ul class="build"> + <li> + This is an example of a list + </li> + <li> + The list items fade in + </li> + <li> + Last one! + </li> + </ul> + + <div class="build"> + <p>Any element with child nodes can build.</p> + <p>It doesn't have to be a list.</p> + </div> + </article> + + <article class='smaller'> + <h3> + Slide with bullet points (small font) + </h3> + <ul> + <li> + Use this template to create your presentation + </li> + <li> + Another item here + </li> + <li> + Another item here + </li> + <li> + Another item here + </li> + </ul> + </article> + + <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> + <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: Carlos Ruby + </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: Carlos Ruby + </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: Carlos Ruby + </div> + </article> + + <article> + <h3> + This slide has some code + </h3> + <section> + <pre> +# The Greeter class +class Greeter + def initialize(name) + @name = name.capitalize + end + + def salute + puts "Hello #{@name}!" + end +end + +# Create a new object +g = Greeter.new("world") + +# Output "Hello World!" +g.salute +</pre> + </section> + </article> + + <article class='smaller'> + <h3> + This slide has some code (small font) + </h3> + <section> + <pre> +# The Greeter class +class Greeter + def initialize(name) + @name = name.capitalize + end + + def salute + puts "Hello #{@name}!" + end +end + +# Create a new object +g = Greeter.new("world") + +# Output "Hello World!" +g.salute +</pre> + </section> + </article> + + <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://slideshow-s9.github.io'></iframe> + </article> + + <article class='slide nobackground'> + <iframe src='http://slideshow-s9.github.io'></iframe> + </article> + + <article class='fill'> + <h3> + Full-slide embed with (optional) slide title on top + </h3> + <iframe src='http://slideshow-s9.github.io'></iframe> + </article> + + <article> + <h3> + Thank you! + </h3> + + <ul> + <li> + <a href='http://www.example.com'>example.com</a> + </li> + </ul> + </article> + + </section> + + </body> +</html> \ No newline at end of file