﻿<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1.0, width=device-width, user-scalable=no">
<title></title>
<meta name="description" content="">
<meta name="generator" content="Playnode - https://playnode.net">
<link rel="alternate" type="application/rss+xml" href="/rss" title="Feed">
<link rel="jslicense" href="/jslicense.html">
<link rel="icon" sizes="16x16 144x144" href="/themes/k-os/images/icon-16-144.ico">
<link rel="mask-icon" href="/themes/k-os/images/favicon.svg" color="#FF7F2A">
<link rel="apple-touch-icon" type="image/png" href="/themes/k-os/images/icon-144.png">
<link rel="stylesheet" href="/libs/jquery-ui.css">
<link rel="stylesheet" href="/themes/k-os/style/bootstrap.min.css">
<link rel="stylesheet" href="/bower_libs/bootstrap3-dialog/css/bootstrap-dialog.min.css">
<link rel="stylesheet" href="/bower_libs/pnotify.css">
<link rel="stylesheet" href="/bower_libs/pnotify.buttons.css">
<link rel="stylesheet" href="/bower_libs/pnotify.mobile.css">
<link rel="stylesheet" href="/themes/k-os/style/main.css">
<meta name="msapplication-TileImage" content="/themes/k-os/images/icon-144.png">
<meta name="msapplication-TileColor" content="#eeeeee">
<meta name="msapplication-starturl" content="/">
</head>
<body>
<div id="pnDrop"></div>
<div id="pnPreNav"></div>
<nav class="navbar navbar-default navbar-fixed-top">
    <div class="container">
        <div class="navbar-header">
            <button class="navbar-toggle collapsed"
                    data-toggle="collapse"
                    data-target="#navbar"
                    aria-expanded="false"
                    aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a id="logoHomeLink" class="navbar-brand" href="/">
                <img src="/themes/k-os/images/k-os.png"
                     alt="K-os.net">
            </a>
        </div>
        <div id="navbar" class="collapse navbar-collapse">
            <div class="hidden-xs">
                <ul class="nav navbar-nav">
                    <li><a href="/">Home</a></li>
                    <li><a href="/artists">Artists</a></li>
                    <li style="display: none" class="loggedIn">
                        <a href="/collection">Collection</a>
                    </li>
                    <li style="display: none" class="loggedIn">
                        <a id="pnProfileLink1" href="#">Profile</a>
                    </li>
                    <li style="display: none" class="loggedIn">
                        <a href="/upload">Upload</a>
                    </li>
                    <li style="display: none" class="adminOpt">
                        <a href="/admin">Admin</a>
                    </li>
                    <!--
                    <li style="display: none" class="loggedIn">
                        <a href="/cart">Cart
                            <span class="badge">1</span>
                        </a>
                    </li>
                    -->
                </ul>
                <p style="display: none" class="loggedIn navbar-text navbar-right">
                    Signed in as <a href="/account" class="navbar-link">
                    <span class="userName">Name</span>
                </a>
                </p>
                <button style="display: none" class="anonUser btn btn-primary navbar-btn navbar-right">
                    Sign in
                </button>
            </div>
            <div class="visible-xs">
                <ul class="nav navbar-nav">
                    <li>
                        <a data-toggle="collapse" data-target="#navbar"
                           href="/">Home</a>
                    </li>
                    <li>
                        <a data-toggle="collapse" data-target="#navbar"
                           href="/artists">Artists</a>
                    </li>
                    <li style="display: none" class="loggedIn">
                        <a data-toggle="collapse" data-target="#navbar"
                           href="/collection">Collection</a>
                    </li>
                    <li style="display: none" class="loggedIn">
                        <a data-toggle="collapse" data-target="#navbar"
                           id="pnProfileLink2" href="#">Profile</a>
                    </li>
                    <li style="display: none" class="loggedIn">
                        <a data-toggle="collapse" data-target="#navbar"
                           href="/upload">Upload</a>
                    </li>
                    <li style="display: none" class="adminOpt">
                        <a data-toggle="collapse" data-target="#navbar"
                           href="/admin">Admin</a>
                    </li>
                    <!--
                    <li style="display: none" class="loggedIn">
                        <a data-toggle="collapse" data-target="#navbar"
                           href="/cart">Cart
                            <span class="badge">1</span>
                        </a>
                    </li>
                    -->
                </ul>
                <p style="display: none" class="loggedIn navbar-text navbar-right">
                    Signed in as <a href="/account"
                                    data-toggle="collapse" data-target="#navbar"
                                    class="navbar-link">
                    <span class="userName">Name</span>
                </a>
                </p>
                <button style="display: none"
                        class="anonUser btn btn-primary navbar-btn navbar-right"
                        data-toggle="collapse" data-target="#navbar">
                    Sign in
                </button>
            </div>
        </div>
    </div>
