App-Chorus

 view release on metacpan or  search on metacpan

README.mkdn  view on Meta::CPAN

# VERSION

version 1.1.0

[Dancer](https://metacpan.org/pod/Dancer) application module for `chorus`. See `chorus`'s manpage for
details on how to use it.

# AUTHOR

Yanick Champoux <yanick@cpan.org> [![endorse](http://api.coderwall.com/yanick/endorsecount.png)](http://coderwall.com/yanick)

# COPYRIGHT AND LICENSE

This software is copyright (c) 2013 by Yanick Champoux.

This is free software; you can redistribute it and/or modify it under
the same terms as the Perl 5 programming language system itself.

# POD ERRORS

examples/reveal-default.mkd  view on Meta::CPAN

## Vertical Slides

!!!
Example of nested vertical slides
!!!

Slides can be nested inside of other slides,
try pressing <a href="#" class="navigate-down">down</a>.

<a href="#" class="image navigate-down">
    <img width="178" height="238" src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Down arrow">
</a>

## cont'd Basement Level 1

Press down or up to navigate.

## cont'd Basement Level 2

Cornify

<a class="test" href="http://cornify.com">
<img width="280" height="326" src="https://s3.amazonaws.com/hakim-static/reveal-js/cornify.gif" alt="Unicorn">
</a>

## cont'd Basement Level 3

That's it, time to go back up.

<a href="#/2" class="image">
<img width="178" height="238" src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Up arrow" style="-webkit-transform: rotate(180deg);">
</a>

<section>
    <h2>Slides</h2>
    <p>
        Not a coder? No problem. There's a fully-featured visual editor for authoring these, try it out at <a href="http://slid.es" target="_blank">http://slid.es</a>.
    </p>
</section>

<section>

examples/reveal-default.mkd  view on Meta::CPAN

    </code></pre>
</section>

<section>
    <section data-background="#007777">
        <h2>Slide Backgrounds</h2>
        <p>
            Set <code>data-background="#007777"</code> on a slide to change the full page background to the given color. All CSS color formats are supported.
        </p>
        <a href="#" class="image navigate-down">
            <img width="178" height="238" src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Down arrow">
        </a>
    </section>
    <section data-background="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png">
        <h2>Image Backgrounds</h2>
        <pre><code>&lt;section data-background="image.png"&gt;</code></pre>
    </section>
    <section data-background="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" data-background-repeat="repeat" data-background-size="100px">
        <h2>Repeated Image Backgrounds</h2>
        <pre><code style="word-wrap: break-word;">&lt;section data-background="image.png" data-background-repeat="repeat" data-background-size="100px"&gt;</code></pre>
    </section>
</section>

<section data-transition="linear" data-background="#4d7e65" data-background-transition="slide">
    <h2>Background Transitions</h2>
    <p>
        Pass reveal.js the <code>backgroundTransition: 'slide'</code> config argument to make backgrounds slide rather than fade.
    </p>
</section>

examples/reveal-default.mkd  view on Meta::CPAN

        <p class="fragment highlight-green">highlight-green</p>
        <p class="fragment highlight-blue">highlight-blue</p>
        <p class="fragment current-visible">current-visible</p>
        <p class="fragment highlight-current-blue">highlight-current-blue</p>
    </section>
</section>

<section>
    <h2>Spectacular image!</h2>
    <a class="image" href="http://lab.hakim.se/meny/" target="_blank">
        <img width="320" height="299" src="http://s3.amazonaws.com/hakim-static/portfolio/images/meny.png" alt="Meny">
    </a>
</section>

<section>
    <h2>Export to PDF</h2>
    <p>Presentations can be <a href="https://github.com/hakimel/reveal.js#pdf-export">exported to PDF</a>, below is an example that's been uploaded to SlideShare.</p>
    <iframe id="slideshare" src="http://www.slideshare.net/slideshow/embed_code/13872948" width="455" height="356" style="margin:0;overflow:hidden;border:1px solid #CCC;border-width:1px 1px 0;margin-bottom:5px" allowfullscreen> </iframe>
    <script>
        document.getElementById('slideshare').attributeName = 'allowfullscreen';
    </script>