diff options
| author | Baron Schwartz <xaprb@users.noreply.github.com> | 2018-09-10 04:31:04 +0300 |
|---|---|---|
| committer | Baron Schwartz <xaprb@users.noreply.github.com> | 2018-09-10 04:31:04 +0300 |
| commit | 018900e35f2a52b3ce4380d9d1b5ec772d6b2c00 (patch) | |
| tree | 2eded39180da65513933dda1cca5f2272c49481f | |
| parent | f99d4ea437b6e1ec6db70a5611187fd0fb6efe46 (diff) | |
add QR code slide
| -rw-r--r-- | exampleSite/content/slides/adirondack/index.md | 20 | ||||
| -rw-r--r-- | layouts/slides/single.html | 2 |
2 files changed, 21 insertions, 1 deletions
diff --git a/exampleSite/content/slides/adirondack/index.md b/exampleSite/content/slides/adirondack/index.md index 379b1a2..258b021 100644 --- a/exampleSite/content/slides/adirondack/index.md +++ b/exampleSite/content/slides/adirondack/index.md @@ -11,6 +11,7 @@ themes: - adirondack classes: - feature-math +- feature-qrcode - feature-nohighlight --- class: title, smokescreen, shelf, no-footer @@ -364,6 +365,25 @@ quotes,' en- and em-dashes (boil for 12--15 minutes---longer if needed), and ellipses with their nicer typographical equivalents... isn't that nice? --- +# Share Your Slides With QR Codes + +.qrcode.db.fr.w-40pct.ml-4[] + +Adirondack has built-in support for QR codes to share your slides easily. No +more emailing links or files! Your audience can simply snap a picture of the +screen. + +Just enable the `feature-qrcode` [flag](/features/) and add markup like the +following to your slide: + +``` +.qrcode.db.fr.w-40pct.ml-4[] +``` + +The `qrcode` class is important but the rest is up to you. + + +--- layout: true .footer[ diff --git a/layouts/slides/single.html b/layouts/slides/single.html index 3328e24..e234e38 100644 --- a/layouts/slides/single.html +++ b/layouts/slides/single.html @@ -71,7 +71,7 @@ }); $( function() { if ( $( "body.feature-qrcode:not(.feature-noqrcode)" ).length ) { - new QRCode($("#qrcode"), { + new QRCode($(".qrcode")[0], { "useSVG": true, "text": window.location.href.replace(/#\d*$/, "") }); |