Added Kadu's new game banners

src/components/Launch/LaunchPage/index.tsx

@@ -16,20 +16,23 @@ interface Props {
  description: React.ReactNode,
  websiteUrl: string,
  icon: string,
+ banner: string,
 }
 
-const LaunchPage: React.FC<Props> = ({ version, releaseTag, playName, description, websiteUrl, icon }: Props) => {
+const LaunchPage: React.FC<Props> = ({ version, releaseTag, playName, description, websiteUrl, icon, banner }: Props) => {
  // If there isn't a version, something went wrong
  if (!version) {
  return <p>Error: No version.</p>;
  }
 
  return <>
- <div className={styles.header}>
+ <div className={styles.header} style={{backgroundImage: `url("${banner}")`}}>
  <div className={styles.icon_container}>
  <img className={styles.icon} src={icon} alt="YARG" />
  <div className={styles.game_info}>
- YARG
+ <span className={styles.game_name}>
+ YARG
+ </span>
  <div className={styles.version_badge}>
  {releaseTag}
  </div>

src/components/Launch/LaunchPage/styles.module.css

@@ -5,7 +5,6 @@
  align-self: stretch;
  flex-direction: column-reverse;
 
- background-image: url("/src/assets/Background.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
@@ -57,6 +56,10 @@
  text-transform: uppercase;
 }
 
+.game_name {
+ text-shadow: 0px 0px 6px rgba(0,0,0,0.5);
+}
+
 .version_badge {
  display: flex;
  padding: 3px 10px;

src/routes/YARG/NewEngine.tsx

@@ -26,7 +26,8 @@ function StableYARGPage() {
  </strong>
  </>}
  websiteUrl="https://github.com/YARC-Official/YARG-NewEngine" 
- icon={DevYARGIcon} 
+ icon={DevYARGIcon}
+ banner="/src/assets/Banner/Development.png"
  />
  </>);
  }

src/routes/YARG/Nightly.tsx

@@ -23,7 +23,8 @@ function NightlyYARGPage() {
  If you do notice a bug, please be sure to report it on GitHub, or on our Discord.
  </>} 
  websiteUrl="https://github.com/YARC-Official/YARG-BleedingEdge" 
- icon={NightlyYARGIcon} 
+ icon={NightlyYARGIcon}
+ banner="/src/assets/Banner/Nightly.png"
  />
  </>);
  }

src/routes/YARG/Stable.tsx

@@ -24,6 +24,7 @@ function StableYARGPage() {
  </>} 
  websiteUrl="https://github.com/YARC-Official/YARG" 
  icon={StableYARGIcon} 
+ banner="/src/assets/Banner/Stable.png"
  />
  </>);
  }