Mercurial > hg > Members > oc > slide

comparison blank5.html @ 0:67f3e23bf09a

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
add lab intro
author oc
date Thu, 06 Nov 2014 11:46:54 +0900
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:67f3e23bf09a
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset='utf-8'>
5 <title>Sample S6 Presentation</title>
6 <script src='slides.js'></script>
7 <style media='screen,projection'>
8 /****
9 * Add your styles here.
10 */
11
12 body { font-size: 175%; }
13
14 .step { color: silver; } /* or hide next steps e.g. .step { visibility: hidden; } */
15
16 .slide {
17 font-family: 'Open Sans', Arial, sans-serif;
18
19 color: rgb(102, 102, 102);
20 text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
21 }
22
23 .slide h2, .slide h3 {
24 color: rgb(255, 255, 255);
25 }
26 .slide h1 {
27 color: rgba(128, 141, 181, .75);
28 font-size: 150%;
29 }
30
31 .slide h3-yellow {
32 color: rgba(0, 0, 0, .75);
33 font-size: 70%;
34 }
35
36 .slide pre {
37 font-family: 'Droid Sans Mono', 'Courier New', monospace;
38 font-size: 80%;
39
40 padding: 5px 10px;
41
42 margin-top: 40px;
43 margin-bottom: 40px;
44
45 color: black;
46 background: rgb(240, 240, 240);
47 border: 1px solid rgb(224, 224, 224);
48 box-shadow: inset 0 2px 6px rgba(0, 0, 0, .1);
49 overflow: hidden;
50 }
51
52 .slide code {
53 font-family: 'Droid Sans Mono', 'Courier New', monospace;
54 color: black;
55 }
56 </style>
57 </head>
58 <body>
59
60 <section class='slides'>
61 <article class='cover'>
62 <h1>CeriumにおけるGPUとMultiCore CPUの同時実行
63 <h3-yellow>
64 <br>Yuhi TOMARI Jan 11,2014
65 </h3-yellow>
66 </h1>
67
68 </article>
69
70 <article>
71 <pre>
72 a
73 a
74 a
75
76 </pre>
77 </article>
78
79 <article>
80 <h3>
81 Simple slide with header and text
82 </h3>
83 <p>
84 This is a slide with just text. This is a slide with just text.
85 This is a slide with just text. This is a slide with just text.
86 This is a slide with just text. This is a slide with just text.
87 </p>
88 <p>
89 There is more text just underneath with a <code>code sample: 5px</code>.
90 </p>
91 </article>
92
93 <article class='smaller'>
94 <h3>
95 Simple slide with header and text (small font)
96 </h3>
97 <p>
98 This is a slide with just text. This is a slide with just text.
99 This is a slide with just text. This is a slide with just text.
100 This is a slide with just text. This is a slide with just text.
101 </p>
102 <p>
103 There is more text just underneath with a <code>code sample: 5px</code>.
104 </p>
105 </article>
106
107 <article>
108 <h3>
109 Slide with bullet points and a longer title, just because we
110 can make it longer
111 </h3>
112 <ul>
113 <li>
114 Use this template to create your presentation
115 </li>
116 <li>
117 Another item here
118 </li>
119 <li>
120 Another item here
121 </li>
122 <li>
123 Another item here
124 </li>
125 </ul>
126 </article>
127
128 <article>
129 <h3>
130 Slide with bullet points that builds
131 </h3>
132 <ul class="build">
133 <li>
134 This is an example of a list
135 </li>
136 <li>
137 The list items fade in
138 </li>
139 <li>
140 Last one!
141 </li>
142 </ul>
143
144 <div class="build">
145 <p>Any element with child nodes can build.</p>
146 <p>It doesn't have to be a list.</p>
147 </div>
148 </article>
149
150 <article class='smaller'>
151 <h3>
152 Slide with bullet points (small font)
153 </h3>
154 <ul>
155 <li>
156 Use this template to create your presentation
157 </li>
158 <li>
159 Another item here
160 </li>
161 <li>
162 Another item here
163 </li>
164 <li>
165 Another item here
166 </li>
167 </ul>
168 </article>
169
170 <article>
171 <h3>
172 Slide with a table
173 </h3>
174
175 <table>
176 <tr>
177 <th>
178 Name
179 <th>
180 Occupation
181 <tr>
182 <td>
183 Luke Mahé
184 <td>
185 V.P. of Keepin’ It Real
186 <tr>
187 <td>
188 Marcin Wichary
189 <td>
190 The Michael Bay of Doodles
191 </table>
192 </article>
193
194 <article class='smaller'>
195 <h3>
196 Slide with a table (smaller text)
197 </h3>
198
199 <table>
200 <tr>
201 <th>
202 Name
203 <th>
204 Occupation
205 <tr>
206 <td>
207 Luke Mahé
208 <td>
209 V.P. of Keepin’ It Real
210 <tr>
211 <td>
212 Marcin Wichary
213 <td>
214 The Michael Bay of Doodles
215 </table>
216 </article>
217
218 <article>
219 <h2>
220 Segue slide
221 </h2>
222 </article>
223
224 <article>
225 <h3>
226 Slide with an image
227 </h3>
228 <p>
229 <img style='height: 500px' src='images/example-graph.png'>
230 </p>
231 <div class='source'>
232 Source: Carlos Ruby
233 </div>
234 </article>
235
236 <article>
237 <h3>
238 Slide with an image (centered)
239 </h3>
240 <p>
241 <img class='centered' style='height: 500px' src='images/example-graph.png'>
242 </p>
243 <div class='source'>
244 Source: Carlos Ruby
245 </div>
246 </article>
247
248 <article class='fill'>
249 <h3>
250 Image filling the slide (with optional header)
251 </h3>
252 <p>
253 <img src='images/example-cat.jpg'>
254 </p>
255 <div class='source white'>
256 Source: Carlos Ruby
257 </div>
258 </article>
259
260 <article>
261 <h3>
262 This slide has some code
263 </h3>
264 <section>
265 <pre>
266 # The Greeter class
267 class Greeter
268 def initialize(name)
269 @name = name.capitalize
270 end
271
272 def salute
273 puts "Hello #{@name}!"
274 end
275 end
276
277 # Create a new object
278 g = Greeter.new("world")
279
280 # Output "Hello World!"
281 g.salute
282 </pre>
283 </section>
284 </article>
285
286 <article class='smaller'>
287 <h3>
288 This slide has some code (small font)
289 </h3>
290 <section>
291 <pre>
292 # The Greeter class
293 class Greeter
294 def initialize(name)
295 @name = name.capitalize
296 end
297
298 def salute
299 puts "Hello #{@name}!"
300 end
301 end
302
303 # Create a new object
304 g = Greeter.new("world")
305
306 # Output "Hello World!"
307 g.salute
308 </pre>
309 </section>
310 </article>
311
312 <article>
313 <q>
314 The best way to predict the future is to invent it.
315 </q>
316 <div class='author'>
317 Alan Kay
318 </div>
319 </article>
320
321 <article class='smaller'>
322 <q>
323 A distributed system is one in which the failure of a computer
324 you didn’t even know existed can render your own computer unusable.
325 </q>
326 <div class='author'>
327 Leslie Lamport
328 </div>
329 </article>
330
331 <article class='nobackground'>
332 <h3>
333 A slide with an embed + title
334 </h3>
335
336 <iframe src='http://slideshow-s9.github.io'></iframe>
337 </article>
338
339 <article class='slide nobackground'>
340 <iframe src='http://slideshow-s9.github.io'></iframe>
341 </article>
342
343 <article class='fill'>
344 <h3>
345 Full-slide embed with (optional) slide title on top
346 </h3>
347 <iframe src='http://slideshow-s9.github.io'></iframe>
348 </article>
349
350 <article>
351 <h3>
352 Thank you!
353 </h3>
354
355 <ul>
356 <li>
357 <a href='http://www.example.com'>example.com</a>
358 </li>
359 </ul>
360 </article>
361
362 </section>
363 </body>
364 </html>