2019-March.html

<!doctype html>
<html lang="en">

    <head>
        <meta charset="utf-8">

        <title>AmsterdamPHP</title>

        <meta name="author" content="AmsterdamPHP Enablers">

        <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">

        <link rel="stylesheet" href="css/reveal.min.css">
        <link rel="stylesheet" href="css/theme/amsterdamphp.css" id="theme">

        <!-- For syntax highlighting -->
        <link rel="stylesheet" href="lib/css/zenburn.css">

        <!-- Lobster font -->
        <link href='https://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>

        <!-- Font awesome for icons -->
        <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

        <!-- If the query includes 'print-pdf', include the PDF print sheet -->
        <script>
            if( window.location.search.match( /print-pdf/gi ) ) {
                var link = document.createElement( 'link' );
                link.rel = 'stylesheet';
                link.type = 'text/css';
                link.href = 'css/print/pdf.css';
                document.getElementsByTagName( 'head' )[0].appendChild( link );
            }
        </script>

        <!--[if lt IE 9]>
        <script src="lib/js/html5shiv.js"></script>
        <![endif]-->

        <script>
            slideData = {
                "text": {
                    "date": "March 2019",
                    "speaker-name": "Frank Koonstra",
                    "joind-in": "https://joind.in/talk/fa4fb",
                    "next-meetup-date": "18th of April",
                    "next-meetup-talk": "Fishbowl",
                    "next-meetup-speaker": ""
                },
                "images": {
                    "hoster-small": {
                        "src": "img/hoster-logos/messagebird.png",
                        "alt": "Hosted by MessageBird"
                    },
                    "hoster-large": {
                        "src": "img/hoster-logos/messagebird-full.svg",
                        "alt": "Hosted by MessageBird"
                    },
                    "hoster-next": {
                        "src": "img/hoster-logos/true.png",
                        "alt": "True"
                    },
                    "speaker-face": {
                        "src": "img/speakers/frank_koonstra.jpeg",
                        "alt": "Speaker: Frank Koonstra"
                    }
                }
            };
        </script>
    </head>

    <body>

        <div class="reveal">

            <div class="slides">
                <section>
                    <img src="img/logo-transparent-background.png" alt="AmsterdamPHP">
                    <h4 id="date"></h4>

                    <div class="two-columns" style="margin-top: 4em;">
                        <div>
                            <p>Hosted by</p>
                            <img id="hoster-small" class="hoster" src="" alt="">
                        </div>

                        <div>
                            <ul class="pointless">
                                <li>19h00 - 19h30: Welcome &amp; Drinks</li>
                                <li>19h30 - 19h35: Opening</li>
                                <li>19h35 - 20h30: Lightning talk</li>
                                <li>19h35 - 20h30: Talk</li>
                                <li>20h30 - 21h30: Raffle &amp; Social</li>
                            </ul>
                        </div>
                    </div>
                </section>

                <section>
                    <h1>Tonight's Sponsors</h1>
                    <img id="hoster-large" class="hoster big" src="" alt="" style="width: 650px; min-height: auto">
                </section>

                <section>
                    <h1 class="slide fancy">Tonight's Prizes</h1>
                </section>

                <!-- <section>
                    <h1>One License</h1>

                    <img class="white-background" src="img/hoster-logos/jetbrains.svg" alt="Sponsor: JetBrains" style="height: 300px;">

                    <h3 class="fancy">Any JetBrains software</h3>
                    <a class="fancy" href="http://www.jetbrains.com">http://www.jetbrains.com</a>
                </section> -->

                <!-- <section>
                    <h1>Books!</h1>

                    <img class="hoster big" src="img/hoster-logos/usabilla-large.png" alt="Sponsor: Usabilla">
                    <div class="fragment grow hoster-hiring">
                        We're hiring!
                    </div>
                </section> -->

                <section>
                    <h1>Books!</h1>

                    <img class="hoster big" src="img/hoster-logos/messagebird-full.svg" alt="Sponsor: PB Web Media">
                    <div class="fragment grow hoster-hiring">
                        We're hiring!
                    </div>
                </section>

                <!-- <section data-background="img/pagination_promo.jpg">
                </section> -->

                <section>
                    <h1 class="slide fancy">1 Ticket to</h1>
                    <img width="600" src="img/conference-logos/laracon-eu-2018.svg">
                    <h4>August 28th-30th</h4>
                    <h4>Amsterdam</h4>
                </section>

                <!-- No elephpants this months -->
                <!-- <section data-background="https://s3.amazonaws.com/ksr/projects/1400106/photo-1024x768.jpg?1413547082"></section> -->
                <section data-background="https://pbs.twimg.com/media/D2K5qW0W0AIZr0g.jpg"></section>

                <section>
                    <p>
                        <img src="img/checkin-to-win.png" alt="Check-in to win"/>
                    </p>

                    <a href="http://raffles.amsterdamphp.nl">http://raffles.amsterdamphp.nl</a>
                </section>
