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

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

    <title>Gulp, Grunt, WebPack: What’s a Dev to Choose?</title>

    <meta name="description" content="Grunt Through Your Next ASP.NET App">
    <meta name="author" content="<NAME>">

    <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">
    <link rel="stylesheet" href="css/theme/skyline.css" id="theme">

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

    <!-- 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);
    </script>
</head>

<body>

    <div class="reveal">
        <header class="page-title"></header>

        <!-- Any section element inside of this container is displayed as a slide -->
        <div class="slides">
            <section class="intro" data-background="img/skyline-intro-background.jpg">
                <div class="interior">
                    <h3>Gulp, Grunt, WebPack</h3>
                    <h4>What’s a Dev to Choose?</h4>
                </div>
            </section>

            <section data-state="about-me">
                <style>
                    .about-me header:after {
                        content: "About Me";
                    }
                </style>

                <img src="img/avatar.jpg" style="width: 300px; height: auto;" />

                <p>
                    <small><NAME> | <a href="http://www.brandonmartinez.com/">brandonmartinez.com</a> | <a href="http://twitter.brandonmartinez.com">@brandonmartinez</a></small>
                </p>

                <p>
                    <small>Skyline Technologies (We're Hiring!) | <a href="http://www.skylinetechnologies.com/">skylinetechnologies.com</a> | <a href="https://twitter.com/skylinetweets">@skylinetweets</a></small>
                </p>
            </section>

            <section>
                <h1>Let's Get Started!</h1>
            </section>

            <section data-state="whats-a-taskrunner">
                <style>
                    .whats-a-taskrunner header:after {
                        content: "What's a Task Runner?";
                    }
                </style>

                <h3>Exercise in Node.js</h3>

                <a href="http://gruntjs.com/" target="_blank"><img src="img/grunt-logo.png" height="150" style="border: none; box-shadow: none; margin-right: 150px;" /></a>
                <a href="http://gulpjs.com/" target="_blank"><img src="img/gulp-logo.png" height="150" style="border: none; box-shadow: none;" /></a>

                <p>A <em>Task Runner</em> is a build system that can be used for task automation. It can be used to minify
                    and combine JavaScript, preprocess CSS via SASS or LESS, copy vendor assets from package manager like
                    NPM, and more.</p>
            </section>

            <section data-state="whats-grunt">
                <style>
                    .whats-grunt header:after {
                        content: "What's Grunt?";
                    }
                </style>

                <h3>And why all the noise?</h3>

                <a href="http://gruntjs.com/" target="_blank"><img src="img/grunt-logo.png" height="150" style="border: none; box-shadow: none;" /></a>

                <pre><code data-trim class="javascript">sass: {
    dist: {
        options: {
            outputStyle: 'compressed',
            sourceMap: true
        },
        src: buildConfig.app.styles.files,
        dest: buildConfig.dist.styles,
    }
},</code></pre><commit_msg>Fixed a type on task runner slide<commit_after><!doctype html>
<html lang="en">

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

    <title>Gulp, Grunt, WebPack: What’s a Dev to Choose?</title>

    <meta name="description" content="Grunt Through Your Next ASP.NET App">
    <meta name="author" content="<NAME>">

    <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">
    <link rel="stylesheet" href="css/theme/skyline.css" id="theme">

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

    <!-- 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);
    </script>
</head>

<body>

    <div class="reveal">
        <header class="page-title"></header>

        <!-- Any section element inside of this container is displayed as a slide -->
        <div class="slides">
            <section class="intro" data-background="img/skyline-intro-background.jpg">
                <div class="interior">
                    <h3>Gulp, Grunt, WebPack</h3>
                    <h4>What’s a Dev to Choose?</h4>
                </div>
            </section>

            <section data-state="about-me">
                <style>
                    .about-me header:after {
                        content: "About Me";
                    }
                </style>

                <img src="img/avatar.jpg" style="width: 300px; height: auto;" />

                <p>
                    <small><NAME> | <a href="http://www.brandonmartinez.com/">brandonmartinez.com</a> | <a href="http://twitter.brandonmartinez.com">@brandonmartinez</a></small>
                </p>

                <p>
                    <small>Skyline Technologies (We're Hiring!) | <a href="http://www.skylinetechnologies.com/">skylinetechnologies.com</a> | <a href="https://twitter.com/skylinetweets">@skylinetweets</a></small>
                </p>
            </section>

            <section>
                <h1>Let's Get Started!</h1>
            </section>

            <section data-state="whats-a-taskrunner">
                <style>
                    .whats-a-taskrunner header:after {
                        content: "What's a Task Runner?";
                    }
                </style>

                <h3>Exercise in Node.js</h3>

                <a href="http://gruntjs.com/" target="_blank"><img src="img/grunt-logo.png" height="150" style="border: none; box-shadow: none; margin-right: 150px;" /></a>
                <a href="http://gulpjs.com/" target="_blank"><img src="img/gulp-logo.png" height="150" style="border: none; box-shadow: none;" /></a>

                <p>A <em>Task Runner</em> is a build system that can be used for task automation. It can be used to minify
                    and combine JavaScript, preprocess CSS via SASS or LESS, copy vendor assets from package managers like
                    NPM, and more.</p>
            </section>

            <section data-state="whats-grunt">
                <style>
                    .whats-grunt header:after {
                        content: "What's Grunt?";
                    }
                </style>

                <h3>And why all the noise?</h3>

                <a href="http://gruntjs.com/" target="_blank"><img src="img/grunt-logo.png" height="150" style="border: none; box-shadow: none;" /></a>

                <pre><code data-trim class="javascript">sass: {
    dist: {
        options: {
            outputStyle: 'compressed',
            sourceMap: true
        },
        src: buildConfig.app.styles.files,
        dest: buildConfig.dist.styles,
    }
},</code></pre>
{'fraction_non_alphanumeric': 0.15633751369779617, 'fraction_numerical': 0.007549007670765859, 'mean_word_length': 1.8710241174414541, 'pattern_counts': {'":': 0, '<': 179, '<?xml version=': 0, '>': 179, 'https://': 2, 'lorem ipsum': 0, 'www.': 4, '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': '2437990', 'n_tokens_mistral': 2566, 'n_tokens_neox': 2381, 'n_words': 519}