From ae05e3a6f1b430aff9981f4df7aa80925a49faa3 Mon Sep 17 00:00:00 2001
From: Andros Fenollosa <andros@fenollosa.email>
Date: Thu, 11 Mar 2021 21:58:29 +0100
Subject: [PATCH] Add HTML

---
 apps/front/templates/layouts/main.html        | 55 +++++++++++++++++++
 .../templates/partials/blog/all_articles.html |  0
 .../front/templates/partials/blog/single.html |  0
 .../templates/partials/website/about.html     |  0
 4 files changed, 55 insertions(+)
 create mode 100644 apps/front/templates/layouts/main.html
 create mode 100644 apps/front/templates/partials/blog/all_articles.html
 create mode 100644 apps/front/templates/partials/blog/single.html
 create mode 100644 apps/front/templates/partials/website/about.html
diff --git a/apps/front/templates/layouts/main.html b/apps/front/templates/layouts/main.html
new file mode 100644
index 0000000..b33c4ca
--- /dev/null
+++ b/apps/front/templates/layouts/main.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+            <meta charset="utf-8">
+            <title>DEMO Websocket over HTML</title>
+            <link rel="icon" type="image/png" href="favicon.png">
+            <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no">
+            <meta name="author" content="Andros Fenollosa">
+            <meta name="generator" content="Django">
+            <meta name="keywords" content="html, css, javascript">
+            <meta name="description" content="my description...">
+            <link rel="stylesheet" href="https://unpkg.com/spectre.css/dist/spectre.min.css">
+            <link rel="stylesheet" href="https://unpkg.com/spectre.css/dist/spectre-exp.min.css">
+            <link rel="stylesheet" href="https://unpkg.com/spectre.css/dist/spectre-icons.min.css">
+        </head>
+    <body>
+        <nav id="nav">
+            <ul class="nav">
+                <li class="nav-item">
+                    <a href="#">All</a>
+                </li>
+                <li class="nav-item">
+                    <a href="#">About</a>
+                </li>
+            </ul>
+        </nav>
+        <main id="main"></main>
+        <script>
+            const CHAT_SOCKET = new WebSocket('ws://my-demo.localhost/ws/blog/{{ CHANNEL}}/');
+
+              // Conectado
+             CHAT_SOCKET.addEventListener('open', () => {
+                 console.log('Conectado');
+             });
+             // Desconectado
+             CHAT_SOCKET.addEventListener('close', () => {
+                  console.log('Desconectado');
+              });
+
+             // Recibir mensaje
+             CHAT_SOCKET.addEventListener('message', (event) => {
+                 console.log('Recibido nuevo mensaje');
+                 const MI_NUEVA_DATA = JSON.parse(event.data);
+            });
+
+             // Desconectado
+             CHAT_SOCKET.addEventListener('error', (event) => {
+                  console.log('error');
+                  console.log(event)
+              });
+
+
+        </script>
+    </body>
+</html>
diff --git a/apps/front/templates/partials/blog/all_articles.html b/apps/front/templates/partials/blog/all_articles.html
new file mode 100644
index 0000000..e69de29
diff --git a/apps/front/templates/partials/blog/single.html b/apps/front/templates/partials/blog/single.html
new file mode 100644
index 0000000..e69de29
diff --git a/apps/front/templates/partials/website/about.html b/apps/front/templates/partials/website/about.html
new file mode 100644
index 0000000..e69de29
