Improved handling of character avatars, added portraits

app/imports/ui/creature/CreatureForm.vue

@@ -23,11 +23,20 @@
     />
     <text-field
       label="Picture URL"
+      hint="A link to a high resolution image"
       :value="model.picture"
       :error-messages="errors.picture"
       :debounce-time="debounceTime"
       @change="(value, ack) => $emit('change', {path: ['picture'], value, ack})"
     />
+    <text-field
+      label="Avatar picture URL"
+      hint="A link to a smaller, square image to use as an avatar"
+      :value="model.avatarPicture"
+      :error-messages="errors.avatarPicture"
+      :debounce-time="debounceTime"
+      @change="(value, ack) => $emit('change', {path: ['avatarPicture'], value, ack})"
+    />
     <!--
 		<form-sections>
 			<form-section name="settings">

app/imports/ui/creature/character/characterSheetTabs/PersonaTab.vue

@@ -7,6 +7,10 @@
           data-id="creature-summary"
           @click="showCharacterForm"
         >
+          <v-img
+            v-if="creature.picture"
+            :src="creature.picture"
+          />
           <v-card-title class="title">
             {{ creature.name }}
           </v-card-title>