<!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>Admintool</title> <link rel="apple-touch-icon" sizes="57x57" href="res/favicon/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="res/favicon/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="res/favicon/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="res/favicon/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="res/favicon/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="res/favicon/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="res/favicon/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="res/favicon/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="res/favicon/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="res/favicon/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="res/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="res/favicon/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="res/favicon/favicon-16x16.png"> <link rel="manifest" href="res/favicon/manifest.json"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="res/favicon/ms-icon-144x144.png"> <meta name="theme-color" content="#ffffff"> <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <link href="lib/cust/main.css" rel="stylesheet"> <script src="lib/jquery/jquery-2.2.2.min.js"></script> <script src="lib/bootstrap/js/bootstrap.min.js"></script> <script> // set the api url for the amivcore js library var api_url_config = "https://amiv-apidev.vsos.ethz.ch"; var spec_url_config = "lib/amiv/spec.json"; </script> <script src="lib/amiv/amivcore.js"></script> <script src="lib/cust/main.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment-with-locales.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.14.30/js/bootstrap-datetimepicker.min.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.14.30/css/bootstrap-datetimepicker.css"> </head> <body> <!-- Login Overlay--> <div class="loginPanel smooth"> <div class="col-sm-4"></div> <div class="col-sm-4 well"> <img class="login-logo" src="res/logo/main.svg" style="margin-left: 15%;" alt="AMIV Logo"> <div class="input-group"> <input type="text" class="form-control" id="loginUsername" name="user" placeholder="user"> <span class="input-group-addon">@student.ethz.ch</span> </div> <br> <input type="password" class="form-control" id="loginPassword" name="password" placeholder="password"> <br> <button type="submit" class="btn btn-default loginAction">Submit</button> </div> <div class="col-sm-4"></div> </div> <!-- Modal --> <div class="modal fade modalCont" tabindex="-1" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title"></h4> </div> <div class="modal-body"></div> <div class="modal-footer"> </div> </div> </div> </div> <!-- Log Container --> <div class="alertCont"></div> <!-- Main Container --> <div class="wrapper-main smooth"> <!-- Sidebar Container --> <div class="wrapper-sidebar smooth"> <div class="container-fluid"> <a href="#home"><img class="sidebar-logo" src="res/logo/main.svg" alt="AMIV Logo"></a> <ul class="nav nav-pills nav-stacked nav-sidebar" role="navigation"> <li> <div class="input-group"> <input type="text" class="form-control" placeholder="Find Me!"> <span class="input-group-btn"> <button class="btn btn-default" type="button"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></button> </span> </div> </li> <li role="separator" class="divider"></li> <li><a href="#users"><span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span> Users</a></li> <li><a href="#events"><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span> Events</a></li> <li><a href="#groups"><span class="glyphicon glyphicon-blackboard" aria-hidden="true"></span> Groups</a></li> <li><a href="#annouce"><span class="glyphicon glyphicon-bullhorn" aria-hidden="true"></span> Announce</a></li> <li><a href="#studydocuments"><span class="glyphicon glyphicon-folder-open" aria-hidden="true"></span> Studydocs</a></li> <li><a href="#beerncoffee"><span class="glyphicon glyphicon-cutlery" aria-hidden="true"></span> Beer & Coffee</a></li> </li> </ul> </div> </div> <!-- Top Navbar --> <nav class="navbar navbar-default navbar-main"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed toggleSidebarBtn" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <img height="40" style="margin: 5px;" src="res/logo/wheel.svg" id="wheel-logo" class="smooth" alt="Loading Wheel"> </div> <ul class="nav navbar-nav navbar-left cust-menu pull-left"> </ul> <ul class="nav navbar-nav navbar-right pull-right"> <li><a href="#" class="logoutAction"><span class="glyphicon glyphicon-off" aria-hidden="true"></span></a></li> </ul> </div> </nav> <!-- Main Content / Tool --> <div class="wrapper-content" id="main-content"> </div> </div> </body> </html>