Untitled

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>stg.com</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/tarina.css" rel="stylesheet">

        <link rel='stylesheet' href='fonts/typicons/typicons.min.css' />

        <link href='https://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
        <link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300' rel='stylesheet' type='text/css'>

        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">

    <script type="text/javascript"src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

    <script type="text/javascript" src="js/stg.js"></script>
    <script type="text/javascript">
        var parsedData;
        var names = getUserList();
        var prologues = getPrologueList();
        $.when(names).then(function(data) {
            parsedData = $.parseJSON(data); });
    </script>

  </head>

  <body>

    <!-- NAVI -->

    <nav class="navbar navbar-default navbar-static-top">

        <div class="container" style="height: 100%;">

            <!-- linkit -->

            <ul class="nav navbar-nav navbar-left" style="padding-top: -10px; height: 69px">

                <li><a href="kp_main.html"><span>Etusivu</span></a></li>
                <li><a href="#"><span>Ajankohtaista</span></a></li>
                <li><a href="kp_selaa.html"><span>Selaa tarinoita</span></a></li>
                <li><a href="#"><span>Info</span></a></li>

            </ul>

            <!-- Login -->

            <ul class="nav navbar-nav navbar-right";>


                <button type="button" class="btn-sm btn-register">
                    <a href="kp_profiili.html">Profiiliin</a>
                </button>

                <button type="button" class="btn-sm btn-login">
                    <a href="http://www.iltalehti.fi">Kirjaudu ulos</a>
                </button>

            </ul>

        </div>

    </nav>

    <!-- HEADER -->

    <div class="container-fluid main-header">

        <div class="container" style="padding: 50px;">

            <div class="row">

                <div class="col-md-12 text-center" style="margin-top: -30px;">

                    <img src="images/STG_logo8.png" style="width: 100%;" />

                </div>

            </div>

        </div>

    </div>

    <!-- MAIN CONTENT -->


        <div class="container">

            <div class="col-md-12 content-yla text-center" style="padding-top: 15px;">
            <p><i><a href="URLI TÄHÄN">Profiili</a> | <a href="URLI TÄHÄN">Käyttäjienhallinta</a> | <a href="URLI TÄHÄN">Tekstienhallinta</a> | <a href="URLI TÄHÄN">Korttienhallinta</a> | <a href="URLI TÄHÄN">Prologieditori</a></i></p>
            </div>

            <div class="content-bg">

                <div class="row padding" style="padding-bottom: 0px;">

                        <div class="col-md-12 text-justify sisennys" style="padding-top: 0px;">

                            <h1>Käyttäjienhallinta</h1>

                        </div>

                </div>

            <div class="row padding">

                    <div class="col-12-md" id="userList" >
                        <script type="text/javascript">
                            var userListContainer = document.getElementById('userList');
                            for(var i=0; i < parsedData.length; i++) {
                            userListContainer.innerHTML += parsedData[i].userID + " - "+
                            parsedData[i].uniqName +"<br>";
                            }
                        </script>
                    </div>

            </div>

            </div>

        </div>

        <div class="container">

                <div class="col-md-12 content-ala"></div>

        </div>


    <!-- FOOTER -->

    <footer>

        <div class="container">

            <div class="row">

                <div class="col-md-4 text-left"><i class="fa fa-facebook-official fa-2x"  style="padding-right: 10px;"></i> <i class="fa fa-twitter fa-2x"></i></div>

                <div class="col-md-4 text-left"></div>

                <div class="col-md-4 text-right">&copy; Storytellinggame.com 2015</div>

            </div>

        </div>

    </footer>

  </body>


</html>