update: Wed 31 Jul 2024 10:25:37 CEST

cophilot · Jul 31, 2024 · ede23a7 · ede23a7
1 parent cc2c4f3
commit ede23a7
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 7 deletions.
diff --git a/src/components/DevMessage/DevMessage.tsx → src/components/DevMessage.tsx b/src/components/DevMessage/DevMessage.tsx → 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
@@ -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
@@ -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,22 +30,32 @@ 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">
                 {games.map((game) => (
                     <LinkGameButton key={game} game={game} />
                 ))}
             </div>
+            <p>
+                <i>Missing a game? </i>
+            </p>
+            <p>
+                <b>
+                    <a href="mailto:[email protected]?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={() => {