From ffd4c36830e6789b37581c1b666a12545c07ca4e Mon Sep 17 00:00:00 2001 From: Carlos Villavicencio <carlos.po5i@gmail.com> Date: Tue, 15 May 2018 18:19:55 -0500 Subject: Introducing syntax highlight --- client/index.html | 63 ++++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 62 insertions(+), 1 deletion(-) (limited to 'client/index.html') diff --git a/client/index.html b/client/index.html index d71c62d..9abdebc 100644 --- a/client/index.html +++ b/client/index.html @@ -1 +1,62 @@ -<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"><title>hack.chat</title><link rel="stylesheet" href="style.css"><link rel="stylesheet" href="katex/katex.min.css"><link id="scheme-link" rel="stylesheet" href="schemes/atelier-dune.css"><script src="katex/katex.min.js"></script><script src="katex/contrib/auto-render.min.js"></script></head><body><article class="container"><div id="messages" class="messages"></div></article><footer id="footer"><div class="container"><form id="chatform" class="messages"><textarea id="chatinput" type="text" autocomplete="off" autofocus></textarea></form></div></footer><nav id="sidebar"><div id="sidebar-content" class="hidden"><p><input id="pin-sidebar" type="checkbox"><label for="pin-sidebar">Pin sidebar</label></p><h4>Settings</h4><p><input id="joined-left" type="checkbox" checked><label for="joined-left">Join/left notify</label></p><p><input id="parse-latex" type="checkbox" checked><label for="parse-latex">Parse LaTeX</label></p><p><button id="clear-messages">Clear messages</button></p><h4>Color scheme</h4><select id="scheme-selector"></select><h4>Users online</h4><p>(Click user to invite)</p><ul id="users"></ul></div></nav><script src="client.js"></script></body></html> \ No newline at end of file +<!DOCTYPE html> +<html> + +<head> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <meta charset="utf-8"> + <title>hack.chat</title> + <link rel="stylesheet" href="style.css"> + <link rel="stylesheet" href="katex/katex.min.css"> + <link id="scheme-link" rel="stylesheet" href="schemes/atelier-dune.css"> + <script src="katex/katex.min.js"></script> + <script src="katex/contrib/auto-render.min.js"></script> + <link id="highlight-link" rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/hybrid.min.css"> + <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script> +</head> + +<body> + <article class="container"> + <div id="messages" class="messages"></div> + </article> + <footer id="footer"> + <div class="container"> + <form id="chatform" class="messages"> + <textarea id="chatinput" type="text" autocomplete="off" autofocus></textarea> + </form> + </div> + </footer> + <nav id="sidebar"> + <div id="sidebar-content" class="hidden"> + <p> + <input id="pin-sidebar" type="checkbox"> + <label for="pin-sidebar">Pin sidebar</label> + </p> + <h4>Settings</h4> + <p> + <input id="joined-left" type="checkbox" checked> + <label for="joined-left">Join/left notify</label> + </p> + <p> + <input id="parse-latex" type="checkbox" checked> + <label for="parse-latex">Parse LaTeX</label> + </p> + <p> + <button id="clear-messages">Clear messages</button> + </p> + <h4>Color scheme</h4> + <select id="scheme-selector"></select> + <p> + <input id="syntax-highlight" type="checkbox" checked> + <label for="syntax-highlight">Syntax Highlight</label> + </p> + <h4>Highlight scheme</h4> + <select id="highlight-selector"></select> + <h4>Users online</h4> + <p>(Click user to invite)</p> + <ul id="users"></ul> + </div> + </nav> + <script src="client.js"></script> +</body> + +</html> \ No newline at end of file -- cgit v1.2.1