apiVersion: v1
kind: ConfigMap
metadata:
  name: default-http-backend-html
  namespace: networking
data: 
  index.html: |-
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="robots" content="noindex, nofollow" />
        <title>Welcome to ${SECRET_DOMAIN}</title>
        <link rel="dns-prefetch" href="//fonts.gstatic.com">
        <link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet">
        <style>
            /** Idea author: https://codepen.io/robinselmer */
            html, body {
                height: 100%;
                overflow: hidden;
                margin: 0;
                padding: 0;
            }

            body {
                box-sizing: border-box;
                background-color: #000000;
                background-image: radial-gradient(#11581E, #041607);
                background-repeat: no-repeat;
                background-size: cover;
                font-family: 'Inconsolata', Helvetica, sans-serif;
                font-size: 1.5rem;
                color: rgba(128, 255, 128, 0.8);
                text-shadow:
                    0 0 1ex rgba(51, 255, 51, 1),
                    0 0 2px rgba(255, 255, 255, 0.8);
            }

            .overlay {
                pointer-events: none;
                position: absolute;
                width: 100%;
                height: 100%;
                background:
                    repeating-linear-gradient(
                        180deg,
                        rgba(0, 0, 0, 0) 0,
                        rgba(0, 0, 0, 0.3) 50%,
                        rgba(0, 0, 0, 0) 100%);
                background-size: auto 4px;
                z-index: 1;
            }

            .overlay::before {
                content: "";
                pointer-events: none;
                position: absolute;
                display: block;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                width: 100%;
                height: 100%;
                background-image: linear-gradient(
                    0deg,
                    transparent 0%,
                    rgba(32, 128, 32, 0.2) 2%,
                    rgba(32, 128, 32, 0.8) 3%,
                    rgba(32, 128, 32, 0.2) 3%,
                    transparent 100%);
                background-repeat: no-repeat;
                animation: scan 7.5s linear 0s infinite;
            }

            @keyframes scan {
                0%        { background-position: 0 -100vh; }
                35%, 100% { background-position: 0 100vh; }
            }

            .terminal {
                box-sizing: inherit;
                position: absolute;
                height: 100%;
                width: 1000px;
                max-width: 100%;
                padding: 4rem;
                text-transform: uppercase;
            }

            .output {
                color: rgba(128, 255, 128, 0.8);
                text-shadow:
                    0 0 1px rgba(51, 255, 51, 0.4),
                    0 0 2px rgba(255, 255, 255, 0.8);
            }

            .output::before {
                content: "> ";
            }

            a {
                color: #fff;
                text-decoration: none;
            }

            a::before {
                content: "[";
            }

            a::after {
                content: "]";
            }

            .error_code {
                color: white;
            }
        </style>
    </head>
    <body>
    <div class="overlay"></div>
    <div class="terminal">
        <h1>Welcome to <span class="error_code">${SECRET_DOMAIN}</span></h1>
        <p class="output">This is a default test page.</p>
        <p class="output">Have a nice day!</p>
    </div>
    </body>
    </html>