Skip to content

Update the background photo for the countdown #6

Open
antonnikitin97 wants to merge 9 commits intomasterfrom
new-background
Open

Update the background photo for the countdown #6
antonnikitin97 wants to merge 9 commits intomasterfrom
new-background

Conversation

@antonnikitin97
Copy link
Member

The purpose of this MR is to replace the existing circuit diagram background and digital text to one of the SR Event for use in our livestream.

I believe this will help improve the production value of our livestreams as viewers will instantly recognise, what they are here for.

Summary of changes

  • New background photo taken from SR2025
  • Changed font to Open Sans to match our style guide
  • Added drop shadows to the countdown and message

Here is how it looks during a countdown
image

Here is how it looks when the countdown has elapsed:
image

Here is how it looks in OBS:
image

@antonnikitin97 antonnikitin97 self-assigned this Mar 14, 2026
@antonnikitin97 antonnikitin97 linked an issue Mar 14, 2026 that may be closed by this pull request
Copy link

@ShadowLord2005 ShadowLord2005 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The image will need updating to remove the in, and my js could do with someone else giving it a proof read as I am a bit rusty.

Have moved the position of the word in and updated the time to count down instead

change dynamic countdown to include "in"
@antonnikitin97 antonnikitin97 added the enhancement New feature or request label Mar 14, 2026
@antonnikitin97
Copy link
Member Author

I have made further changes to remove the STARTING from the fixed image entirely and let this be handled in the javascript, here is how it looks now:

image

and when the timer has elapsed:

image

Copy link

@ShadowLord2005 ShadowLord2005 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'm happy

font-family: 'Open Sans';
font-weight: bold;
transform: translateX(-8%); /* HACK: Offset so the time is centred, not the whole text */
text-align: center;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggestion: Move some of these to body or a generic h1 to avoid duplication.

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I agree with this, will do it when I get back home this evening :)

Co-authored-by: Jake Howard <6527489+RealOrangeOne@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Update the background photo

4 participants