diff --git a/src/graphics/break/scripts/sceneSwitcher.ts b/src/graphics/break/scripts/sceneSwitcher.ts
index 3c103ea..d82f965 100644
--- a/src/graphics/break/scripts/sceneSwitcher.ts
+++ b/src/graphics/break/scripts/sceneSwitcher.ts
@@ -64,7 +64,13 @@ function hideMainScene(): gsap.core.Timeline {
duration: 0.5,
stagger: -0.1,
opacity: 0
- }, 'sceneHide');
+ }, 'sceneHide')
+ .to('.presented-by-sac', {
+ opacity: 0,
+ x: 50,
+ ease: 'power2.in',
+ duration: 0.5
+ }, 'sceneHide+=0.5');
return tl;
}
@@ -97,6 +103,15 @@ function showMainScene(): gsap.core.Timeline {
duration: 0.75,
ease: 'power2.out',
clipPath: 'polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)'
+ }, 'sceneShow')
+ .fromTo('.presented-by-sac', {
+ opacity: 0,
+ x: 50
+ }, {
+ duration: 0.5,
+ opacity: 1,
+ x: 0,
+ ease: 'power2.out'
}, 'sceneShow');
return tl;
diff --git a/src/graphics/break/scripts/stages.ts b/src/graphics/break/scripts/stages.ts
index 7c8e87d..03d6e16 100644
--- a/src/graphics/break/scripts/stages.ts
+++ b/src/graphics/break/scripts/stages.ts
@@ -28,7 +28,7 @@ NodeCG.waitForReplicants(activeRound, assetPaths).then(() => {
});
function getStageUrl(stageName: string): string {
- return assetPaths.value.stageImages[stageName] ?? 'assets/unknown-stage.png';
+ return assetPaths.value.stageImages[stageName] ?? 'assets/nw/unknown-stage.png';
}
async function updateGames(games: UpdatedGames, winners: Array
): Promise {
diff --git a/src/graphics/break/styles/break.scss b/src/graphics/break/styles/break.scss
index 246c890..92a1387 100755
--- a/src/graphics/break/styles/break.scss
+++ b/src/graphics/break/styles/break.scss
@@ -12,8 +12,9 @@ body {
width: 1920px;
height: 1080px;
overflow: hidden;
+ position: relative;
- color: white;
+ color: $text-color;
}
.scene-content-wrapper {
@@ -35,7 +36,7 @@ body {
}
.content-background {
- background-image: url('/assets/background.png');
+ background-image: url('/assets/nw/bg.png');
background-size: contain;
z-index: -1;
}
diff --git a/src/graphics/break/styles/infoBar.scss b/src/graphics/break/styles/infoBar.scss
index f0a600b..a29c693 100644
--- a/src/graphics/break/styles/infoBar.scss
+++ b/src/graphics/break/styles/infoBar.scss
@@ -18,10 +18,10 @@
.info-bar-logo {
height: 100%;
background-color: $sac-accent;
- padding: 0 25px;
+ padding: 0 15px;
img {
- height: 85%;
+ height: 100%;
}
}
diff --git a/src/graphics/break/styles/mainScene.scss b/src/graphics/break/styles/mainScene.scss
index 7323824..318a970 100644
--- a/src/graphics/break/styles/mainScene.scss
+++ b/src/graphics/break/styles/mainScene.scss
@@ -39,11 +39,11 @@
.text-wrapper {
position: absolute;
left: 275px;
+ bottom: 155px;
filter: $global-drop-shadow;
.logo {
- height: 360px;
- margin-bottom: 20px;
+ height: 450px;
}
.text {
@@ -77,4 +77,11 @@
font-weight: 300;
}
}
+
+ .presented-by-sac {
+ position: absolute;
+ top: 40px;
+ right: 70px;
+ width: 320px;
+ }
}
diff --git a/src/graphics/main/main.html b/src/graphics/main/main.html
index f95312b..558567b 100755
--- a/src/graphics/main/main.html
+++ b/src/graphics/main/main.html
@@ -27,7 +27,7 @@
-
+
diff --git a/src/graphics/main/styles/casters.scss b/src/graphics/main/styles/casters.scss
index b526e59..b8674b1 100644
--- a/src/graphics/main/styles/casters.scss
+++ b/src/graphics/main/styles/casters.scss
@@ -2,8 +2,8 @@
.casters-container {
position: absolute;
- right: 50px;
- bottom: 50px;
+ right: 30px;
+ bottom: 30px;
filter: $global-drop-shadow;
}
diff --git a/src/graphics/main/styles/scoreboard.scss b/src/graphics/main/styles/scoreboard.scss
index fbbcb22..dc09c7e 100644
--- a/src/graphics/main/styles/scoreboard.scss
+++ b/src/graphics/main/styles/scoreboard.scss
@@ -2,8 +2,8 @@
.scoreboard-container {
position: absolute;
- top: 50px;
- left: 50px;
+ top: 30px;
+ left: 30px;
width: 370px;
> .scoreboard-extra-container {
@@ -21,9 +21,9 @@
margin: 0;
> img {
- height: 30px;
+ height: 40px;
margin: 0;
- transform: translate(-1px, -5px);
+ transform: translate(0, -5px);
}
}
diff --git a/src/graphics/styles/constants.scss b/src/graphics/styles/constants.scss
index f843853..c6ee5bb 100755
--- a/src/graphics/styles/constants.scss
+++ b/src/graphics/styles/constants.scss
@@ -1,12 +1,12 @@
$pageWidth: 1920px;
$pageHeight: 1080px;
-$sac-background-1: #00153E;
-$sac-background-2: #003C77;
-$sac-background-3: #004488;
+$sac-background-1: #011310;
+$sac-background-2: #022720;
+$sac-background-3: #033329;
-$sac-accent: #F00A4B;
+$sac-accent: #D61CDA;
-$text-color: #E1E1E1;
+$text-color: #E8f7FF;
-$global-drop-shadow: drop-shadow(0 0 5px rgba(22, 22, 22, 0.55)) drop-shadow(0 0 15px rgba(22, 22, 22, 0.3));
+$global-drop-shadow: drop-shadow(0 0 5px rgba(40, 40, 40, 0.55)) drop-shadow(0 0 15px rgba(40, 40, 40, 0.3));
+ 
+ 