滑动布局：仅标题、标题和正文、标题和两列、标题标题和空白

Question

I am trying to set the layout for the types of slides specified under http://goo.gl/ViWWl9 , but i can't get the syntax right. Tried a few things and searched all over, but no luck so far. Any tips on how to get this to work?

thanks

Answer 1

Slide layouts are mustache templates that can make use of objects returned by the parser. You can find a list of objects returned by the parser here .

Coming to the question raised, here is how one would go about building the layouts for the slides.

Title Only

<slide class="segue nobackground {{ slide.class }}" id="{{ slide.id }}">
  <hgroup>
    {{{ slide.header }}}
  </hgroup>
</slide>

The two column layout inherits from the parent layout, and the column widths are configurable.

Two Columns

---
layout: slide
replace: slide.content
---
{{{ slide.content }}}  
<div class='left' style='float:left;width:{{{ slide.left.w }}}'>
 {{{ slide.left.html }}}
</div>    
<div class='right' style='float:right;width:{{{ slide.right.w }}}'>
 {{{ slide.right.html }}}
</div>

You can write any arbitrary layout making use of what the parser returns. It is also easy to define any arbitrary property that you want to make use of, and pass it along to the parser as key: value pairs along with the slide separator.