feat: Page with information about tha games CurseForge supports, either on web, app (OW/standalone) or in-game.

Author: itssimple

.github/ISSUE_TEMPLATE/game-info.md

@@ -0,0 +1,14 @@
+---
+name: Invalid game info
+about: Fix game info for this website
+title: 'Invalid game: <name here>'
+labels: game-info
+assignees: ''
+
+---
+
+**What is the name of the game that has invalid information?**
+_Enter the name of the game here_
+
+**Could you tell us what's wrong with the info?**
+_Enter the information that is incorrect here_

docusaurus.config.js

@@ -49,6 +49,11 @@ const config = {
       navbar: {
         title: "CurseForge Community",
         items: [
+          {
+            to: "/games",
+            position: "left",
+            label: "Games",
+          },
           {
             to: "/tools",
             position: "left",

src/components/HomepageFeatures/index.tsx

@@ -4,7 +4,7 @@ import styles from "./styles.module.css";
 
 type FeatureItem = {
   title: string;
-  Svg: React.ComponentType<React.ComponentProps<"svg">>;
+  Svg?: React.ComponentType<React.ComponentProps<"svg">>;
   description: JSX.Element;
 };
 
@@ -20,14 +20,26 @@ const FeatureList: FeatureItem[] = [
       </>
     ),
   },
+  {
+    title: "CurseForge Games Support Information",
+    description: (
+      <>
+        Find information about the games supported by CurseForge, and the
+        platforms that they are available on.<br />
+        <a href="/games">CurseForge Games</a>
+      </>
+    ),
+  }
 ];
 
 function Feature({ title, Svg, description }: FeatureItem) {
   return (
     <div className={clsx("col col--12")}>
-      <div className="text--center">
-        <Svg className={styles.featureSvg} role="img" />
-      </div>
+      {Svg ?
+        <div className="text--center">
+          <Svg className={styles.featureSvg} role="img" />
+        </div>
+        : null}
       <div className="text--center padding-horiz--md">
         <h3>{title}</h3>
         <p>{description}</p>