</nav>
<div id="pnHeadSpace"></div>
<div id="pnContent" class="container"></div>
<div id="pnFooterSpace"></div>
<div id="pnFooter"></div>
<script>
    var pnCfg = {
        siteName: 'K-os.net',
        theme: 'k-os',
        waveColour: '#10442d',
        basePath: '/'
    };
</script>
<script type="text/template" id="pnAlertTemplate">
    <div class="narrow-pad">
        <div class="alert alert-{style} alert-dismissible" role="alert">
            <span class="glyphicon glyphicon-{glyph}" aria-hidden="true"></span>
            <span class="sr-only">{srText}</span>
            <button class="close"
                    data-dismiss="alert"
                    aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
            {msg}
        </div>
    </div>
</script>
<script type="text/template" id="pnAccountPageTemplate">
    <div class="narrow-pad">
        <ul class="nav nav-tabs" role="tablist">
            <li role="presentation" class="active">
                <a href="#account"
                   aria-controls="account"
                   role="tab"
                   data-toggle="tab">Account</a>
            </li>
            <li role="presentation">
                <a href="#messages"
                   aria-controls="settings"
                   role="tab"
                   data-toggle="tab">Messages</a>
            </li>
            <li role="presentation">
                <a href="#stats"
                   aria-controls="stats"
                   role="tab"
                   data-toggle="tab">Stats</a>
            </li>
        </ul>
        <div class="tab-content">
            <div role="tabpanel" class="tab-pane active" id="account">
                <div style="float: right; margin: 6px 0">
                    <button id="logoutButton" class="btn btn-danger">
                        <span class="glyphicon glyphicon-log-out"
                              aria-hidden="true"></span>
                        Sign out
                    </button>
                </div>
                <table class="table">
                    <tr>
                        <th>Last login</th>
                        <td>{lastLogin}</td>
                    </tr>
                    <tr>
                        <th>Session created</th>
                        <td>{createdSession}</td>
                    </tr>
                    <tr>
                        <th>Session updated</th>
                        <td>{updatedSession}</td>
                    </tr>
                </table>
            </div>
            <div role="tabpanel" class="tab-pane" id="messages">
                <br>
            </div>
            <div role="tabpanel" class="tab-pane" id="stats">
                <br>
            </div>
        </div>
    </div>
</script>
<script type="text/template" id="pnAdminPageTemplate">
    <div class="narrow-pad">
        <ul class="nav nav-tabs" role="tablist">
            <li role="presentation" class="active">
                <a href="#who"
                   aria-controls="who"
                   role="tab"
                   data-toggle="tab">Who's Online</a>
            </li>
            <li role="presentation">
                <a href="#stats"
                   aria-controls="stats"
                   role="tab"
                   data-toggle="tab">Site Stats</a>
            </li>
        </ul>
        <div class="tab-content">
            <div role="tabpanel" class="tab-pane active" id="who">
                <br>
            </div>
            <div role="tabpanel" class="tab-pane" id="stats">
                <br>
            </div>
        </div>
    </div>
</script>
<script type="text/template" id="pnArtistsPageTemplate">
    <div id="pnArtistsPage">
        <br>
        <div class="narrow-pad">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">Site artists</h3>
                </div>
                <div class="panel-body">
                    <p>Registered users with one or more tracks:</p>
                    <ul></ul>
                </div>
            </div>
        </div>
    </div>
