diff --git a/webroot/js/app.js b/webroot/js/app.js
index 95b9738ed..5898194ba 100644
--- a/webroot/js/app.js
+++ b/webroot/js/app.js
@@ -18,6 +18,7 @@ async function setupApp() {
summary: "",
tags: [],
title: "",
+ appVersion: "",
},
watch: {
@@ -66,9 +67,9 @@ function setupWebsocket() {
// Uncomment to point to somewhere other than goth.land
const protocol = location.protocol == "https:" ? "wss" : "ws"
- var ws = new WebSocket(protocol + "://" + location.host + "/entry")
+ // var ws = new WebSocket(protocol + "://" + location.host + "/entry")
- // var ws = new WebSocket("wss://goth.land/entry")
+ var ws = new WebSocket("wss://goth.land/entry")
ws.onmessage = (e) => {
const model = JSON.parse(e.data)
diff --git a/webroot/js/footer.js b/webroot/js/footer.js
index 330bd34d4..f2b3de6a0 100644
--- a/webroot/js/footer.js
+++ b/webroot/js/footer.js
@@ -1,9 +1,17 @@
Vue.component('owncast-footer', {
+ props: {
+ appVersion: {
+ type: String,
+ default: "0.1",
+ },
+ },
+
template: `
-
+
`,
});
diff --git a/webroot/js/player/player.js b/webroot/js/player/player.js
index 6fe5c1512..23323f362 100644
--- a/webroot/js/player/player.js
+++ b/webroot/js/player/player.js
@@ -1,5 +1,5 @@
-const streamURL = '/hls/stream.m3u8';
-// const streamURL = 'https://goth.land/hls/stream.m3u8'; // Uncomment me to point to remote video
+// const streamURL = '/hls/stream.m3u8';
+const streamURL = 'https://goth.land/hls/stream.m3u8'; // Uncomment me to point to remote video
// style hackings
window.VIDEOJS_NO_DYNAMIC_STYLE = true;
diff --git a/webroot/styles/layout.css b/webroot/styles/layout.css
index 1fc652320..7150c8a48 100644
--- a/webroot/styles/layout.css
+++ b/webroot/styles/layout.css
@@ -82,10 +82,15 @@ img.logo {
footer {
flex-direction: row;
- justify-content: center;
+ justify-content: flex-start;
font-size: .75em;
- padding: 2em 0;
+ padding: 2em;
}
+footer span {
+ display: inline-block;
+ margin: 0 1em;
+}
+
/* ************************************************8 */
@@ -210,6 +215,9 @@ h2 {
list-style: unset;
}
+#footer-touch {
+ display: none;
+}
/* ************************************************8 */
@@ -319,6 +327,10 @@ h2 {
.no-chat #chat-container-wrap {
display: none;
}
+.no-chat footer {
+ justify-content: center;
+}
+
.chat #chat-container-wrap {
display: block;
}
@@ -437,7 +449,8 @@ h2 {
.desktop.chat #user-content {
width: 100%;
}
- .desktop.chat #user-content{
+ .desktop #footer,
+ .desktop.chat #user-content {
display: none;
}
@@ -459,9 +472,11 @@ h2 {
+.touch-screen #footer,
.touch-screen #user-content {
display: none;
}
+.touch-screen #footer-touch,
.touch-screen #user-content-touch {
display: block;
}