Added real frontend

Made hostname global and easy to change in docker

src/components/items/characterModal.vue

@@ -43,6 +43,26 @@
                      <img src="characters/Samus.png" alt="samus" />
                      <p>Samus</p>
                   </div>
+                  <div class="fighter" @click="chooseFighter('Kratos')">
+                     <img src="characters/Kratos.png" alt="kratos" />
+                     <p>Kratos</p>
+                  </div>
+                  <div class="fighter" @click="chooseFighter('Aloy')">
+                     <img src="characters/Aloy.png" alt="aloy" />
+                     <p>Aloy</p>
+                  </div>
+                  <div class="fighter" @click="chooseFighter('Sora')">
+                     <img src="characters/Sora.png" alt="sora" />
+                     <p>Sora</p>
+                  </div>
+                  <div class="fighter" @click="chooseFighter('Raiden')">
+                     <img src="characters/Raiden.png" alt="raiden" />
+                     <p>Raiden</p>
+                  </div>
+                  <div class="fighter" @click="chooseFighter('PaperMario')">
+                     <img src="characters/PaperMario.png" alt="paper mario" />
+                     <p>Paper Mario</p>
+                  </div>
                </div>
             </div>
          </div>