Skip to content

Commit

Permalink
new nw standards
Browse files Browse the repository at this point in the history
  • Loading branch information
@drB-dotjpg
drB-dotjpg committed Feb 10, 2024
1 parent 950932a commit fd8b5b8
Show file tree
Hide file tree
Showing 12 changed files with 43 additions and 35 deletions.
Binary file modified src/graphics/assets/nw/bg.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified src/graphics/assets/nw/nw-icon.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified src/graphics/assets/nw/unknown-stage.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions src/graphics/break/break.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -72,6 +72,7 @@
<div class="info-bar-logo layout horiz c-vert">
<img src="assets/nw/nw-small.png">
</div>
<div class="info-bar-separator"></div>
<div class="info-bar-content-wrapper">
<div class="info-bar-items layout horiz c-vert">
<div class="info-bar-item layout horiz c-vert">
Expand Down
17 changes: 8 additions & 9 deletions src/graphics/break/styles/infoBar.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,9 +15,14 @@
opacity: 0;
filter: $global-drop-shadow;

.info-bar-separator {
width: 6px;
height: 80%;
background-color: $sac-accent;
}

.info-bar-logo {
height: 100%;
background-color: $sac-accent;
padding: 0 15px;

img {
Expand All @@ -39,7 +44,7 @@
height: 100%;
margin: 0 15px;
position: relative;
font-size: 44px;
font-size: 42px;
font-weight: 300;
line-height: 53px;

Expand All @@ -50,12 +55,6 @@
text-align: center;
}
}

> .info-bar-separator {
width: 6px;
height: 80%;
background-color: $sac-accent;
}
}
}
}
Expand Down Expand Up @@ -86,7 +85,7 @@
justify-self: flex-end;
text-align: center;
width: 100%;
font-size: 56px;
font-size: 46px;
}

fitted-text {
Expand Down
4 changes: 2 additions & 2 deletions src/graphics/break/styles/mainScene.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,7 @@
.text-wrapper {
position: absolute;
left: 275px;
bottom: 155px;
bottom: 145px;
filter: $global-drop-shadow;

.logo {
Expand Down Expand Up @@ -82,6 +82,6 @@
position: absolute;
top: 40px;
right: 70px;
width: 320px;
width: 300px;
}
}
10 changes: 7 additions & 3 deletions src/graphics/break/styles/stages.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -59,7 +59,7 @@
padding: 0 10px;
position: absolute;
text-align: right;
font-size: 36px;
font-size: 30px;
line-height: 42px;
transform: translate(5px, -5px);
filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.5));
Expand All @@ -74,21 +74,25 @@
box-shadow: 10px 0 0 $sac-accent, -10px 0 0 $sac-accent;
background-color: $sac-accent;
overflow-wrap: break-word;
color: $sac-background-1;
}
}

> .stage-mode {
background-color: $sac-background-2;
font-weight: 300;
font-size: 32px;
font-size: 28px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
}

> .stage-name {
flex-grow: 1;
background-color: $sac-background-3;
font-weight: 600;
font-size: 40px;
font-size: 36px;
line-height: 45px;
padding: 0 10px;

Expand Down
8 changes: 4 additions & 4 deletions src/graphics/break/styles/teams.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@
> .team-name {
font-weight: 600;
font-size: 64px;
margin: 15px 0 10px;
margin: 20px 0 5px;
height: 95px;
}

Expand All @@ -41,9 +41,9 @@

> fitted-text {
font-weight: 300;
font-size: 52px;
line-height: 68px;
height: 68px;
font-size: 40px;
line-height: 55px;
height: 55px;
}
}

Expand Down
6 changes: 3 additions & 3 deletions src/graphics/main/styles/casters.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@
background-color: $sac-background-3;
text-align: center;
font-weight: 300;
font-size: 30px;
font-size: 28px;
line-height: 36px;
border-top: 8px solid $sac-accent;
}
Expand All @@ -28,13 +28,13 @@
margin-bottom: 10px;

> .name {
font-size: 38px;
font-size: 34px;
font-weight: 500;
line-height: 38px;
}

> .extra {
font-size: 32px;
font-size: 30px;
font-weight: 300;
line-height: 34px;
}
Expand Down
12 changes: 6 additions & 6 deletions src/graphics/main/styles/scoreboard.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,13 +17,13 @@
.logo {
height: 38px;
background-color: $sac-accent;
padding: 0 6px;
padding: 0 8px;
margin: 0;

> img {
height: 40px;
height: 36px;
margin: 0;
transform: translate(0, -5px);
transform: translate(0, -2px);
}
}

Expand Down Expand Up @@ -66,13 +66,13 @@

> fitted-text {
justify-self: start;
font-size: 35px;
font-size: 32px;
line-height: 30px;
}

> .team-score {
font-weight: 700;
font-size: 45px;
font-size: 36px;
line-height: 45px;
text-align: center;
}
Expand All @@ -81,7 +81,7 @@
> .flavor-text-wrapper {
height: 36px;
background-color: $sac-background-3;
font-size: 30px;
font-size: 24px;
font-weight: 300;

> fitted-text {
Expand Down
10 changes: 6 additions & 4 deletions src/graphics/styles/constants.scss
View file
Original file line number Diff line number Diff line change
@@ -1,12 +1,14 @@
$pageWidth: 1920px;
$pageHeight: 1080px;

$sac-background-1: #011310;
$sac-background-2: #022720;
$sac-background-3: #033329;
$sac-background-1: #1B1E29;
$sac-background-2: #1D202C;
$sac-background-3: #232735;

$sac-accent: #D61CDA;
$sac-accent: #7BFDA6;
$nw-gradient: linear-gradient(0deg, #FBDF69 -20%, $sac-accent 100%);

$text-color: #E8f7FF;
$text-color-dark: $sac-background-1;

$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));
10 changes: 6 additions & 4 deletions src/graphics/styles/fonts.scss
View file
Original file line number Diff line number Diff line change
@@ -1,10 +1,11 @@
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@200;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sora:[email protected]&display=swap');

@import './constants.scss';

body {
font-family: 'Kanit', 'Noto Sans JP', sans-serif;
font-family: 'Sora', 'Noto Sans JP', sans-serif;
font-weight: 400;
font-size: 32px;
}
Expand All @@ -16,9 +17,10 @@ body {
span.pronoun {
font-weight: 500;
background-color: $sac-accent;
font-size: 28px;
line-height: 28px;
color: $sac-background-1;
font-size: 22px;
line-height: 22px;
padding: 2px 4px;
transform: translate(0px, -2px);
transform: translate(0px, -5px);
display: inline-block;
}

0 comments on commit fd8b5b8

Please sign in to comment.