Untitled

<!DOCTYPE html>
<html>
<head>

<title>Sneaky Sneaky</title>

<meta name="generator" content="php-proxy.com">
<meta name="version" content="<?=$version;?>">
<meta charset="UTF-8">

<style type="text/css">
* {
    box-sizing: border-box;
}
body {
    padding-top: 15em;
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    display:flex;
    justify-content:center;
    align-items:center;
}
a {
    color: #93A1A1;
}
.url:focus,
.url:active,
.go:focus,
.go:active {
    outline: none;
}
.url {
    width: 88%;
    margin-right: 2%;
    background-color: #FDF6E3;
    color: #657B83;
}
.go {
    width: 10%;
    background-color: #2AA198;
    color: #FDF6E3;
    cursor: pointer;
}
.url,
.go {
    display: block;
    padding: .5em;
    float: left;
    border: none;
    font-size: 14px;
}
.container {
    padding: 1em;
    margin: 1em auto;
    width: 36em;
    background: #00000040;
    z-index: 2;
}
.container:after {
    display: table;
    content: '';
    clear: both;
}
// For links
a:link {
    color: #f2f46e;
    background-color: transparent;
    text-decoration: none;
}

a:visited {
    color: #f2f46e;
    background-color: transparent;
    text-decoration: none;
}

a:hover {
    color: #f2f46e;
    background-color: transparent;
    text-decoration: underline;
}

a:active {
    color: #f2f46e;
    background-color: transparent;
    text-decoration: underline;
}
canvas {
    position: absolute;
    top: 0;
    z-index: -1;
}
</style>
<body>

<div class="container">
    <div style="text-align:center;">
        <h1>Sneaky Sneaky</h1>
    </div>

    <?php if(isset($error_msg)){ ?>

    <div id="error">
        <p><?php echo $error_msg; ?></p>
    </div>

    <?php } ?>

    <div id="frm">

    <!-- I wouldn't touch this part -->

        <form action="index.php" method="post">
            <input class="url" name="url" type="text" autocomplete="off" placeholder="URL or search" />
            <input class="go" type="submit" value="Go" />
        </form>

        <script type="text/javascript">
            document.getElementsByName("url")[0].focus();
        </script>

    <!-- [END] -->

    </div>

</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/trianglify/1.1.0/trianglify.min.js"></script>
<script>
    var pattern = Trianglify({
        width: window.innerWidth,
        height: window.innerHeight,
        cell_size: 60 + Math.random() * 100,
        x_colors: 'random',
        y_colors: 'match_x',
        stroke_width: 3
    });
    document.body.appendChild(pattern.canvas())
</script>
</body>
</html>