<!doctype html>
<html lang="en">
    <head>
        <!-- The first thing in any HTML file should be the charset -->
        <meta charset="utf-8">
        <!-- Make the page mobile compatible -->
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- Allow installing the app to the homescreen -->
        <link rel="manifest" href="manifest.json">
        <meta name="mobile-web-app-capable" content="yes">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/10up-sanitize.css/5.0.0/sanitize.min.css">
        ${criticalCSS}

        <link href="https://fonts.googleapis.com/css?family=Roboto|Poppins" rel="stylesheet">
        <title>React.js Boilerplate</title>
    </head>
    <body>
        <!-- Display a message if JS has been disabled on the browser. -->
        <noscript>If you're seeing this message, that means <strong>JavaScript has been disabled on your browser</strong>, please <strong>enable JS</strong> to make this app work.</noscript>

        <!-- The app hooks into this div -->
        <div id="app">${html}</div>
        <!-- A lot of magic happens in this file. HtmlWebpackPlugin automatically includes all assets (e.g. bundle.js, main.css) with the correct HTML tags, which is why they are missing in this HTML file. Don't add any assets here! (Check out webpackconfig.js if you want to know more) -->
    </body>
</html>

<!doctype html>
<html lang="en">
    <head>
        <!-- The first thing in any HTML file should be the charset -->
        <meta charset="utf-8">
        <!-- Make the page mobile compatible -->
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- Allow installing the app to the homescreen -->
        <link rel="manifest" href="manifest.json">
        <meta name="mobile-web-app-capable" content="yes">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/10up-sanitize.css/5.0.0/sanitize.min.css">
        ${criticalCSS}

        <link href="https://fonts.googleapis.com/css?family=Roboto:300,400|Poppins" rel="stylesheet">
        <title>React.js Boilerplate</title>
    </head>
    <body>
        <!-- Display a message if JS has been disabled on the browser. -->
        <noscript>If you're seeing this message, that means <strong>JavaScript has been disabled on your browser</strong>, please <strong>enable JS</strong> to make this app work.</noscript>

        <!-- The app hooks into this div -->
        <div id="app">${html}</div>
        <!-- A lot of magic happens in this file. HtmlWebpackPlugin automatically includes all assets (e.g. bundle.js, main.css) with the correct HTML tags, which is why they are missing in this HTML file. Don't add any assets here! (Check out webpackconfig.js if you want to know more) -->
    </body>
</html>

Add Roboto 300 to font set
Add Roboto 300 to font set

For smaller text on the MovieCard that was
created in an earlier commit, 400 font weight looked
too thick to my eyes. Adding an additional weight
appeared to still be performant according to Google
Fonts.