<!--
                <section>
                    <h1 class="fancy">Lightning talk!</h1>

                    <h4>Shared understanding: better software through meaningful conversations</h3>
                    <h4>Emmerson Siqueira</h3>
                </section> -->

                <section>
                    <h1>Tonight's Speaker</h1>

                    <div class="two-columns" style="margin-top: 4em;">
                        <div>
                            <img id="speaker-face" class="speaker" src="" alt="">
                        </div>

                        <div>
                            <h3 id="speaker-name" class="fancy"></h3>
                        </div>
                    </div>
                </section>

                <section>
                    <h1 class="fancy">Rating</h1>

                    <div class="two-columns">
                        <div>
                            <img class="meetup" src="img/meetup-large.png" alt="Meetup">
                            <h2 class="fancy">The Venue</h2>
                        </div>

                        <div>
                            <img class="white-background" src="img/joindin.png" alt="JoindIn">
                            <h2 class="fancy">The Speakers</h2>
                            <a id="joind-in" href="https://joind.in/talk/c9a87"></a>
                        </div>
                    </div>
                </section>

                <section>
                    <h1 class="slide fancy">Conferences and Events</h1>
                </section>

                <section>
                    <h1 class="slide fancy">Codemotion</h1>
                    <img width="600" src="img/conference-logos/codemotion.png">
                    <h4>April 2nd-3th</h4>
                    <h4>Amsterdam</h4>
                </section>

                <section>
                    <h1 class="slide fancy">phpKonf</h1>
                    <img width="600" src="img/conference-logos/phpkonf.png">
                    <h4>May 4th</h4>
                    <h4>Istanbul, Turkey</h4>
                </section>

                <section>
                    <h1 class="slide fancy">phpDay</h1>
                    <img width="600" src="img/conference-logos/phpday-2017.svg">
                    <h4>May 10th-11th</h4>
                    <h4>Verona, Italy</h4>
                </section>

                <section>
                    <img width="600" src="img/conference-logos/laracon-eu-2018.svg">
                    <h4>May 23th</h4>
                    <h4>Madrid, Spain</h4>
                    <h3>CfP open until April 5th</h3>
                </section>

                <section>
                    <h1 class="slide fancy">Dutch PHP Conference</h1>
                    <img width="600" src="img/conference-logos/dpc-2018.png">
                    <h4>June 6th-8th</h4>
                    <h4>Amsterdam</h4>
                </section>

                <section data-background="img/conference-logos/wecamp-background.jpg">
                    <h1 class="slide fancy">WeCamp</h1>
                    <img width="600" src="img/conference-logos/wecamp-2019.png" style="box-shadow: none;">
                    <h4>August 20th-24th</h4>
                    <h4>Amsterdam</h4>
                </section>

                <section>
                    <img width="600" src="img/conference-logos/laracon-eu-2018.svg">
                    <h4>August 28th-30th</h4>
                    <h4>Amsterdam</h4>
                    <h3>CfP open until May 15th</h3>
                </section>

                <section>
                    <h1 class="slide fancy">Bulgaria PHP Conference</h1>
                    <img width="600" src="img/conference-logos/bgphp-2019.svg">
                    <h4>November 8th-10th</h4>
                    <h4>Sofia, Bulgaria</h4>
                    <h3>CfP open until May 8th</h3>
                </section>

                <section>
                    <h1 class="slide fancy">Raffles</h1>
                    <p style="margin-top: 3em">
                        <img src="img/checkin-to-win.png" alt="Check-in to win"/>
                    </p>

                    <a href="http://raffles.amsterdamphp.nl">http://raffles.amsterdamphp.nl</a>
                </section>

                <section>
                    <img src="img/logo-transparent-background.png" alt="AmsterdamPHP">
                    <div class="two-columns" style="margin-top: 1.5em;">
                        <div>
                            <h1 id="next-meetup-talk" class="slide fancy" style="font-size: 1.45em; max-width: 8em;"></h1>
                            <h2 id="next-meetup-speaker" style="font-size: 0.9em;"></h2>
                        </div>
                        <div><img id="hoster-next" class="hoster" src="" alt="" style="min-width: 400px;"></div>
                    </div>
                    <h3 id="next-meetup-date" style="clear: both; margin-top: 5em"></h3>
                </section>
            </div>

        </div>

        <script src="lib/js/head.min.js"></script>
        <script src="js/reveal.min.js"></script>

        <script>

            // Full list of configuration options available here:
            // https://github.com/hakimel/reveal.js#configuration
            Reveal.initialize({
                controls: false,
                progress: false,
                history: true,
                center: true,

                theme: Reveal.getQueryHash().theme, // available themes are in /css/theme
                transition: Reveal.getQueryHash().transition || 'default', // default/cube/page/concave/zoom/linear/fade/none

                // Parallax scrolling
                // parallaxBackgroundImage: 'https://s3.amazonaws.com/hakim-static/reveal-js/reveal-parallax-1.jpg',
                // parallaxBackgroundSize: '2100px 900px',

                // Optional libraries used to extend on reveal.js
                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, callback: function() { hljs.initHighlightingOnLoad(); } },
                    { src: 'plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
                    { src: 'plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } },
                    { src: 'js/theme/amsterdamphp.js', async: true, condition: function() { return !!document.body.classList; } },
                    { src: 'plugin/jquery/jquery.js', condition: function() { return !!document.body.classList; } },
                    { src: 'plugin/jquery/jquery.corner.js', async: true, callback: function() { enhanceSpeakerImage(); fillSlideData(); }, condition: function() { return !!document.body.classList; } }
                ]
            });
        </script>
    </body>
</html>