diff options
| author | Baron Schwartz <xaprb@users.noreply.github.com> | 2018-09-08 22:05:08 +0300 |
|---|---|---|
| committer | Baron Schwartz <xaprb@users.noreply.github.com> | 2018-09-08 22:05:08 +0300 |
| commit | 403df3ff62d2c68795cb71a80180431e87a4ac76 (patch) | |
| tree | ec17e798ccc99063cc1ce8a5d8d91c9a0f7ae5a8 /exampleSite | |
| parent | 77cb0d4cb1ab01e4f501c057cf1584eb9d4e457d (diff) | |
add middle/bottom title slide layouts, prepare to convert to LESS
Diffstat (limited to 'exampleSite')
| -rw-r--r-- | exampleSite/content/slides/apron/index.md | 17 |
1 files changed, 12 insertions, 5 deletions
diff --git a/exampleSite/content/slides/apron/index.md b/exampleSite/content/slides/apron/index.md index 46dd811..7cef22f 100644 --- a/exampleSite/content/slides/apron/index.md +++ b/exampleSite/content/slides/apron/index.md @@ -7,7 +7,7 @@ description: "The Apron RemarkJS theme lets you create sophisticated presentatio ratio: "16:9" theme: "apron" --- -class: title +class: title, bottom background-image: url(tanya-nevidoma-632010-unsplash.jpg) # The Apron RemarkJS Theme @@ -16,10 +16,15 @@ background-image: url(tanya-nevidoma-632010-unsplash.jpg) --- # The Apron Theme for RemarkJS -Apron is a _layout_ theme for RemarkJS. +Apron is a CSS framework for RemarkJS. It defines slide classes that: + +- Set the position of content. +- Format and position images. +- Create common slide layouts without special markup. +- Establish a type scale for font sizes, line heights, etc. + +Apron's goals: -- It defines slide classes that set the position of content. -- Some sizing is also set. - It does _not_ deal with typefaces or colors. (Ignore the browser-default font sizes in this presentation; they're not the point.) - Apron's goal: _zero_ non-Markdown markup other than slide classes. @@ -328,7 +333,9 @@ It's followed by a paragraph. Apron defines the following slide classes: -- title: centers text in all directions, and sets background images to cover +- title: centers text horizontally, and sets background images to cover + - middle: centers title and subtitle vertically (approx.) + - bottom: places title and subtitle at the bottom of the slide - img-caption: assumes the content is an image and a caption; makes the image take up the top of the slide (fullbleed) and puts the rest below, centered - two-col-img-right: assumes you begin the content with an image, which takes up |