presentation-template.pug

-var themeName = "light"

mixin slide
    section(class = attributes.class)
        block

mixin titleSlide(title, withAuthor, uppercased, withBranding)
    - withAuthor = withAuthor !== undefined ? !!withAuthor : true
    - uppercased = uppercased !== undefined ? !!uppercased : true
    - transform = uppercased ? 'uppercase' : 'none'
    - withBranding = withBranding !== undefined ? !!withBranding : false

    +slide(class = "title-slide")
        if themeName == "scalac"
            .headers
                h1(style='text-transform: ' + transform)= title
                if withAuthor
                    h2.uppercased.light Andrzej Kopeć
            if withAuthor && withBranding
                img.logo.scalac.no-devmeeting(src="../scalac_logo_light.png", alt="")
        else
            h1(style='text-transform: ' + transform)= title
            if withAuthor
                img.logo.scalac.no-devmeeting(src="../scalac_logo.svg", alt="")
                img.logo.devmeeting(src="../devmeetings_logo.jpg",alt="")
                h6.no-devmeeting Andrzej Kopeć

mixin justSentence(text)
    +slide(class="just-sentence")
        if text
            h2= text
        if block
            block

mixin finalSlide(withContact)
    - withContact = withContact !== undefined ? withContact : true
    +slide
        h3 Questions time!
        if withContact
            h4.no-devmeeting: a(href="mailto:andrzej.kopec@outlook.com") andrzej.kopec@outlook.com
            h4.no-devmeeting @kapke_
        if block
            block

mixin contact
    +slide(class="contact to-middle")
        div
            h2 Andrzej Kopeć
            h2 andrzej.kopec@scalac.io
            h2 @kapke_

mixin finalSlides
    +slide
        h1 Thank you

    +contact


mixin hiringSlide
    +finalSlide
        h6: small
            | PS. SkyGate szuka frontendowców
            br
            | Więcej szczegółów u mnie, na 
            a(href="http://skygate.pl") skygate.pl
            | , lub mailem

mixin speakerNotes
    aside.notes
        block

mixin theme(name)
    if name === "light"
        link(rel='stylesheet', href='../bower_components/highlightjs/styles/vs.css')
        link#theme(rel='stylesheet', href='css/theme/white.css')
        link(rel='stylesheet', href='../style/light_theme_overrides.css')
    else if name === "scalac"
        link(rel='stylesheet', href='../style/hljs_scalac.css')
        link(rel='stylesheet', href='../style/scalac_theme.css')
    if block
        block


doctype html
head
    meta(charset='utf-8')
    title
        block title
    meta(name='author', content='Andrzej Kopeć')
    meta(name='apple-mobile-web-app-capable', content='yes')
    meta(name='apple-mobile-web-app-status-bar-style', content='black-translucent')
    meta(name='viewport', content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui')
    link(rel='stylesheet', href='css/reveal.css')
    block theme
    +theme(themeName)
    // Printing and PDF exports
    script.
        var link = document.createElement( 'link' );
        link.rel = 'stylesheet';
        link.type = 'text/css';
        link.href = window.location.search.match( /print-pdf/gi ) ? 'css/print/pdf.css' : 'css/print/paper.css';
        document.getElementsByTagName( 'head' )[0].appendChild( link );
body
    .reveal(class = themeName)
        // Any section element inside of this container is displayed as a slide
        .slides
            block slides
        if (themeName == "scalac")
            img.logo.scalac-small(src="../scalac_logo_light.png", alt="")

    script(src='lib/js/head.min.js')
    script(src='js/reveal.js')
    script(src='bower_components/highlightjs/highlight.pack.min.js')
    script.
        window.kapke = {
            revealConfig: {
                controls: true,
                progress: true,
                history: true,
                center: true,
                transition: 'slide', // none/fade/slide/convex/concave/zoom
                // Optional reveal.js plugins
                dependencies: [
                    {
                        src: 'lib/js/classList.js', condition: function () {
                            return !document.body.classList;
                        }
                    },
                    {
                        src: 'plugin/markdown/marked.js', condition: function () {
                            return !!document.querySelector('[data-markdown]');
                        }
                    },
                    {
                        src: 'plugin/markdown/markdown.js', condition: function () {
                            return !!document.querySelector('[data-markdown]');
                        }
                    },
                    {
                        src: 'plugin/highlight/highlight.js', async: true, condition: function () {
                            return !!document.querySelector('pre code');
                        }, callback: function () {
                            hljs.initHighlightingOnLoad();
                        }
                    },
                    {src: 'plugin/zoom-js/zoom.js', async: true},
                    {src: 'plugin/notes/notes.js', async: true}
                ]
            }
        }

    script window.kapke.revealConfig.center = #{themeName == "scalac" ? "false" : "true"}
    script.
        // Full list of configuration options available at:
        // https://github.com/hakimel/reveal.js#configuration
        Reveal.initialize(window.kapke.revealConfig);
    script.
        document.addEventListener('DOMContentLoaded', () => {
            if (location.search.includes('devmeeting=true')) {
                const elementsToRemove = Array.from(document.getElementsByClassName('no-devmeeting'));

                elementsToRemove.forEach(e => e.parentElement.removeChild(e));
            }
        });