{{define "base"}}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <style>
        * {
            color: white;
        }
        input{
            color: black;
        }
    </style>
    {{template "head" .}}
</head>
<body style="background-color: #212121">
    <div style="background-color: #424242; padding: 16px !important; border-radius: 15px;">
        <a href="/" style="text-decoration: none"><h1 style="float: left">yt-dlp Archive Viewer</h1></a>
        <form action="/search" method="get" style="float: right; margin: auto">
            <label>
                Search term:
                <input type="text" name="term" required>
            </label>
        </form>
        <div style="clear:both;"></div>
    </div>
    <div style="padding: 10px">
        {{template "body" .}}
    </div>
</body>
</html>
{{end}}