diff --git a/luckydiamond/src/assets/icons-gamemode/players-icon.png b/luckydiamond/src/assets/icons-gamemode/players-icon.png new file mode 100644 index 0000000..1e8f2ec Binary files /dev/null and b/luckydiamond/src/assets/icons-gamemode/players-icon.png differ diff --git a/luckydiamond/src/pages/HomePage.vue b/luckydiamond/src/pages/HomePage.vue index 9191b0e..c43740c 100644 --- a/luckydiamond/src/pages/HomePage.vue +++ b/luckydiamond/src/pages/HomePage.vue @@ -35,6 +35,12 @@

{{ mode.title }}

+
+

{{ mode.players }} player

+
+
+ play > +
@@ -226,6 +232,9 @@ export default { text-align: center; padding-top: 5px; } +.gamemode__main .line__content img { + user-select: none; +} .gamemode__main .line__content h1 { text-shadow: 6px 12px 9px rgba(0, 0, 0, 0.25); font-family: 'Press Start 2P'; @@ -233,4 +242,35 @@ export default { color: #FFB400; text-transform: uppercase; } +.gamemode__main .line__players--main { + position: relative; +} +.gamemode__main .line__players--main h4 { + margin-top: -50px; + display: flex; + align-items: center; + text-align: center; + font-family: Montserrat; + color: #FFB400; + font-weight: 700; + font-size: 20px; + text-shadow: 1px 5px 6px rgba(0, 0, 0, 0.25); +} +.gamemode__main .line__btn--main { + padding: 20px 0px 20px 0px; +} +.gamemode__main .line__btn--main a { + font-size: 36px; + color: #000; + font-family: Montserrat; + font-weight: 700; + text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); + padding: 21px 21px; + border-radius: 21px; + background: #FFB400; + box-shadow: 0px 4px 40px 1px #FFB400; + text-transform: uppercase; + text-decoration: none; + cursor: pointer; +} \ No newline at end of file