mirror of
https://github.com/tanrax/simple-HTML-over-the-Wire-social-network.git
synced 2026-08-14 17:53:15 +02:00
60 lines
2.1 KiB
HTML
60 lines
2.1 KiB
HTML
{% load static %}
|
|
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport"
|
|
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
|
<title>Social Network</title>
|
|
<!-- CSS -->
|
|
<link rel="stylesheet" href="{% static 'css/main.css' %}">
|
|
<!-- JavaScript -->
|
|
<script type="module" src="{% static 'js/webSocketsCli.js' %}"></script>
|
|
<script type="module" src="{% static 'js/main.js' %}"></script>
|
|
</head>
|
|
<body
|
|
data-host="{{ request.get_host }}"
|
|
data-scheme="{{ request.scheme }}"
|
|
>
|
|
<div class="container">
|
|
<header>
|
|
<h1>Social Network</h1>
|
|
</header>
|
|
<main id="main">
|
|
<!-- Form for adding new messages -->
|
|
<section class="message-form">
|
|
<form>
|
|
<input
|
|
type="text"
|
|
placeholder="Name"
|
|
id="message-form__author"
|
|
class="message-form__author"
|
|
name="author"
|
|
required
|
|
>
|
|
<textarea
|
|
name="message"
|
|
placeholder="Write your message here..."
|
|
id="message-form__text"
|
|
class="message-form__text"
|
|
required
|
|
></textarea>
|
|
<input
|
|
type="submit"
|
|
class="message-form__submit"
|
|
id="message-form__submit"
|
|
value="Send"
|
|
>
|
|
</form>
|
|
<script type="module" src="{% static 'js/components/addMessage.js' %}"></script>
|
|
</section>
|
|
<!-- End Form for adding new messages -->
|
|
<!-- Messages -->
|
|
<section id="messages">
|
|
<div id="messages__list"></div>
|
|
</section>
|
|
<!-- End Messages -->
|
|
</main>
|
|
</div>
|
|
</body>
|
|
</html> |