mirror of
https://github.com/danbulant/ester-klient
synced 2026-05-19 04:18:45 +00:00
71 lines
No EOL
2.5 KiB
HTML
71 lines
No EOL
2.5 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>
|
|
<small id="type">VERSION</small>
|
|
</div>
|
|
<div class="grid-stack">
|
|
<!-- Movable widgets, generated at runtime -->
|
|
</div>
|
|
</div>
|
|
<div class="chat" id="chat">
|
|
<div class="frame">
|
|
<div class="frame--header ripple" id="chat-header">
|
|
Ester
|
|
</div>
|
|
<div class="chat--content">
|
|
<div class="chat--divider">
|
|
Dnes
|
|
</div>
|
|
<div class="chat--sent">
|
|
<div class="chat--sent-content">
|
|
Ahoj!
|
|
</div>
|
|
</div>
|
|
<div class="chat--response">
|
|
<div class="chat--response-content">
|
|
Ahoj!
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="chat--form">
|
|
<input id="input" placeholder="Pošli zprávu" type="text" class="chat--input">
|
|
</div>
|
|
</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="./chat.js"></script>
|
|
<script src="./calendar.js"></script>
|
|
<script src="https://code.responsivevoice.org/responsivevoice.js?key=y7Vtl7ep"></script>
|
|
</body>
|
|
</html> |