ester-klient/view/index.html
2019-12-24 11:50:11 +01:00

59 lines
No EOL
1.9 KiB
HTML

<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Ester</title>
<script>
if (typeof module === 'object') { window.module = module; module = undefined; }
</script>
<script src="./assets/scripts/jquery.min.js"></script>
<script src="./assets/scripts/gridstack.js"></script>
<script>if (window.module) module = window.module;</script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/gridstack@0.5.5/dist/gridstack.min.css" />
<link rel="stylesheet" href="./main.css">
</head>
<body>
<div class="contents">
<div class="widgets content-item">
<div class="avatar">
<img class="avatar--img" id="avatar" src="assets/images/esterMain.png">
<h1 class="avatar--text" id="username">USERNAME</h1>
</div>
<div class="grid-stack">
<!-- Movable widgets, generated at runtime -->
</div>
</div>
<div class="chat content-item">
<div class="chat--content">
<div class="chat--divider">
Dnes
</div>
<div class="chat--sent">
Ahoj!
</div>
<div class="chat--response">
Ahoj
</div>
</div>
<div class="chat--form">
<input id="input" type="text" class="chat--input">
</div>
</div>
</div>
<script type="text/javascript">
$('.grid-stack').gridstack({
animate: true
});
var grid = $('.grid-stack').data('gridstack');
grid.enableResize(true, true);
</script>
<script src="./user.js"></script>
<script src="./calendar.js"></script>
</body>
</html>