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 (
-
+
Please note that this is a{' '}
development version 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
-
+ {/* */}
Games
@@ -38,14 +38,24 @@ export default function HomeView() {
))}
+
+ Missing a game?
+
+
+
+
+ Contact me
+
+
+
External
Custom
-
+
Coming soon...
-
+
{/*