</script>
<script type="text/template" id="pnCollectionPageTemplate">
    <div class="narrow-pad">
        <!--
        <div class="alert alert-info" role="alert">
            <span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span>
            <span class="sr-only">Info:</span>
            This is your <b>private</b> collection.
            <button class="close"
                    data-dismiss="alert"
                    aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
        -->
        <ul class="nav nav-tabs" role="tablist">
            <li role="presentation" class="active">
                <a href="#following"
                   aria-controls="following"
                   role="tab"
                   data-toggle="tab">Following
                </a>
            </li>
            <li role="presentation">
                <a href="#tracks"
                   aria-controls="tracks"
                   role="tab"
                   data-toggle="tab">Tracks
                </a>
            </li>
            <li role="presentation">
                <a href="#playlists"
                   aria-controls="playlists"
                   role="tab"
                   data-toggle="tab">Playlists
                </a>
            </li>
        </ul>
        <div class="tab-content">
            <div role="tabpanel" class="tab-pane active" id="following">
                <br>
            </div>
            <div role="tabpanel" class="tab-pane" id="tracks">
                <br>
            </div>
            <div role="tabpanel" class="tab-pane" id="playlists">
                <br>
            </div>
        </div>
    </div>
</script>
<script type="text/template" id="pnErrorPageTemplate">
    <br>
    <div class="narrow-pad">
        <div class="panel panel-danger">
            <div class="panel-heading">
                <h3 class="panel-title">{title}</h3>
            </div>
            <div class="panel-body">
                {msg}
            </div>
        </div>
    </div>
</script>
<script type="text/template" id="pnHomePageTemplate">
    <div id="pnHomePage">
        <div class="narrow-pad">
            <div class="jumbotron">
                <h1>K-os.net</h1>
                <p>Supporting the Generals, not the majors</p>
                <p><a class="btn btn-primary btn-lg"
                      href="https://playnode.net"
                      target="_blank"
                      role="button">Learn more</a></p>
            </div>
            <h2>
                <span class="glyphicon glyphicon-music" aria-hidden="true"></span>
                Recent music
            </h2>
        </div>
    </div>
</script>
<script type="text/template" id="pnLoginPageTemplate">
    <div class="container">
        <form id="pnLoginForm">
            <h2 class="form-signin-heading">Sign in here</h2>

            <label for="pnLoginUsername" class="sr-only">Email address</label>
            <input type="email" name="username" id="pnLoginUsername"
                   class="form-control" placeholder="Email address"
                   required autofocus>

            <label for="pnLoginPassword" class="sr-only">Password</label>
            <input type="password" name="password" id="pnLoginPassword"
                   class="form-control" placeholder="Password"
                   required>

            <!--
            <div class="checkbox">
                <label>
                    <input type="checkbox" value="remember-me">
                        Remember me
                </label>
            </div>
            -->

            <button class="btn btn-lg btn-primary btn-block"
                    type="submit">
                Sign in
            </button>
            <br>
            <div class="narrow-pad">
                <div id="pnLoginErrorMessage"></div>
            </div>
        </form>
    </div>
</script>
<script type="text/template" id="pnPlaylistPageTemplate">
    <div id="pnPlaylistPage">
        <div class="narrow-pad">
            <h1><a href="{artistPath}">{artist}</a> - {title}</h1>
            <div class="pnDescription">{description}</div>
            <div class="pnButtons">
                <button id="pnEditPlaylistBtn" class="btn btn-default">
                    <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                    Edit playlist
                </button>
                <button id="pnAddTrackToPlaylistBtn" class="btn btn-default">
                    <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
                    Add track
                </button>
                <button id="pnDeleteTrackBtn" class="btn btn-default">
                    <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
                    Delete playlist
                </button>
                <button id="pnFavouriteBtn" class="btn btn-default">
                    <span class="glyphicon glyphicon-star" aria-hidden="true"></span>
                    Favourite
                </button>
                <button id="pnUnFavouriteBtn" class="btn btn-default">
                    <span class="glyphicon glyphicon-star-empty" aria-hidden="true"></span>
                    Remove favourite
                </button>
                <!--
                <button id="pnBuyBtn" class="btn btn-default">
                    <span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span>
                    Buy
                </button>
                -->
            </div>
        </div>
        <ul class="pnTracks"></ul>
    </div>
