diff --git a/res/ui/main_menu/schoolbreak_io.png b/res/ui/main_menu/schoolbreak_io.png new file mode 100644 index 00000000..29d6142a Binary files /dev/null and b/res/ui/main_menu/schoolbreak_io.png differ diff --git a/src/css/states/main_menu.scss b/src/css/states/main_menu.scss index b21d465f..dc826117 100644 --- a/src/css/states/main_menu.scss +++ b/src/css/states/main_menu.scss @@ -439,6 +439,41 @@ } } + .schoolbreakLink { + position: absolute; + @include S(bottom, 40px); + @include S(right, 15px); + display: flex; + flex-direction: column; + align-items: flex-end; + + strong { + @include SuperSmallText; + color: #333; + @include DarkThemeInvert; + @include S(margin-bottom, 3px); + } + + a { + display: flex; + $scale: 0.2; + @include S(width, 712px * $scale); + @include S(height, 400px * $scale); + @include S(border-radius, 4px); + border: D(2px) solid #222; + cursor: pointer; + + &:hover { + transform: scale(1.01); + } + + & { + /* @load-async */ + background: uiResource("res/ui/main_menu/schoolbreak_io.png") center center / cover no-repeat; + } + } + } + .footer { display: grid; flex-grow: 1; diff --git a/src/js/states/main_menu.js b/src/js/states/main_menu.js index 3afad9bf..13604915 100644 --- a/src/js/states/main_menu.js +++ b/src/js/states/main_menu.js @@ -84,6 +84,18 @@ export class MainMenuState extends GameState { + ${ + G_CHINA_VERSION + ? "" + : ` + ` + } + + +