<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1" />
    <title>YT Manager Admin</title>

    <!-- Compressed CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.4.3/css/foundation.min.css" />
    <link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>
    <div class="pageheader">
        <h1>Dumb YT Manager</h1>
        <p>Youtube banned my account and refuses to say why, taking all my subscribed channels with it. This is a simple scrubscribed channel manager, showing recent releases from each channel and finally proper sub-catagory functionality!</p>
        
        <div id="apistatus-0"></div>
    </div>

    <hr />
    <h2>Subscribed Channels</h2>
    <div id="subbedchannelstable-0"></div>
    <div id="addchanel-0"></div>

    <hr />
    <h2>Videos in DB</h2>
    <div id="videosindbtable-0"></div>

    <!-- Compressed JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.4.3/js/foundation.min.js"></script>

    <!-- For doing REST based API stuff. -->
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>

    <!-- Some icons -->
    <script src="https://use.fontawesome.com/91af8ab4ba.js"></script>

    <!-- Good ole Vue :D -->
    <script src="https://unpkg.com/vue"></script>

    <!-- All of my custom JS. Put here so body loads before Vue based stuff loads/attempts to bind. -->
    <script src="admin.js"></script>
</body>
</html>