<commit_before><html>
	<head>
        <title>A Room With a Vue</title>
		<link rel="stylesheet" href="/presentations/js/revealjs/css/reveal.css">
		<link rel="stylesheet" href="/presentations/js/revealjs/css/theme/black.css">
        <link rel="stylesheet" href="/presentations/js/revealjs/lib/css/zenburn.css">
        <style type="text/css">
            body {
                background: url( 'img/background.jpg' ) no-repeat center center fixed; 
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
            }

            a {
                color: white !important;
                text-decoration: underline !important;
            }

            .reveal pre {
                box-shadow: 0 0 0 0 !important;
            }

            .button {
                background-color: #8dcffc;
                border: none;
                color: black;
                padding: 15px 32px;
                text-align: center;
                text-decoration: none;
                display: inline-block;
                font-size: 16px;
                border-radius: 5px;

                animation-name: pulse_animation;
                animation-duration: 5000ms;
                transform-origin: 70% 70%;
                animation-iteration-count: infinite;
                animation-timing-function: linear;
            }

            .input {
                padding: 10px;
                font-size: 16px;
                border-radius: 5px;
            }

            @keyframes pulse_animation {
                0% { transform: scale(1); }
                30% { transform: scale(1); }
                40% { transform: scale(1.08); }
                50% { transform: scale(1); }
                60% { transform: scale(1); }
                70% { transform: scale(1.05); }
                80% { transform: scale(1); }
                100% { transform: scale(1); }
            }

            .nostyle {
                box-shadow: none !important;
                border: 0 !important;
                background: transparent !important;
            }
        </style>
	</head>
	<body>
		<div class="reveal">
			<div class="slides">
                <section>
                    <h1>A Room with a Vue</h1>
                    <h3>A beginner's dive into Vue.js</h3>
                </section>

                <section>
                    <h3><a href="https://twitter.com/ryanrousseau" target="_blank">@ryanrousseau</a></h3>
                    <p><small>Solution Architect @ <a href="https://octopus.com" target="_blank">Octopus Deploy</a></small></p>
                    <p><small>Vue.js Beginner</small></p>
                </section>

                <section>
                    <h2>Links</h2>
                    <p><a href="https://ryanrousseau.com/presentations/a-room-with-a-vue/" target="_blank">https://ryanrousseau.com/presentations/a-room-with-a-vue/</a></p>
                    <p><a href="https://github.com/ryanrousseau/presentations/a-room-with-a-vue/" target="_blank">https://github.com/ryanrousseau/presentations/a-room-with-a-vue/</a></p>
                </section>

                <section>
                    <section>
                        <h2>What is Vue.js?</h2>
                        <img class="nostyle" src="img/vue.png"></img>
                    </section>
                    <section>
                        <p>Vue is a <strong>progressive framework</strong> for building user interfaces.</p>
                    </section>
                    <section>
                        <p>Vue is designed from the ground up to be incrementally adoptable. </p>
                    </section>
                    <section>
                        <p>The core library is focused on the view layer only, and is easy to pick up and integrate with other libraries or existing projects.</p>
                    </section><commit_msg>Fixed link<commit_after><html>
	<head>
        <title>A Room With a Vue</title>
		<link rel="stylesheet" href="/presentations/js/revealjs/css/reveal.css">
		<link rel="stylesheet" href="/presentations/js/revealjs/css/theme/black.css">
        <link rel="stylesheet" href="/presentations/js/revealjs/lib/css/zenburn.css">
        <style type="text/css">
            body {
                background: url( 'img/background.jpg' ) no-repeat center center fixed; 
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
            }

            a {
                color: white !important;
                text-decoration: underline !important;
            }

            .reveal pre {
                box-shadow: 0 0 0 0 !important;
            }

            .button {
                background-color: #8dcffc;
                border: none;
                color: black;
                padding: 15px 32px;
                text-align: center;
                text-decoration: none;
                display: inline-block;
                font-size: 16px;
                border-radius: 5px;

                animation-name: pulse_animation;
                animation-duration: 5000ms;
                transform-origin: 70% 70%;
                animation-iteration-count: infinite;
                animation-timing-function: linear;
            }

            .input {
                padding: 10px;
                font-size: 16px;
                border-radius: 5px;
            }

            @keyframes pulse_animation {
                0% { transform: scale(1); }
                30% { transform: scale(1); }
                40% { transform: scale(1.08); }
                50% { transform: scale(1); }
                60% { transform: scale(1); }
                70% { transform: scale(1.05); }
                80% { transform: scale(1); }
                100% { transform: scale(1); }
            }

            .nostyle {
                box-shadow: none !important;
                border: 0 !important;
                background: transparent !important;
            }
        </style>
	</head>
	<body>
		<div class="reveal">
			<div class="slides">
                <section>
                    <h1>A Room with a Vue</h1>
                    <h3>A beginner's dive into Vue.js</h3>
                </section>

                <section>
                    <h3><a href="https://twitter.com/ryanrousseau" target="_blank">@ryanrousseau</a></h3>
                    <p><small>Solution Architect @ <a href="https://octopus.com" target="_blank">Octopus Deploy</a></small></p>
                    <p><small>Vue.js Beginner</small></p>
                </section>

                <section>
                    <h2>Links</h2>
                    <p><a href="https://ryanrousseau.com/presentations/a-room-with-a-vue/" target="_blank">https://ryanrousseau.com/presentations/a-room-with-a-vue/</a></p>
                    <p><a href="https://github.com/ryanrousseau/presentations/tree/master/a-room-with-a-vue" target="_blank">https://github.com/ryanrousseau/presentations/tree/master/a-room-with-a-vue/</a></p>
                </section>

                <section>
                    <section>
                        <h2>What is Vue.js?</h2>
                        <img class="nostyle" src="img/vue.png"></img>
                    </section>
                    <section>
                        <p>Vue is a <strong>progressive framework</strong> for building user interfaces.</p>
                    </section>
                    <section>
                        <p>Vue is designed from the ground up to be incrementally adoptable. </p>
                    </section>
                    <section>
                        <p>The core library is focused on the view layer only, and is easy to pick up and integrate with other libraries or existing projects.</p>
                    </section>
{'fraction_non_alphanumeric': 0.12325174825174826, 'fraction_numerical': 0.015984015984015984, 'mean_word_length': 1.2837182777302538, 'pattern_counts': {'":': 0, '<': 139, '<?xml version=': 0, '>': 139, 'https://': 12, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1852558', 'n_tokens_mistral': 2329, 'n_tokens_neox': 2084, 'n_words': 448}