generate avatar img with util

webroot/index.html

@@ -21,8 +21,6 @@ GW TODO:
 
 - accessilbity
 
-- convert all the https://robohash.org/username123 areas to {{}}, put into util
-  - generate ?set=x(1-1)&size=10x10
 
   */
 </script>
@@ -45,7 +43,12 @@ GW TODO:
         <div id="user-options-container" class="flex">
           <div id="user-info">
             <div id="user-info-display" title="Click to update user name" class="flex">
-              <img src="https://robohash.org/username123" id="username-avatar" class="rounded-full bg-black bg-opacity-50 border border-solid border-gray-700" />
+              <img
+                src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" 
+                alt="" 
+                id="username-avatar" 
+                class="rounded-full bg-black bg-opacity-50 border border-solid border-gray-700"
+              />
               <span id="username-display" class="text-indigo-600"></span>
             </div>