add logo and some other frontend changes

resources/js/pages/HomeView.vue

@@ -114,10 +114,10 @@
         </UForm>
       </template>
       <template v-if="!correct && guesses.length >= maxGuesses">
-        You ran out of guesses. Todays TLA was {{ tla }}
+        You ran out of guesses. Todays TLA was <b>{{ tla }}</b>
       </template>
       <template v-if="correct">
-        You completed todays TLAdle! Todays TLA was {{ tla }}
+        You completed todays TLAdle! Todays TLA was <b>{{ tla }}</b>
       </template>
       <h3>Guesses left: {{ maxGuesses - guesses.length }}</h3>
 

resources/js/pages/SuggestionView.vue

@@ -1,18 +1,21 @@
 <template>
     <h1>TLA suggestion form</h1>
     <UCard>
-    <UForm>
+    <UForm class="space-y-4" style="text-align: left;"  action="/api/suggestion" method="post"> 
         <UFormField class="form-field" label="Acronym" required>
-            <UInput class="w-80" placeholder="Enter your TLA"></UInput>
+            <UInput class="w-80" placeholder="Enter your TLA" name="tla"></UInput>
         </UFormField>
         <UFormField label="Motto" required>
             <UInput class="w-80" placeholder="Enter the motto for your TLA"></UInput>
         </UFormField>
         <UFormField label="Contex" required>
-            <UTextarea class="w-80" rows="5" placeholder="Provide context for your TLA. This will be displayed upon completing the riddle of the day, either by guessing it correctly, or by running out of guesses."></UTextarea>
+            <UTextarea class="w-80" rows=5 placeholder="Provide context for your TLA. This will be displayed upon completing the riddle of the day, either by guessing it correctly, or by running out of guesses."></UTextarea>
         </UFormField>
-        <UButton>
-            salkdjf
+        <UFormField>
+            <URadioGroup orientation="horizontal" variant="table" size="xs" default-value="en" :items="['en', 'hu']" />
+        </UFormField>
+        <UButton type="submit">
+            Submit suggestion
         </UButton>
     </UForm>
     </UCard>
@@ -20,5 +23,14 @@
 </template>
 
 <style>
-    
-</style>
+    .flex-container {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: center;
+  }
+</style>
+
+<script lang="ts">
+
+</script>