Resources/Views/index.leaf from joeblau/gitignore.io

Resources/Views/index.leaf
Summary

Maintainability

Test Coverage

Issues
<!DOCTYPE html>
<html lang="en" itemscope="itemscope" itemtype="https://schema.org/WebApplication" prefix="og: https://ogp.me/ns">
<head>
    <title>#(titleString)</title>

    <base href="#(basePrefixString)">
    <script>
      window.BASE_PREFIX = "#(basePrefixString)".replace(/\/+$/, '');
      window.GOOGLE_ANALYTICS_UID = "#(googleAnalyticsUIDString)";
    </script>

    <!-- Meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <meta name="description" content="#(descriptionString)">
    <meta name="keywords" content="gitignore,.gitignore,git,ignore,file,create,make,generate,build,automatic,programmatic,command line,cli">

    <link rel="preload" as="image"
      href="img/gitignore-logo-horizontal@2x.png"
      imagesrcset="img/gitignore-logo-horizontal.png 370w, img/gitignore-logo-horizontal@2x.png 740w"
      imagesizes="(min-width: 960px) 740px, 100vw"
    >
    <link rel="preload" as="image" href="img/lightning.svg">

    <link rel="preload" as="font" type="font/woff"  crossorigin="anonymous" href="fonts/ProximaNova-Regular.woff">
    <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="fonts/ProximaNova-Regular.woff2">
    <link rel="preload" as="font" type="font/otf"   crossorigin="anonymous" href="fonts/ProximaNova-Regular.otf">

    <link rel="preload" as="font" type="font/woff"  crossorigin="anonymous" href="fonts/ProximaNova-Semibold.woff">
    <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="fonts/ProximaNova-Semibold.woff2">
    <link rel="preload" as="font" type="font/otf"   crossorigin="anonymous" href="fonts/ProximaNova-Semibold.otf">

    <meta property="og:type" content="website">
    <meta property="og:title" content="gitignore.io">
    <meta property="og:description" content="Create useful .gitignore files for your project">
    <meta property="og:image" content="#(canonicalUrlString)/img/preview@2x.png">
    <meta property="og:url" content="#(canonicalUrlString)">

    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="@toptal">

    <link rel="canonical" href="#(canonicalUrlString)" />

    <link rel="stylesheet" type="text/css" href="assets/main.css">

    <link rel="icon" href="favicon.ico" type="image/x-icon">

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=#(googleAnalyticsUIDString)"></script>
</head>
<body>
    <header>
        <div class="container">
            <div class="header-left-column">
                <a href="https://www.toptal.com/developers" aria-label="Toptal" title="Toptal">
                    <img src="img/toptal-logo-wordmark.svg" height="30" width="100" alt="Toptal" />
                </a>
                <h1>gitignore.io</h1>
            </div>
            <div class="header-right-column">
                <a href="https://github.com/toptal/gitignore.io" aria-label="#(sourceCodeDescriptionString)" title="#(sourceCodeDescriptionString)">
                    <img src="img/github-logo.svg" alt="GitHub" width="24" height="24" />
                </a>
            </div>
        </div>
    </header>

    <div class="content-wrapper">
        <main>
            <div class="container">
                <div class="masthead">
                    <div class="masthead-top">
                        <img srcset="img/gitignore-logo-horizontal.png 370w,
                                     img/gitignore-logo-horizontal@2x.png 740w"
                                width="370"
                                height="50"
                                sizes="(min-width: 960px) 740px, 100vw"
                                src="img/gitignore-logo-horizontal.png"
                                alt="gitignore.io" />
                        <h2>#(subtitleString)</h2>
                    </div>

                    <div class="input-group">
                        <p style="display:none" id="input-gitignore-placeholder">#(searchPlaceholderString)</p>
                        <select id="input-gitignore" class="form-control input"></select>
                        <div class="input-group-append">
                            <button type="button" id="btn-gitignore" class="btn btn-gitignore">#(searchGoString)</button>
                        </div>
                    </div>

                    <div class="masthead-bottom">
                        <ul class="masthead-nav">
                            <li><a href="https://github.com/toptal/gitignore.io" aria-label="#(sourceCodeDescriptionString)" title="#(sourceCodeDescriptionString)">#(sourceCodeTitleString)</a></li>
                            <li><a href="https://docs.gitignore.io/install/command-line" aria-label="#(commandLineDescriptionString)" title="#(commandLineDescriptionString)">#(commandLineTitleString)</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </main>
        #embed("internal-linking")
    </div>

    <!-- Footer Scripts -->
    <script async src="assets/main.js"></script>
    <script async>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}

        gtag('js', new Date());

        gtag('config', "#(googleAnalyticsUIDString)", {
            'content_group1': 'Git Ignore',
            'custom_map': { 'dimension10': 'client_id' }
        });

        setTimeout(function() {
            gtag('event', 'read', { 'event_category': '15_seconds' });
        }, 15000);
    </script>
</body>
</html>