Are you over 18 and want to see adult content?
More Annotations
A complete backup of https://xtensio.com
Are you over 18 and want to see adult content?
A complete backup of https://acanadianfoodie.com
Are you over 18 and want to see adult content?
A complete backup of https://alfaracer.com
Are you over 18 and want to see adult content?
A complete backup of https://seniorservicesas.com
Are you over 18 and want to see adult content?
A complete backup of https://norden.farm
Are you over 18 and want to see adult content?
A complete backup of https://buildwithchrome.com
Are you over 18 and want to see adult content?
A complete backup of https://hernanflores.com
Are you over 18 and want to see adult content?
A complete backup of https://fmapprovals.com
Are you over 18 and want to see adult content?
A complete backup of https://teylersmuseum.nl
Are you over 18 and want to see adult content?
A complete backup of https://owlgaming.net
Are you over 18 and want to see adult content?
A complete backup of https://hemophilia.ca
Are you over 18 and want to see adult content?
A complete backup of https://jennylewis.net
Are you over 18 and want to see adult content?
Favourite Annotations
A complete backup of clutterfairyhouston.com
Are you over 18 and want to see adult content?
A complete backup of aeroklub-medjimurje.hr
Are you over 18 and want to see adult content?
A complete backup of nandemonai-hi.com
Are you over 18 and want to see adult content?
A complete backup of twuber.weebly.com
Are you over 18 and want to see adult content?
A complete backup of svenskabostader.se
Are you over 18 and want to see adult content?
A complete backup of consorcioautofiat.com.br
Are you over 18 and want to see adult content?
A complete backup of eurospapoolnews.com
Are you over 18 and want to see adult content?
Text
REMARK
A simple, in-browser, markdown-driven slideshow tool. REMARKISE — RENDER YOUR MARKDOWN AS REMARK SLIDES, IN REAL Render your markdown as remark slides, in real time. Remark ise. Render your markdown as remark slides — in real time . or drop a local markdown file hereREMARK
A simple, in-browser, markdown-driven slideshow tool. REMARKISE — RENDER YOUR MARKDOWN AS REMARK SLIDES, IN REAL Render your markdown as remark slides, in real time. Remark ise. Render your markdown as remark slides — in real time . or drop a local markdown file hereREMARK
A simple, in-browser, markdown-driven slideshow tool. REMARKISE — RENDER YOUR MARKDOWN AS REMARK SLIDES, IN REAL Render your markdown as remark slides, in real time. Remark ise. Render your markdown as remark slides — in real time . or drop a local markdown file hereREMARK
A simple, in-browser, markdown-driven slideshow tool. REMARKISE — RENDER YOUR MARKDOWN AS REMARK SLIDES, IN REAL Render your markdown as remark slides, in real time. Remark ise. Render your markdown as remark slides — in real time . or drop a local markdown file hereREMARK
A simple, in-browser, markdown-driven slideshow tool. REMARKISE — RENDER YOUR MARKDOWN AS REMARK SLIDES, IN REAL Render your markdown as remark slides, in real time. Remark ise. Render your markdown as remark slides — in real time . or drop a local markdown file hereREMARK
A simple, in-browser, markdown-driven slideshow tool. REMARKISE — RENDER YOUR MARKDOWN AS REMARK SLIDES, IN REAL Render your markdown as remark slides, in real time. Remark ise. Render your markdown as remark slides — in real time . or drop a local markdown file here name: inverse layout: true class: center, middle, inverse --- #remark .footnote --- ## What is it and why should I be using it? --- layout: false .left-column .right-column --- .left-column .right-column --- .left-column .right-column --- template: inverse ## How does it work, then? --- name: how .left-column .right-column --- .left-column .right-column --- template: inverse ## Of course, Markdown can only go so far. --- .left-column .right-column ---.left-column
.right-column --- .left-column .right-column --- .left-column .right-column --- .left-column .right-column --- .left-column .right-column ??? Congratulations, you just toggled presenter mode! Now press __P__ to toggle it back off. --- .left-column .right-column --- template: inverse ## It's time to get started! --- .left-column .right-column --- name: last-page template: inverse ## That's all folks (for now)! Slideshow created using (http://github.com/gnab/remark).+ - 0:00:00
Notes for current slide Notes for next slideREMARK
Go directly to project site1 / 19
WHAT IS IT AND WHY SHOULD I BE USING IT?2 / 19
WHAT IS IT?
A simple, in-browser, Markdown-driven slideshow tool targeted at people who know their way around HTML and CSS, featuring:*
Markdown formatting, with smart extensions*
Presenter mode, with cloned slideshow view*
Syntax highlighting, supporting a range of languages*
Slide scaling, thus similar appearance on all devices / resolutions **
Touch support for smart phones and pads, i.e. swipe to navigate slides * At least browsers try their best3 / 19
WHAT IS IT?
WHY USE IT?
If your ideal slideshow creation workflow contains any of thefollowing steps:
*
Just write what's on your mind*
Do some basic styling*
Easily collaborate with others*
Share with and show to everyone Then remark might be perfect for your next* slideshow! * You probably want to convert existing slideshows as well4 / 19
WHAT IS IT?
WHY USE IT?
As the slideshow is expressed using Markdown, you may: * Focus on the content, expressing yourself in next to plain text not worrying what flashy graphics and disturbing effects to put where As the slideshow is actually an HTML document, you may:*
Display it in any decent browser*
Style it using regular CSS, just like any other HTML content*
Use it offline!
As the slideshow is contained in a plain file, you may:*
Store it wherever you like; on your computer, hosted from your Dropbox, hosted on Github Pages alongside the stuff you'representing...
*
Easily collaborate with others, keeping track of changes using your favourite SCM tool, like Git or Mercurial5 / 19
HOW DOES IT WORK, THEN?6 / 19
HOW DOES IT WORK?
- MARKDOWN
A Markdown-formatted chunk of text is transformed into individual slides by JavaScript running in the browser:# Slide 1
This is slide 1
---
# Slide 2
This is slide 2
SLIDE 1
This is slide 1
SLIDE 2
This is slide 2
Regular Markdown rules apply with only a single exception: * A line containing three dashes constitutes a new slide (not a horizontal rule,) Have a look at the Markdown website if you're not familiar with Markdown formatting.
7 / 19
HOW DOES IT WORK?
- MARKDOWN
- INSIDE HTML
A simple HTML document is needed for hosting the styles, Markdown and the generated slides themselves: var slideshow = remark.create(); You may download remark to have your slideshow not depend on any online resources, or reference the latest versiononline directly.
8 / 19
OF COURSE, MARKDOWN CAN ONLY GO SO FAR.9 / 19
MARKDOWN EXTENSIONS
To help out with slide layout and formatting, a few Markdown extensions have been included:*
Slide properties, for naming, styling and templating slides*
Content classes, for styling specific content*
Syntax highlighting, supporting a range of languages10 / 19
MARKDOWN EXTENSIONS
- SLIDE PROPERTIES
Initial lines containing key-value pairs are extracted as slideproperties:
name: agenda
class: middle, center# Agenda
The name of this slide is {{ name }}. Slide properties serve multiple purposes:*
Naming and styling slides using properties name and class*
Using slides as templates using properties template and layout*
Expansion of {{ property }} expressions to property values See the complete listof
slide properties.
11 / 19
MARKDOWN EXTENSIONS
- SLIDE PROPERTIES
- CONTENT CLASSES
Any occurences of one or more dotted CSS class names followed by square brackets are replaced with the contents of the brackets with the specified classes applied:.footnote
Resulting HTML extract: * Important footnote12 / 19
MARKDOWN EXTENSIONS
- SLIDE PROPERTIES
- CONTENT CLASSES
- SYNTAX HIGHLIGHTING Code blocks can be syntax highlighted by specifying a language from the set of supported languages.
Using GFM fenced
code blocks you can easily specify highlighting language:```javascript
function add(a, b)return a + b
end
```
```ruby
def add(a, b)
a + b
end
```
A number of highlighting stylesare
available, including several well-known themes from different editorsand IDEs.
13 / 19
PRESENTER MODE
To help out with giving presentations, a presenter mode comprising the following features is provided:*
Display of slide notes for the current slide, to help you remember keypoints
*
Display of upcoming slide, to let you know what's coming*
Cloning of slideshow for viewing on extended display14 / 19
PRESENTER MODE
- INLINE NOTES
Just like three dashes separate slides, three question marks separate slide content from slide notes:Slide 1 content
???
Slide 1 notes
---
Slide 2 content
???
Slide 2 notes
Slide notes are also treated as Markdown, and will be converted in the same manner slide content is. Pressing P will toggle presenter mode.15 / 19
Congratulations, you just toggled presenter mode! Now press P to toggle it back off.PRESENTER MODE
- INLINE NOTES
- CLONED VIEW
Presenter mode of course makes no sense to the audience. Creating a cloned view of your slideshow lets you:*
Move the cloned view to the extended display visible to the audience*
Put the original slideshow in presenter mode*
Navigate as usual, and the cloned view will automatically keep up withthe original
Pressing C will open a cloned view of the current slideshow in a newbrowser window.
16 / 19
IT'S TIME TO GET STARTED!17 / 19
GETTING STARTED
Getting up and running is done in only a few steps:*
Visit the project site*
Follow the steps in the Getting Started section For more information on using remark, please check out the wikipages.
18 / 19
THAT'S ALL FOLKS (FOR NOW)! Slideshow created using remark .19 / 19
WHAT IS IT AND WHY SHOULD I BE USING IT?2 / 19
Paused
HELP
KEYBOARD SHORTCUTS
↑, ←, Pg Up, k
Go to previous slide ↓, →, Pg Dn, Space, jGo to next slide
Home
Go to first slide
End
Go to last slide
Number + Return
Go to specific slideb / m / f
Toggle blackout / mirrored / fullscreen modec
Clone slideshow
p
Toggle presenter modet
Restart the presentation timer?, h
Toggle this help
Esc
Back to slideshow
Details
Copyright © 2024 ArchiveBay.com. All rights reserved. Terms of Use | Privacy Policy | DMCA | 2021 | Feedback | Advertising | RSS 2.0