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

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

    <title>reveal.js - The HTML Presentation Framework</title>

    <meta name="description" content="A framework for easily creating beautiful presentations using HTML">
    <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/black.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>

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

  <body>

    <div class="reveal">

      <!-- Any section element inside of this container is displayed as a slide -->
      <div class="slides">
        <section>
          <h1>Meet The Tech Team!</h1>
        </section>

        <section>
          <h3>Why Do They Always Say 'Tech Debt'?</h3>
          <a href="https://twitter.com/php_ceo/status/639203984780214272"><img src="img/tech-debt.png"></a>
        </section>
        <section>
          <h3>It's A System Thing</h3>
          <img src="http://www.shaunabram.com/wp-content/uploads/2013/04/DesignStaminaHypothesis.jpg">
        </section>
        <section>
          <h3>Maybe This is a Better Metaphor</h3>
          <img src="http://www.frankwbaker.com/citize9.gif">
        </section>
        <section>
          <h3>Or This</h3>
          <img src="https://deborahj.files.wordpress.com/2012/11/mcescher.jpg">
        </section>

        <!-- Daniel's section -->

        <section>
          <h3>Minimum Viable Product</h3>
          <img src="img/MVP.jpg">
        </section>

        <section>
          <h3>The Agile Manifesto</h3>
          <ul>
            <li><em>Individuals and interactions</em> over processes and tools</li>
            <li><em>Working software</em> over comprehensive documentation</li>
            <li><em>Customer collaboration</em> over contract negotiation</li>
            <li><em>Responding to change</em> over following a plan</li>
          </ul>
        </section>
        <section>
          <h3>Principles of Agile Development</h3>
          <img src="img/agile principles.png">
        </section>

        <section>
          <h3>Agile Ceremonies</h3>
          <ul>
            <li>planning</li>
            <li>review</li>
            <li>demo</li>
            <li>retrospective</li>
          </ul>
        </section>

        <section>
          <img src="img/feedback.jpg">
        </section>

        <!-- Kathryn's section -->
        <section>
          <h3>What is Web Performance?</h3>
          <p>A perception of time</p>
          <img src="img/performance-time-wonderland.png">
        </section>
        <section>
          <p>How Fast it <i>Feels Like</i> a Website Loads</p>
          <img src="img/how-time-feels.png">
        </section>
        <section>
          <h3>Why Do We Care About Performance?</h3>
          <img src="img/page-load-stay-leave.png">
        </section>
        <section>
          <h3>What Determines a Website's Performance?</h3>
        </section>
        <section>
          <h3>Need to Understand a Little About How a Webpage Loads</h3>
        </section>
        <section>
          <h3>This is Simplified But...</h3>
        </section>
        <section>
          <p>(1) The browser locates a website based on its URL.</p>
          <p>(2) The browser asks the server for HTML, CSS, JavaScript, and images needed to make that website look good and be usable.</p>
          <p>(3) Server sends the requested files to the browser.</p>
        </section>
        <section>
          <h3>Enter the Performance Budget</h3><commit_msg>switch order of my slides; add transition slides<commit_after><!doctype html>
<html lang="en">

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

    <title>reveal.js - The HTML Presentation Framework</title>

    <meta name="description" content="A framework for easily creating beautiful presentations using HTML">
    <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/black.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>

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

  <body>

    <div class="reveal">

      <!-- Any section element inside of this container is displayed as a slide -->
      <div class="slides">

        <section>
          <h1>Meet The Tech Team!</h1>
        </section>

        <!--Amanda's section-->

        <section>
          <h3>Why Do They Always Say 'Tech Debt'?</h3>
          <a href="https://twitter.com/php_ceo/status/639203984780214272"><img src="img/tech-debt.png"></a>
        </section>

        <section>
          <h3>Maybe This is a Better Metaphor</h3>
          <img src="http://www.frankwbaker.com/citize9.gif">
        </section>

        <section>
          <h3>Or This</h3>
          <img src="https://deborahj.files.wordpress.com/2012/11/mcescher.jpg">
        </section>

        <section>
          <h3>It's A System Thing</h3>
          <img src="http://www.shaunabram.com/wp-content/uploads/2013/04/DesignStaminaHypothesis.jpg">
        </section>

        <!-- Rodney's section -->

        <section>
          <h3>How Did We Get Here?</h3>
        </section>

        <!-- Daniel's section -->

        <section>
          <h3>How Do We Improve Things?</h3>
        </section>

        <section>
          <h3>Minimum Viable Product</h3>
          <img src="img/MVP.jpg">
        </section>

        <section>
          <h3>The Agile Manifesto</h3>
          <ul>
            <li><em>Individuals and interactions</em> over processes and tools</li>
            <li><em>Working software</em> over comprehensive documentation</li>
            <li><em>Customer collaboration</em> over contract negotiation</li>
            <li><em>Responding to change</em> over following a plan</li>
          </ul>
        </section>
        <section>
          <h3>Principles of Agile Development</h3>
          <img src="img/agile principles.png">
        </section>

        <section>
          <h3>Agile Ceremonies</h3>
          <ul>
            <li>planning</li>
            <li>review</li>
            <li>demo</li>
            <li>retrospective</li>
          </ul>
        </section>

        <section>
          <img src="img/feedback.jpg">
        </section>

        <!-- Kathryn's section -->
        <section>
          <h3>"The Site Is Slow!"</h3>
        </section>

        <section>
          <h3>What is Web Performance?</h3>
          <p>A perception of time</p>
          <img src="img/performance-time-wonderland.png">
        </section>
        <section>
          <p>How Fast it <i>Feels Like</i> a Website Loads</p>
          <img src="img/how-time-feels.png">
        </section>
        <section>
          <h3>Why Do We Care About Performance?</h3>
          <img src="img/page-load-stay-leave.png">
        </section>
        <section>
          <h3>What Determines a Website's Performance?</h3>
        </section>
        <section>
          <h3>Need to Understand a Little About How a Webpage Loads</h3>
        </section>
        <section>
          <h3>This is Simplified But...</h3>
        </section>
        <section>
          <p>(1) The browser locates a website based on its URL.</p>
          <p>(2) The browser asks the server for HTML, CSS, JavaScript, and images needed to make that website look good and be usable.</p>
          <p>(3) Server sends the requested files to the browser.</p>
        </section>
        <section>
          <h3>Enter the Performance Budget</h3>
{'fraction_non_alphanumeric': 0.15394868377207596, 'fraction_numerical': 0.016661112962345886, 'mean_word_length': 2.0511690952219586, 'pattern_counts': {'":': 0, '<': 311, '<?xml version=': 0, '>': 311, 'https://': 4, 'lorem ipsum': 0, 'www.': 4, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2033519', 'n_tokens_mistral': 2941, 'n_tokens_neox': 2779, 'n_words': 658}