diff --git a/src/css/states/main_menu.scss b/src/css/states/main_menu.scss index 68103929..bbc1152f 100644 --- a/src/css/states/main_menu.scss +++ b/src/css/states/main_menu.scss @@ -230,11 +230,32 @@ align-items: center; justify-content: center; flex-direction: column; - background: #4cc98a; + background: $colorBlueBright; grid-row: 1 / 2; grid-column: 2 / 3; + position: relative; @include S(padding, 20px); @include S(border-radius, $globalBorderRadius); + + > .badge { + color: #fff; + text-transform: uppercase; + font-weight: bold; + position: absolute; + @include S(top, 10px); + @include S(right, 10px); + + transform: translateX(50%) rotate(10deg); + @include Heading; + font-weight: bold; + + @include InlineAnimation(1.3s ease-in-out infinite) { + 50% { + transform: translateX(50%) rotate(12deg) scale(1.1); + } + } + } + > .dlcLogo { @include S(width, 190px); } diff --git a/src/js/changelog.js b/src/js/changelog.js index ee37c45f..84774291 100644 --- a/src/js/changelog.js +++ b/src/js/changelog.js @@ -1,11 +1,19 @@ export const CHANGELOG = [ + { + version: "1.4.1", + date: "22.06.2021", + entries: [ + "The Puzzle DLC is now available on Steam!", + "The Soundtrack is now also available to wishlist and will be released within the next days, including the new music from the Puzzle DLC!", + ], + }, { version: "1.4.0", date: "04.06.2021", entries: [ "Belts in blueprints should now always paste correctly", "You can now clear belts by selecting them and then pressing 'B'", - "Preparations for the Puzzle DLC, coming June 22nd!", + "Preparations for the Puzzle DLC, coming June 22nd!", ], }, { diff --git a/src/js/states/main_menu.js b/src/js/states/main_menu.js index a9cfe3ed..0c23a590 100644 --- a/src/js/states/main_menu.js +++ b/src/js/states/main_menu.js @@ -108,6 +108,9 @@ export class MainMenuState extends GameState { !G_WEGAME_VERSION && G_IS_STANDALONE && !puzzleDlc ? `
${T.mainMenu.puzzleDlcText}