You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
79 lines
1.1 KiB
Markdown
79 lines
1.1 KiB
Markdown
11 years ago
|
title: Slide Title
|
||
|
subtitle: Subtitle
|
||
|
class: image
|
||
|
|
||
|
![Mobile vs desktop users](image.png)
|
||
|
|
||
|
---
|
||
|
|
||
|
title: Segue Slide
|
||
|
subtitle: Subtitle
|
||
|
class: segue dark nobackground
|
||
|
|
||
|
---
|
||
|
|
||
|
title: Agenda
|
||
|
class: big
|
||
|
build_lists: true
|
||
|
|
||
|
Things we'll cover (list should build):
|
||
|
|
||
|
- Bullet1
|
||
|
- Bullet2
|
||
|
- Bullet3
|
||
|
|
||
|
---
|
||
|
|
||
|
title: Today
|
||
|
class: nobackground fill
|
||
|
|
||
|
![Many kinds of devices.](image.png)
|
||
|
|
||
|
<footer class="source">source: place source info here</footer>
|
||
|
|
||
|
---
|
||
|
|
||
|
title: Big Title Slide
|
||
|
class: title-slide
|
||
|
|
||
|
---
|
||
|
|
||
|
title: Code Example
|
||
|
|
||
|
Media Queries are sweet:
|
||
|
|
||
|
<pre class="prettyprint" data-lang="css">
|
||
|
@media screen and (max-width: 640px) {
|
||
|
#sidebar { display: none; }
|
||
|
}
|
||
|
</pre>
|
||
|
|
||
|
---
|
||
|
|
||
|
title: Once more, with JavaScript
|
||
|
|
||
|
<pre class="prettyprint" data-lang="javascript">
|
||
|
function isSmall() {
|
||
|
return window.matchMedia("(min-device-width: ???)").matches;
|
||
|
}
|
||
|
|
||
|
function hasTouch() {
|
||
|
return Modernizr.touch;
|
||
|
}
|
||
|
|
||
|
function detectFormFactor() {
|
||
|
var device = DESKTOP;
|
||
|
if (hasTouch()) {
|
||
|
device = isSmall() ? PHONE : TABLET;
|
||
|
}
|
||
|
return device;
|
||
|
}
|
||
|
</pre>
|
||
|
|
||
|
---
|
||
|
|
||
|
title: Centered content
|
||
|
content_class: flexbox vcenter
|
||
|
|
||
|
This content should be centered!
|