</script>
<script type="text/template" id="pnTrackPageTemplate">
    <div id="pnTrackPage">
        <div class="narrow-pad">
            <h1><a href="{artistPath}">{artist}</a> - {title}</h1>
        </div>
        <div id="pnTrackTarget"></div>
        <div class="narrow-pad">
            <div class="pnButtons">
                <button id="pnEditTrackBtn" class="btn btn-default">
                    <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                    Edit track
                </button>
                <button id="pnAddToPlaylistBtn" class="btn btn-default">
                    <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
                    Add to playlist
                </button>
                <button id="pnDeleteTrackBtn" class="btn btn-default">
                    <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
                    Delete track
                </button>
                <button id="pnFavouriteBtn" class="btn btn-default">
                    <span class="glyphicon glyphicon-star" aria-hidden="true"></span>
                    Favourite
                </button>
                <button id="pnUnFavouriteBtn" class="btn btn-default">
                    <span class="glyphicon glyphicon-star-empty" aria-hidden="true"></span>
                    Remove favourite
                </button>
                <button id="pnAddCommentBtn" class="btn btn-default">
                    <span class="glyphicon glyphicon-comment" aria-hidden="true"></span>
                    Add comment
                </button>
                <button id="pnBuyBtn" class="btn btn-default">
                    <span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span>
                    Buy
                </button>
            </div>
            <div class="pnDescription">{description}</div>
            <!--
            <div class="pnComments">
                <h2>
                    <span class="glyphicon glyphicon-comment" aria-hidden="true"></span>
                    Comments
                </h2>
                <div class="pnComment">
                    <blockquote>
                        <p>This is a comment.</p>
                        <footer><a href="/person">Person</a></footer>
                    </blockquote>
                </div>
                <div class="pnComment">
                    <blockquote>
                        <p>This is another comment.</p>
                        <footer><a href="/another-person">Another Person</a></footer>
                    </blockquote>
                </div>
            </div>
            -->
        </div>
    </div>
</script>
<script type="text/template" id="pnUploadPageTemplate">
    <div id="pnUploadPage">
        <div class="narrow-pad">
            <br>
            <p>Click on the Upload button to select and upload a file.</p>
            <form>
                <button id="uploadBtn" class="btn btn-default">Upload</button>
                <div style="height: 0; width: 0; overflow: hidden">
                    <input type="file" name="files" id="files" multiple="multiple">
                </div>
            </form>
        </div>
    </div>
</script>
<script type="text/template" id="pnUserPageTemplate">
    <div id="pnUserPage">
        <div class="narrow-pad">
            <h1>{name}</h1>
            <div id="pnUserDescription">{description}</div>
            <div class="pnButtons">
                <button id="pnEditProfileBtn" class="btn btn-default">
                    <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                    Edit profile
                </button>
                <button id="pnSendMessageBtn" class="btn btn-default">
                    <span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>
                    Message
                </button>
                <button id="pnFollowBtn" class="btn btn-default">
                    <span class="glyphicon glyphicon-star" aria-hidden="true"></span>
                    Follow
                </button>
                <button id="pnUnFollowBtn" class="btn btn-default">
                    <span class="glyphicon glyphicon-star-empty" aria-hidden="true"></span>
                    Unfollow
                </button>
            </div>
            <ul class="nav nav-tabs" role="tablist">
                <li role="presentation" id="tracksTab" class="active">
                    <a href="/{path}" role="tab">Tracks
                        <span class="badge">{trackCount}</span>
                    </a>
                </li>
                <li role="presentation" id="playlistsTab">
                    <a href="/{path}/playlists" role="tab">Playlists
                        <span class="badge">{playlistCount}</span>
                    </a>
                </li>
            </ul>
        </div>
        <div class="tab-content">
            <div class="tab-pane active" id="tracksTabContent" role="tabpanel">
                <br>
                <ul class="pnTracks"></ul>
            </div>
            <div class="tab-pane" id="playlistsTabContent" role="tabpanel">
                <br>
                <ul class="pnPlaylists"></ul>
            </div>
        </div>
    </div>
</script>
<script type="text/template" id="pnPlayerTemplate">
    <div id="pnPlaylistPlayer">
        <img class="pnPlayPrevBtn" src="/themes/k-os/images/media_back.svg">
        <img class="pnPlayBtn" src="/themes/k-os/images/media_play.svg">
        <img class="pnPlayNextBtn" src="/themes/k-os/images/media_forward.svg">
    </div>
