ui improvment and adding dynamic ws protocol

Author: civilcoder55

src/static/css/main-light.css

@@ -581,6 +581,12 @@ ul {
 .tw-block a {
   direction: ltr !important;
 }
+.tw-block video {
+  width: 100%;
+}
+.tw-block iframe {
+  width: 100%;
+}
 .article__list {
   margin-top: 30px;
   text-align: right;

src/static/css/main.css

@@ -590,6 +590,12 @@ ul {
 .tw-block a {
   direction: ltr !important;
 }
+.tw-block video {
+  width: 100%;
+}
+.tw-block iframe {
+  width: 100%;
+}
 .article__list {
   margin-top: 30px;
   text-align: right;

src/static/js/ws.js

@@ -1,4 +1,5 @@
-const socket = new WebSocket("ws://" + window.location.host + "/ws/notifier/");
+const protocol = window.location.protocol == "https:" ? "wss://" : "ws://";
+const socket = new WebSocket(protocol + window.location.host + "/ws/notifier/");
 socket.onopen = function open() {
   console.log("WebSockets connection created.");
 };