From 7caa0e7a4be447005dd0666941fa140dca3a8d3b Mon Sep 17 00:00:00 2001
From: Steffen <steffen@baumgart.biz>
Date: Sat, 5 Dec 2020 22:46:05 +0100
Subject: [PATCH] added disclaimer

---
 src/App.vue              |  1 +
 src/components/Intro.vue | 22 +++++++++++++++++-----
 2 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index ca28aa2..41c3a8a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -265,6 +265,7 @@ ul {
 
 #version {
   position: absolute;
+  text-align: right;
   right: 10px;
   bottom: 10px;
   font-size: 60%;
diff --git a/src/components/Intro.vue b/src/components/Intro.vue
index 8c0bf1b..39e7e35 100644
--- a/src/components/Intro.vue
+++ b/src/components/Intro.vue
@@ -2,14 +2,19 @@
   <div class="intro">
     <img src="static/apple-icon.png" alt="" />
     Welcome to the (unofficial)
-    <b> Virtual Blood on the Clocktower Town Square</b>!<br />
-    Please add more players through the
+    <b>Virtual Town Square and Grimoire</b> for Blood on the Clocktower! Please
+    add more players through the
     <span class="button" @click="toggleMenu">
       <font-awesome-icon icon="cog" /> Menu
     </span>
-    on the top right or by pressing <b>[A]</b>.<br />
-    This project is free and open source and can be found on
-    <a href="https://github.com/bra1n/townsquare" target="_blank">GitHub</a>.
+    on the top right or by pressing <b>[A]</b>. You can also join a game session
+    by pressing <b>[J]</b>.<br />
+    <div class="footer">
+      This project is free and open source and can be found on
+      <a href="https://github.com/bra1n/townsquare" target="_blank">GitHub</a>.
+      It is not affiliated with The Pandemonium Institute. "Blood on the
+      Clocktower" is a trademark of Steven Medway and The Pandemonium Institute.
+    </div>
   </div>
 </template>
 
@@ -33,6 +38,9 @@ export default {
   border: 3px solid black;
   border-radius: 10px;
   z-index: 3;
+  a {
+    color: white;
+  }
   img {
     position: absolute;
     bottom: 100%;
@@ -45,5 +53,9 @@ export default {
     box-shadow: 0 0 10px black;
     border: 3px solid black;
   }
+  .footer {
+    font-size: 60%;
+    opacity: 0.75;
+  }
 }
 </style>