Persil/index.html

79 lines
1.9 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite App</title>
<script type="module" src="/src/main.js"></script>
<link href='./src/css/style.css' rel='stylesheet' />
</head>
<body>
<main class="invisible">
<section>
<div id='header'>
<h2 id="channel_name">Root</h2>
<aside id="users"></aside>
</div>
<div id="messages"></div>
<form id="send_message">
<input type="text" id="input_message" placeholder="Enter your message" />
<input type="submit" value="send"/>
</form>
</section>
</main>
<form id="login">
<label for="login__name">Name:</label>
<input type="text" id="login__name"/>
<input type="submit" value="Start !"/>
</form>
<div id="page-loader" class="invisible">
<div class="loading"></div>
</div>
<div id="error" class="invisible">
<h1>Something wrong !</h1>
<pre id="error_msg"></pre>
</div>
<script type="text/javascript">
</script>
<template id="template-message">
<div class="message__header">
<div class="message__username">
Unknown
</div>
<div class="message__time">
Unknown
</div>
</div>
<div class="message__content">
empty
</div>
<link href='./src/css/message.css' rel='stylesheet' />
</template>
<template id="template-user">
<div class="user__username">
?
</div>
<link href='./src/css/user.css' rel='stylesheet' />
</template>
<template id="template-info">
<span class="info__time">
Unknown
</span>:
<span class="info__content">
empty
</span>
<link href='./src/css/info.css' rel='stylesheet' />
</template>
</body>
</html>