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