</script>
<script type="text/template" id="pnSpinnerTemplate">
    <div id="pnSpinner">
        <div class="inner-circles-loader"></div>
    </div>
</script>
<script type="text/template" id="pnTrackTemplate">
    <div class="pnTrackPlayer">
        <div class="pnTrackWave">
            <canvas width="768" height="82"></canvas>
        </div>
        <div class="pnTrackProgress"></div>
        <div class="pnTrack">
            <img class="pnPlayBtn" src="/themes/k-os/images/circle_play.svg">
            <div class="pnTrackPosition"></div>
            <div class="pnTrackDuration"></div>
            <div class="pnTrackTitle">
                <a><span>{title}</span></a>
            </div>
        </div>
    </div>
</script>
<script type="text/template" id="pnUploadDialogTemplate">
    <div id="pnUploadDialog">
        <br>
        <span id="uploadMessage">&nbsp;</span>
        <span id="uploadPercent">&nbsp;</span>
        <div class="progress">
            <div class="progress-bar"
                 role="progressbar"
                 aria-valuenow="60"
                 aria-valuemin="0"
                 aria-valuemax="100"
                 style="width: 0"></div>
        </div>
    </div>
</script>
<script src="/bower_libs/jquery.js"></script>
<script src="/bower_libs/jquery.hotkeys.js"></script>
<script src="/bower_libs/jquery-ui/core.js"></script>
<script src="/bower_libs/jquery-ui/widget.js"></script>
<script src="/bower_libs/jquery-ui/mouse.js"></script>
<script src="/bower_libs/jquery-ui/sortable.js"></script>
<script src="/bower_libs/jquery.ui.touch-punch.js"></script>
<script src="/bower_libs/page.js"></script>
<script src="/bower_libs/pointer_events_polyfill.js"></script>
<script src="/bower_libs/soundmanager2-nodebug.js"></script>
<script src="/bower_libs/bootstrap/bootstrap.js"></script>
<script src="/bower_libs/bootstrap3-dialog/bootstrap-dialog.js"></script>
<script src="/bower_libs/pnotify.js"></script>
<script src="/bower_libs/pnotify.buttons.js"></script>
<script src="/bower_libs/pnotify.mobile.js"></script>
<script src="/libs/tmpl.js"></script>
<script src="/scripts/classes/App.js"></script>
<script src="/scripts/classes/AbstractPage.js"></script>
<script src="/scripts/classes/AbstractPlayerPage.js"></script>
<script src="/scripts/classes/AbstractPagingPlayerPage.js"></script>
<script src="/scripts/classes/Player.js"></script>
<script src="/scripts/classes/Playlist.js"></script>
<script src="/scripts/classes/Router.js"></script>
<script src="/scripts/classes/ScrollRestorer.js"></script>
<script src="/scripts/classes/Track.js"></script>
<script src="/scripts/classes/TrackView.js"></script>
<script src="/scripts/classes/TrackModel.js"></script>
<script src="/scripts/classes/Upload.js"></script>
<script src="/scripts/classes/UrlParser.js"></script>
<script src="/scripts/classes/pages/AccountPage.js"></script>
<script src="/scripts/classes/pages/AdminPage.js"></script>
<script src="/scripts/classes/pages/ArtistsPage.js"></script>
<script src="/scripts/classes/pages/CollectionPage.js"></script>
<script src="/scripts/classes/pages/ErrorPage.js"></script>
<script src="/scripts/classes/pages/UserPage.js"></script>
<script src="/scripts/classes/pages/HomePage.js"></script>
<script src="/scripts/classes/pages/LoginPage.js"></script>
<script src="/scripts/classes/pages/PlaylistPage.js"></script>
<script src="/scripts/classes/pages/TrackPage.js"></script>
<script src="/scripts/classes/pages/UploadPage.js"></script>
<script src="/scripts/classes/user/User.js"></script>
<script src="/scripts/classes/user/AuthenticatedUser.js"></script>
<script src="/scripts/classes/user/AnonUser.js"></script>
<script src="/scripts/classes/user/Uploader.js"></script>
<script src="/scripts/main.js"></script>
<script src="/scripts/modules/notify.js"></script>
</body>
</html>