QoL Update

templates/contact.html

@@ -11,12 +11,7 @@
         <div class="absolute inset-x-0 -top-px h-px bg-gradient-to-r from-transparent via-white/30 to-transparent"></div>
 
         <header class="flex items-start gap-4">
-          <div class="h-12 w-12 rounded-xl bg-white/10 grid place-items-center shrink-0">
-            <!-- Simple user icon -->
-            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 opacity-80" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5" aria-hidden="true">
-              <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 7.5a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.5 20.25a8.25 8.25 0 0115 0"/>
-            </svg>
-          </div>
+          <img src="{{ url_for('static', filename='Headshot.jpeg') }}" alt="Benjamin Mosley" class="rounded-xl object-cover object-top shrink-0" style="width:5rem;height:5rem;">
           <div>
             <h1 class="font-bebas text-5xl leading-none tracking-wide">{{ contact.name }}</h1>
             <p class="mt-1 text-white/80">{{ contact.title }}</p>
@@ -67,7 +62,7 @@
                   <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v3M17.25 3v3M3.75 8.25h16.5M5.25 21h13.5A2.25 2.25 0 0021 18.75V8.25H3v10.5A2.25 2.25 0 005.25 21z"/>
                 </svg>
               </span>
-              <span class="truncate text-white/80 group-hover:text-white">Book a call</span>
+              <span class="truncate text-white/80 group-hover:text-white">Book a 30 minute meeting</span>
             </a>
           </li>
           {% endif %}