Fixed draft feature

templates/contact.html

@@ -6,7 +6,7 @@
 <!-- Hero -->
 <section class="text-center py-20 bg-gradient-to-br from-orange-500/20 via-rose-500/10 to-fuchsia-500/10 text-white shadow-inner">
   <h1 class="text-5xl font-extrabold mb-4">Contact Me</h1>
-  <p class="text-lg opacity-90">Here’s my professional contact card — let’s connect!</p>
+  <p class="text-lg opacity-90">Here’s my contact card — let’s connect!</p>
 </section>
 
 <!-- vCard Section -->
@@ -16,7 +16,7 @@
 
       <!-- Avatar / Photo -->
       <div class="flex-shrink-0">
-        <img src="{{ url_for('static', filename='Headshot.jpg') }}" alt="{{ CONTACT.name }}" 
+        <img src="{{ url_for('static', filename='Headshot.jpeg') }}" alt="{{ CONTACT.name }}" 
              class="w-40 h-40 rounded-full border-4 border-[rgb(var(--accent))] shadow-glass object-cover">
       </div>
 

templates/new_blog.html

@@ -29,7 +29,7 @@
       <!-- Content -->
       <div>
         <label for="content" class="block font-semibold mb-1">Post Content</label>
-        <textarea id="content" name="content" required
+        <textarea id="content" name="content"
           class="text-black bg-white w-full border border-gray-300 rounded px-4 py-2 leading-relaxed text-base focus:ring-2 focus:ring-orange-400 focus:outline-none resize-none overflow-hidden"
           rows="1"></textarea>
       </div>
@@ -77,12 +77,15 @@
 
 <script src="https://unpkg.com/easymde/dist/easymde.min.js"></script>
 <script>
-  new EasyMDE({
+  const easyMDE = new EasyMDE({
     element: document.getElementById('content'),
     spellChecker: false,
     autosave: { enabled: true, uniqueId: 'new_blog' },
     toolbar: ['bold','italic','heading','|','quote','unordered-list','ordered-list','|','link','image','|','preview','side-by-side','fullscreen','|','guide'],
   });
+  document.querySelector('form').addEventListener('submit', function() {
+    easyMDE.codemirror.save();
+  });
 </script>
 
 {% endblock %}

templates/new_project.html

@@ -29,7 +29,7 @@
       <!-- Content -->
       <div>
         <label for="content" class="block font-semibold mb-1">Post Content</label>
-        <textarea id="content" name="content" required
+        <textarea id="content" name="content"
           class="text-black bg-white w-full border border-gray-300 rounded px-4 py-2 leading-relaxed text-base focus:ring-2 focus:ring-orange-400 focus:outline-none resize-none overflow-hidden"
           rows="1"></textarea>
       </div>
@@ -76,12 +76,15 @@
 
 <script src="https://unpkg.com/easymde/dist/easymde.min.js"></script>
 <script>
-  new EasyMDE({
+  const easyMDE = new EasyMDE({
     element: document.getElementById('content'),
     spellChecker: false,
     autosave: { enabled: true, uniqueId: 'new_project' },
     toolbar: ['bold','italic','heading','|','quote','unordered-list','ordered-list','|','link','image','|','preview','side-by-side','fullscreen','|','guide'],
   });
+  document.querySelector('form').addEventListener('submit', function() {
+    easyMDE.codemirror.save();
+  });
 </script>
 
 {% endblock %}