From ede23a7d3a2b208bcc2809348f9e47e7ae7dbfb0 Mon Sep 17 00:00:00 2001
From: cophilot <philxsb@gmail.com>
Date: Wed, 31 Jul 2024 10:25:37 +0200
Subject: [PATCH] update: Wed 31 Jul 2024 10:25:37 CEST

---
 src/components/{DevMessage => }/DevMessage.tsx |  4 +---
 src/index.scss                                 | 18 ++++++++++++++++++
 src/views/HomeView.tsx                         | 18 ++++++++++++++----
 3 files changed, 33 insertions(+), 7 deletions(-)
 rename src/components/{DevMessage => }/DevMessage.tsx (91%)

diff --git a/src/components/DevMessage/DevMessage.tsx b/src/components/DevMessage.tsx
similarity index 91%
rename from src/components/DevMessage/DevMessage.tsx
rename to src/components/DevMessage.tsx
index 2480a53..a096ccf 100644
--- a/src/components/DevMessage/DevMessage.tsx
+++ b/src/components/DevMessage.tsx
@@ -1,5 +1,3 @@
-import './DevMessage.scss';
-
 /**
  * This is a DevMessage component
  * @author cophilot
@@ -8,7 +6,7 @@ import './DevMessage.scss';
  */
 function DevMessage() {
     return (
-        <div className="dev-message">
+        <div className="msg">
             Please note that this is a{' '}
             <span className="imp">development version</span> of the website.
             Some features may not work as expected. If you encounter any issues,
diff --git a/src/index.scss b/src/index.scss
index c428923..cb22e12 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -115,3 +115,21 @@ a {
 .ml {
     margin-left: 20px;
 }
+
+.msg {
+    margin: 25px 25px;
+    font-weight: bold;
+    color: var(--font-color);
+    background-color: var(--bg-color);
+    font-size: 20px;
+    padding: 20px;
+    font-weight: bold;
+    border-radius: 10px;
+    border: 3px solid var(--primary-color);
+    box-shadow: 0 0 10px 0 var(--primary-color);
+    max-width: 400px;
+}
+
+.imp {
+    color: var(--primary-color);
+}
diff --git a/src/views/HomeView.tsx b/src/views/HomeView.tsx
index 8feede3..9daac25 100644
--- a/src/views/HomeView.tsx
+++ b/src/views/HomeView.tsx
@@ -5,7 +5,7 @@ import StringUtils from '../utils/StringUtils';
 import By from '../components/By';
 import getAllGames from '../allGames';
 import Logo from '../components/Logo';
-import DevMessage from '../components/DevMessage/DevMessage';
+import DevMessage from '../components/DevMessage';
 
 export default function HomeView() {
     const navigate = useNavigate();
@@ -30,7 +30,7 @@ export default function HomeView() {
                     }}>
                     Expandable Table
                 </button>
-                <button className="btn selected wide">Fix size Table</button>
+                {/* <button className="btn selected wide">Fix size Table</button> */}
             </div>
             <h2>Games</h2>
             <div className="ver">
@@ -38,14 +38,24 @@ export default function HomeView() {
                     <LinkGameButton key={game} game={game} />
                 ))}
             </div>
+            <p>
+                <i>Missing a game? </i>
+            </p>
+            <p>
+                <b>
+                    <a href="mailto:info@philipp-bonin.com?subject=BoardScoreHub%20Game%20Request&body=Please%20add%20the%20game%20%22GameName%22%20to%20BoardScoreHub.">
+                        Contact me
+                    </a>
+                </b>
+            </p>
             <h2>External</h2>
             <div className="ver">
                 <LinkGameButton game="Cascadia$x$https://cascoria.philipp-bonin.com/#/" />
             </div>
             <h2>Custom</h2>
-            <b>
+            <div className="msg">
                 <i>Coming soon...</i>
-            </b>
+            </div>
             {/*  <button
                 className="btn selected wide"
                 onClick={() => {