More resolution-friendly

blarf.js

@@ -140,7 +140,7 @@
 				text = text + k + ":" + (Math.floor(100 * Statistics[k].sum / Statistics[k].count) / 100) + ","
 			}
 			stats.innerText = text*/
-			stats.innerHTML = (VideoQueue.length ? (VideoQueue[VideoQueue.length - 1].t - VideoQueue[0].t) : "0") + "v" + (AudioQueue.reduce(function(acc, obj) {return acc + obj.left.length * AudHz / 1000}, 0)|0) + "a"
+			stats.innerHTML = (VideoQueue.length ? (VideoQueue[VideoQueue.length - 1].t - VideoQueue[0].t) : "0") + "v" + (AudioQueue.reduce(function(acc, obj) {return acc + obj.left.length * 1000 / AudHz}, 0)|0) + "a"
 		}
 	}
 

index.html

@@ -71,6 +71,26 @@
 				display: block;
 				line-height: initial;
 			}
+			
+			@media(max-aspect-ratio: 1) {
+				div.everything {
+					top: 0;
+					left: 0;
+					transform: translate(0, 0);
+				}
+				div.stream {
+					flex-direction: column;
+				}
+				div.stream > div.chat {
+					min-height: 20vh;
+				}
+				converse-root {
+					position: absolute !important;
+					width: 100%;
+					height: 100%;
+					display: inline-block;
+				}
+			}
 		</style>
 		<link rel="stylesheet" type="text/css" media="screen" href="https://cdn.conversejs.org/10.1.4/dist/converse.min.css">
 		<meta charset="UTF-8" />
@@ -114,7 +134,8 @@
 				singleton: true,
 				discover_connection_methods: false,
 				keepalive: false,
-				auto_reconnect: true
+				auto_reconnect: true,
+				hide_muc_participants: true
 			})
 		</script>
 	</body>