
<!DOCTYPE html>

<html><head>
    










<!--[if lt IE 7.]>
<script defer type="text/javascript" src="/script/pngfix.js"></script>
<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<link rel="icon" type="image/png" href="/icons/favicon.png"/>
<!-- Included before airsonic stylesheet to allow overriding -->
<link type="text/css" rel="stylesheet" href="/script/mediaelement/mediaelementplayer.min.css">
<link rel="stylesheet" href="/style/black.css" type="text/css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Ubuntu&subset=latin,cyrillic-ext,greek-ext,greek,latin-ext,cyrillic" type="text/css"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,300,400italic,500,300italic,500italic,700,700italic,100,100italic" type="text/css"/>
<title>Airsonic</title>

<!-- Import Mousetrap and enable shortcuts if necessary -->
<script>
function isKeyboardShortcutsEnabled() {
    if (window === parent.frames.top) {
        return false;
    } else {
        return parent.frames.top.isKeyboardShortcutsEnabled();
    }
}
</script>

<!-- Bind shortcuts if enabled -->
<script type="text/javascript" src="/script/mousetrap-1.6.0.js"></script>
<script type="text/javascript">
if (isKeyboardShortcutsEnabled()) {
    Mousetrap.bind('space', function() { parent.frames.playQueue.onToggleStartStop(); return false; });
    Mousetrap.bind('left',  function() { parent.frames.playQueue.onPrevious(); });
    Mousetrap.bind('right', function() { parent.frames.playQueue.onNext(); });
    Mousetrap.bind('*',     function() { parent.frames.playQueue.onStarCurrent(); });
    Mousetrap.bind('plus',  function() { parent.frames.playQueue.onGainAdd(+5); });
    Mousetrap.bind('-',     function() { parent.frames.playQueue.onGainAdd(-5); });
    Mousetrap.bind('q',     function() { parent.frames.playQueue.onTogglePlayQueue(); });

    Mousetrap.bind('/',     function() { parent.frames.upper.$("#query").focus(); });
    Mousetrap.bind('m',     function() { parent.frames.upper.toggleLeftFrameVisible(); });

    Mousetrap.bind('g h', function() { parent.frames.main.location.href = "home.view?"; });
    Mousetrap.bind('g p', function() { parent.frames.main.location.href = "playlists.view?"; });
    Mousetrap.bind('g o', function() { parent.frames.main.location.href = "podcastChannels.view?"; });
    Mousetrap.bind('g s', function() { parent.frames.main.location.href = "settings.view?"; });
    Mousetrap.bind('g t', function() { parent.frames.main.location.href = "starred.view?"; });
    Mousetrap.bind('g r', function() { parent.frames.main.location.href = "more.view?"; });
    Mousetrap.bind('g a', function() { parent.frames.main.location.href = "help.view?"; });
    Mousetrap.bind('?',   function() { parent.frames.main.location.href = "more.view#shortcuts"; });
}
</script>

    <script type="text/javascript">
        if (window != window.top) {
            top.location.href = location.href;
        }
    </script>

</head>
<body style="min-width:550px" class="mainframe bgcolor1" onload="document.getElementById('j_username').focus()">

    <form action="/login" method="POST">
        <input type="hidden" name="_csrf" value="6ebf0540-a30f-42ed-b44c-bd6a5c97f7d2" />

        <div id="loginframe" class="bgcolor2 shadow">

            <img src="icons/default_dark/logo_light.png" alt="">

            <div class="loginmessagetop"></div>

            <input type="text" id="j_username" name="j_username" tabindex="1" placeholder="Username">

            <input type="password" name="j_password" tabindex="2" placeholder="Password">

            <input name="submit" type="submit" value="Log in" tabindex="4"></td>

            <div class="details">
                <div id="loginremember">
                    <label for="remember">Remember me</label>
                    <input type="checkbox" name="remember-me" id="remember" class="checkbox" tabindex="3">
                </div>

                <a href="recover.view">Forgotten your password?</a>
            </div>

            

            

            

        </div>
    </form>

</body>
</html>
