diff options
author | Baron Schwartz <xaprb@users.noreply.github.com> | 2018-09-24 00:42:57 +0300 |
---|---|---|
committer | Baron Schwartz <xaprb@users.noreply.github.com> | 2018-09-24 00:42:57 +0300 |
commit | ba04dc62aa6dc3db35efac5a6007d2d1b531e5ec (patch) | |
tree | fcce40107ece58ff0f71d0a8b439cd4eb229ff5b | |
parent | faf53cbf539f99c588b8796beca82193110cf803 (diff) |
some tweaks to the remark demo
-rw-r--r-- | exampleSite/content/about-story.md | 2 | ||||
-rw-r--r-- | exampleSite/content/other-features.md | 2 | ||||
-rw-r--r-- | exampleSite/content/slides/adirondack/index.md | 33 | ||||
-rw-r--r-- | exampleSite/content/talks/adirondack.md | 2 |
4 files changed, 28 insertions, 11 deletions
diff --git a/exampleSite/content/about-story.md b/exampleSite/content/about-story.md index 2511f07..38e0362 100644 --- a/exampleSite/content/about-story.md +++ b/exampleSite/content/about-story.md @@ -19,7 +19,7 @@ It's a great way to share your writing and speaking with the world. Story has a lot of features for people who invest effort in their websites and blogs! - Beautiful, responsive typography for long-form content on screen and in print, including blogs and single pages. -- Support for RemarkJS slides, written in simple Markdown. +- Support for Remark in-browser slideshows, written in simple Markdown. - LaTeX math equation typesetting. - Built-in site search. diff --git a/exampleSite/content/other-features.md b/exampleSite/content/other-features.md index f5408bb..6d6d021 100644 --- a/exampleSite/content/other-features.md +++ b/exampleSite/content/other-features.md @@ -20,7 +20,7 @@ a separate documentation page, or just don't have full documentation yet. - [Multiple layouts](/images/) - [Flexibility via feature toggles](/features) - [Author profile pages](/author-profiles) -- [RemarkJS presentation support](/slides/), including CSS themes and multiple aspect ratios +- [Remark browser-based presentation support](/slides/), including CSS themes and multiple aspect ratios - [Automatic table and image enhancements](/figures) - [Advanced image styling features](/images) - [Mathematical equation typesetting](/math) diff --git a/exampleSite/content/slides/adirondack/index.md b/exampleSite/content/slides/adirondack/index.md index 62629fc..f88fad8 100644 --- a/exampleSite/content/slides/adirondack/index.md +++ b/exampleSite/content/slides/adirondack/index.md @@ -4,7 +4,7 @@ date: "2018-04-25T09:50:00-07:00" url: "slides/adirondack/" image: "slides/adirondack/leo-serrat-533922-unsplash.jpg" thumbnail: slides/adirondack/thumbnail.jpg -description: "Story's RemarkJS frameworks help you create sophisticated slides with simple, clean Markdown. There are predefined layouts for most presentation needs, beautiful typography and colors, precise image control, and a simple modular way to create custom layouts." +description: "Story's Remark frameworks help you create sophisticated slides with simple, clean Markdown. There are predefined layouts for most presentation needs, beautiful typography and colors, precise image control, and a simple modular way to create custom layouts." ratio: "16:9" themes: - apron @@ -19,13 +19,13 @@ class: title, smokescreen, shelf, no-footer background-image: url(leo-serrat-533922-unsplash.jpg) # Creating Beautiful Presentations -### With RemarkJS, Apron, Adirondack, and Descartes +### With Remark, Apron, Adirondack, and Descartes --- -# The Story RemarkJS Themes +# The Story Remark Themes [Story](https://github.com/xaprb/story) offers helper themes for creating -beautiful presentations with [RemarkJS](https://remarkjs.com/), using simple +beautiful presentations with [Remark](https://remarkjs.com/), using simple Markdown to create slide layouts. - Apron defines the layouts' structure and size. @@ -40,6 +40,23 @@ These characteristics make it easy to build gorgeous slideshows. They're also a great foundation for creating your own themes. --- +# What is Remark? + +Remark (sometimes called RemarkJS) is a browser-based slideshow system. It's +simple but surprisingly powerful: + +- You write slides in simple Markdown +- It supports a presenter mode, slide notes, and dual monitors +- It supports slide layouts, templates, and incremental slides +- It's easy to extend and customize with simple CSS + +Story integrates Remark into Hugo, creating a live-reload editing experience, +and a permanent home for your slides on your own website! + +View this page's source to see how easily you can compose slideshows +with Remark. + +--- name: getting-started # Getting Started @@ -63,7 +80,7 @@ class: compact # Apron's Slide Layouts -It's easy to create common slide layouts with RemarkJS slide classes. +It's easy to create common slide layouts with Remark's slide classes. ![Slide Layouts](slide-layouts.svg# maxw-70pct center) @@ -97,7 +114,7 @@ way as the `img-right` slide class. -- - These columns require no wrapper `<div>`, just plain Markdown. -- This avoids interference with RemarkJS features. +- This avoids interference with Remark features. -- - Incremental builds with `--` work fine, for example. @@ -393,7 +410,7 @@ The `qrcode` class is important but the rest is up to you. --- # Export Your Slides To PDFs -RemarkJS has support for printing slides to a PDF, using Google Chrome's print +Remark has support for printing slides to a PDF, using Google Chrome's print dialog (not the native system dialog). There are some bugs in it... but Story implements workarounds so you don't even @@ -434,7 +451,7 @@ elements. You can see them at the bottom of this slide. In the next section, you'll learn Descartes classes you can add to the div to style it, e.g. `.footer.bt.bc-cornflower[...]`. -You can hide both the RemarkJS and custom footer on any slide with `class: no-footer`. +You can hide both the Remark and custom footer on any slide with `class: no-footer`. --- layout: false diff --git a/exampleSite/content/talks/adirondack.md b/exampleSite/content/talks/adirondack.md index 6ea1388..9843ef3 100644 --- a/exampleSite/content/talks/adirondack.md +++ b/exampleSite/content/talks/adirondack.md @@ -6,7 +6,7 @@ location: "Mount Remarkable, 6346+F7 Wilmington, South Australia, Australia" site: "https://www.environment.sa.gov.au/parks/find-a-park/Browse_by_region/flinders-ranges-outback/mount-remarkable-national-park" slides: slides/adirondack/ image: "slides/adirondack/leo-serrat-533922-unsplash.jpg" -description: "Story's RemarkJS frameworks help you create sophisticated slides with simple, clean Markdown. There are predefined layouts for most presentation needs, beautiful typography and colors, precise image control, and a simple modular way to create custom layouts." +description: "Story's Remark frameworks help you create sophisticated slides with simple, clean Markdown. There are predefined layouts for most presentation needs, beautiful typography and colors, precise image control, and a simple modular way to create custom layouts." thumbnail: slides/adirondack/thumbnail.jpg --- This is a "talk" page in Story, which is the permanent homepage for a talk |