diff --git a/src/assets/Banner/Development.png b/src/assets/Banner/Development.png new file mode 100644 index 0000000..eab8e27 Binary files /dev/null and b/src/assets/Banner/Development.png differ diff --git a/src/assets/Banner/Nightly.png b/src/assets/Banner/Nightly.png new file mode 100644 index 0000000..d4b92e8 Binary files /dev/null and b/src/assets/Banner/Nightly.png differ diff --git a/src/assets/Banner/Stable.png b/src/assets/Banner/Stable.png new file mode 100644 index 0000000..1e2280e Binary files /dev/null and b/src/assets/Banner/Stable.png differ diff --git a/src/components/Launch/LaunchPage/index.tsx b/src/components/Launch/LaunchPage/index.tsx index 8ba2de4..ba07177 100644 --- a/src/components/Launch/LaunchPage/index.tsx +++ b/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 = ({ version, releaseTag, playName, description, websiteUrl, icon }: Props) => { +const LaunchPage: React.FC = ({ version, releaseTag, playName, description, websiteUrl, icon, banner }: Props) => { // If there isn't a version, something went wrong if (!version) { return

Error: No version.

; } return <> -
+
YARG
- YARG + + YARG +
{releaseTag}
diff --git a/src/components/Launch/LaunchPage/styles.module.css b/src/components/Launch/LaunchPage/styles.module.css index 52f9d8c..567a8d2 100644 --- a/src/components/Launch/LaunchPage/styles.module.css +++ b/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; diff --git a/src/routes/YARG/NewEngine.tsx b/src/routes/YARG/NewEngine.tsx index b7a708d..66a80a9 100644 --- a/src/routes/YARG/NewEngine.tsx +++ b/src/routes/YARG/NewEngine.tsx @@ -26,7 +26,8 @@ function StableYARGPage() { } websiteUrl="https://github.com/YARC-Official/YARG-NewEngine" - icon={DevYARGIcon} + icon={DevYARGIcon} + banner="/src/assets/Banner/Development.png" /> ); } diff --git a/src/routes/YARG/Nightly.tsx b/src/routes/YARG/Nightly.tsx index b441102..2a7bce6 100644 --- a/src/routes/YARG/Nightly.tsx +++ b/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" /> ); } diff --git a/src/routes/YARG/Stable.tsx b/src/routes/YARG/Stable.tsx index 3bd051a..b95146c 100644 --- a/src/routes/YARG/Stable.tsx +++ b/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" /> ); }