UX Improvements. Add Generate buttons to weighted settings page.

WebHostLib/static/assets/weightedSettings.js

@@ -35,6 +35,8 @@ window.addEventListener('load', () => {
             <h2><a href="${window.location.origin}">Click here to return to safety!</a></h2>
             `
   });
+  document.getElementById('generate-game').addEventListener('click', () => generateGame());
+  document.getElementById('generate-race').addEventListener('click', () => generateGame(true));
 });
 
 const fetchPlayerSettingsYaml = () => new Promise((resolve, reject) => {
@@ -432,3 +434,15 @@ const buildSpritePicker = () => {
   spritePicker.appendChild(sprites);
   return spritePicker;
 };
+
+const generateGame = (raceMode = false) => {
+  const presetNumber = document.getElementById('preset-number').value;
+  axios.post('/api/generate', {
+    weights: { player: localStorage.getItem(`weightedSettings${presetNumber}`) },
+    presetData: { player: localStorage.getItem(`weightedSettings${presetNumber}`) },
+    playerCount: 1,
+    race: raceMode ? '1' : '0',
+  }).then((response) => {
+    window.location.href = response.data.url;
+  });
+};

WebHostLib/static/styles/landing.css

@@ -73,7 +73,7 @@ html{
     padding-top: 35px;
 }
 
-#generate-button{
+#player-settings-button{
     top: 350px;
     left: calc(50% - 100px);
     background-image: url("/static/static/button-images/button-a.png");
@@ -94,7 +94,7 @@ html{
     padding-left: 20px;
 }
 
-#player-settings-button{
+#generate-button{
     top: 75px;
     left: calc(50% + 416px + 75px);
     background-image: url("/static/static/button-images/button-b.png");