public/index.html

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    
    <title><%= htmlWebpackPlugin.options.title %></title>
    <meta name="description" content="Online tool to magically generate badges that you can paste in your README.md file">
        
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
</head>

<body>
    <noscript>
        <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without
            JavaScript enabled.
            Please enable it to continue.</strong>
    </noscript>

    <div id="app">
        <div id="placeholder-content">
            <!--
                Content for non-JS view - if JS disabled or enabled but still loading (such as for SEO crawler).

                Default text for SEO crawlers which gets replaced on app load.
                Note CSS will be missing unless added here, as that is handled by Vue.
            -->
            <header
                style="max-width: 1012px; margin-right: auto; margin-left: auto; font-family: Avenir,Helvetica,Arial,sans-serif">

                <h1>Badge Generator</h1>

                <p>
                    This is an online tool which generates badges (or "shields") based on your inputs.
                    You
                    can preview the badges on the tool and then copy the Markdown/HTML to your GitHub
                    repo's
                    <b>README.md</b> file. Those metadata badges can help people learn about your repo
                    at a
                    glance and make it look professional.
                </p>

                <p>
                    See the repo on GitHub - <a
                        href="https://github.com/MichaelCurrin/badge-generator">MichaelCurrin/badge-generator</a>.
                </p>
            </header>
        </div>
    </div>
</body>

</html>