added user avatars

views/user.html

@@ -16,18 +16,25 @@
       <h1>Welcome Back!</h1>
   </header>
   <main>
-      <div class="info_div">
-        <h2 id="user">User: USER</h2>
-        <br>
-        <span class="bio">Bio: <input type="text" id="bio" disabled placeholder="wow such empty"></span>
-        <button id="changeBio" onclick="bioChanger()">Change Bio</button>
-        <br>
-        <button onclick="location.assign('/changePW')">Want to change your password?</button>
-        <br>
-        <button onclick="location.assign('/changeUsername')">Want to change your username?</button>
-        <br>
-        <button onclick="location.assign('/posts')">Want to chat with some cool fellas?</button>
-      </div>
+    <div class="form_class info_div">
+      <h2 id="user">User: USER</h2>
+      <br>
+      <img id="avatarimg" width=100 height=100>
+      <br>
+      <input name="avatar" class="avatar" id="avatarUpl" type="file" accept="image/png, image/jpeg">
+      <br>
+      <button type="submit" style="display:none;" id="avatarUplButton">Save avatar</button>
+      <br>
+      <br>
+      <span class="bio">Bio: <input type="text" id="bio" disabled placeholder="wow such empty"></span>
+      <button id="changeBio" onclick="bioChanger()">Change Bio</button>
+      <br>
+      <button onclick="location.assign('/changePW')">Want to change your password?</button>
+      <br>
+      <button onclick="location.assign('/changeUsername')">Want to change your username?</button>
+      <br>
+      <button onclick="location.assign('/posts')">Want to chat with some cool fellas?</button>
+    </div>
   </main>
 </body>
 </html>