2 files changed, 18 insertions, 12 deletions
diff --git a/frontend/src/views/HostView.vue b/frontend/src/views/HostView.vue
index 4b25aa8..8d6a6b9 100644
--- a/frontend/src/views/HostView.vue
+++ b/frontend/src/views/HostView.vue
@@ -62,6 +62,8 @@ function openSocket(id: string) {
   <main>
     <template v-if="waitingForCode">
       <h1>Requesting session...</h1>
+      <p>If you are stuck on this page then disconnect from eduroam and use the guest network (or mobile data).
+        UoN eduroam appears to block insecure websockets over the Internet which breaks this entire app.</p>
     </template>
     <template v-if="!started && !waitingForCode">
       <h1>Join this game</h1>
diff --git a/frontend/src/views/JoinView.vue b/frontend/src/views/JoinView.vue
index 5a21c95..83e00c2 100644
--- a/frontend/src/views/JoinView.vue
+++ b/frontend/src/views/JoinView.vue
@@ -48,7 +48,11 @@ function sendRight() {
 
 <template>
   <main>
-    <h1 v-if="joiningGame">Joining game "{{ sessionId }}"...</h1>
+    <template v-if="joiningGame">
+      <h1>Joining game "{{ sessionId }}"...</h1>
+      <p>If you are stuck on this page then disconnect from eduroam and use the guest network (or mobile data).
+        UoN eduroam appears to block insecure websockets over the Internet which breaks this entire app.</p>
+    </template>
     <h1 v-if="connected">Connected to "{{ sessionId }}"</h1>
     <h1 v-if="gameState === 'waiting'">Waiting for host to start the game...</h1>
     <div class='controls' v-if="gameState === 'playing'">
@@ -60,15 +64,15 @@ function sendRight() {
 </template>
 
 <style scoped>
-  .controls {
-    display: flex;
-    flex-direction: row;
-    height: 100vh;
-    gap: 0.5rem;
-  }
-  
-  .controls button {
-    flex-grow: 1;
-    touch-action: none;
-  }
+.controls {
+  display: flex;
+  flex-direction: row;
+  height: 100vh;
+  gap: 0.5rem;
+}
+
+.controls button {
+  flex-grow: 1;
+  touch-action: none;
+}
 </style>