From 868257825f8dffe522bff7ff88abac38a95e653e Mon Sep 17 00:00:00 2001 From: ntr Date: Sun, 29 Dec 2019 16:20:17 +1000 Subject: [PATCH] 'awards' on frontpage --- client/assets/mnml.awards.svg | 2684 ++++++++++++++++++++++++++ client/assets/styles/menu.less | 1 + client/assets/styles/styles.less | 8 + client/src/components/front.page.jsx | 19 +- 4 files changed, 2704 insertions(+), 8 deletions(-) create mode 100644 client/assets/mnml.awards.svg diff --git a/client/assets/mnml.awards.svg b/client/assets/mnml.awards.svg new file mode 100644 index 00000000..d18f8dc7 --- /dev/null +++ b/client/assets/mnml.awards.svg @@ -0,0 +1,2684 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/client/assets/styles/menu.less b/client/assets/styles/menu.less index bdb8da41..670a86be 100644 --- a/client/assets/styles/menu.less +++ b/client/assets/styles/menu.less @@ -197,4 +197,5 @@ section { .intro { text-align: center; + font-size: 0.8em; } diff --git a/client/assets/styles/styles.less b/client/assets/styles/styles.less index 09e265b7..7012ec45 100644 --- a/client/assets/styles/styles.less +++ b/client/assets/styles/styles.less @@ -297,6 +297,14 @@ li { background-position: center; } +.awards { + height: 100%; + background-image: url("../../assets/mnml.awards.svg"); + background-size: contain; + background-repeat: no-repeat; + background-position: center; +} + .discord-btn { background-image: url("./../discord.white.svg"); background-size: contain; diff --git a/client/src/components/front.page.jsx b/client/src/components/front.page.jsx index 23ff4505..808104ea 100644 --- a/client/src/components/front.page.jsx +++ b/client/src/components/front.page.jsx @@ -35,13 +35,15 @@ function Play(args) { } = args; const news = ( -
-

MNML is a turn-based 1v1 strategy game in an abstract setting.

-

- Build a unique team of 3 constructs from a range of skills and specialisations.
- Outplay your opponent across multiple rounds by adapting to an always shifting meta.
- Simple rules, complex interactions and unique mechanics.
-

+
+
+

MNML is a turn-based 1v1 strategy game in an abstract setting.

+

+ Build a unique team of 3 constructs from a range of skills and specialisations.
+ Outplay your opponent across multiple rounds by adapting to an always shifting meta.
+

+
+
); @@ -72,9 +74,10 @@ function Play(args) {
+ {list()} +
{news}
- {list()}
);