diff --git a/resources/lang/en.json b/resources/lang/en.json index 691f188ea..ffc857a62 100644 --- a/resources/lang/en.json +++ b/resources/lang/en.json @@ -530,7 +530,8 @@ "join_tournament": "Join Tournament", "join_discord": "Join Our Discord Community!", "discord_description": "Connect with other players, get updates, and share strategies", - "join_server": "Join Server" + "join_server": "Join Server", + "youtube_tutorial": "Need some help?" }, "leaderboard": { "title": "Leaderboard", diff --git a/src/client/graphics/layers/WinModal.ts b/src/client/graphics/layers/WinModal.ts index 27a9f3047..14a94d8fd 100644 --- a/src/client/graphics/layers/WinModal.ts +++ b/src/client/graphics/layers/WinModal.ts @@ -1,7 +1,11 @@ import { LitElement, TemplateResult, html } from "lit"; import { customElement, state } from "lit/decorators.js"; import ofmWintersLogo from "../../../../resources/images/OfmWintersLogo.png"; -import { isInIframe, translateText } from "../../../client/Utils"; +import { + getGamesPlayed, + isInIframe, + translateText, +} from "../../../client/Utils"; import { ColorPalette, Pattern } from "../../../core/CosmeticSchemas"; import { EventBus } from "../../../core/EventBus"; import { GameUpdateType } from "../../../core/game/GameUpdates"; @@ -105,6 +109,9 @@ export class WinModal extends LitElement implements Layer { return this.steamWishlist(); } + if (!this.isWin && getGamesPlayed() < 3) { + return this.renderYoutubeTutorial(); + } if (this.rand < 0.25) { return this.steamWishlist(); } else if (this.rand < 0.5) { @@ -116,6 +123,28 @@ export class WinModal extends LitElement implements Layer { } } + renderYoutubeTutorial() { + return html` +