'awards' on frontpage

client/assets/styles/menu.less

@@ -197,4 +197,5 @@ section {
 
 .intro {
     text-align: center;
+    font-size: 0.8em;
 }

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;

client/src/components/front.page.jsx

@@ -35,13 +35,15 @@ function Play(args) {
     } = args;
 
     const news = (
-        <div class="intro">
-            <p> MNML is a turn-based 1v1 strategy game in an abstract setting. </p>
-            <p>
-                Build a unique team of 3 constructs from a range of skills and specialisations.<br />
-                Outplay your opponent across multiple rounds by adapting to an always shifting meta. <br />
-                Simple rules, complex interactions and unique mechanics.<br />
-            </p>
+        <div class="list">
+            <div class="intro">
+                <p> MNML is a turn-based 1v1 strategy game in an abstract setting. </p>
+                <p>
+                    Build a unique team of 3 constructs from a range of skills and specialisations.<br />
+                    Outplay your opponent across multiple rounds by adapting to an always shifting meta. <br />
+                </p>
+            </div>
+            <div class="awards"></div>
         </div>
     );
 
@@ -72,9 +74,10 @@ function Play(args) {
         <main>
             <NoiseLogo />
             <hr />
+            {list()}
+            <hr />
             {news}
             <hr />
-            {list()}
             <Welcome />
         </main>
     );