|
58
|
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>
|
