Add globe icon for website link, improve plaintext filter for spacing

Author: ericgitangu

portfolio/templatetags/markdown_extras.py

@@ -40,7 +40,15 @@ def plaintext(text):
     # Strip HTML tags
     plain = strip_tags(html)
 
+    # Decode common HTML entities
+    import html as html_module
+    plain = html_module.unescape(plain)
+
     # Normalize whitespace: collapse multiple spaces/newlines into single space
     plain = re.sub(r'\s+', ' ', plain).strip()
 
+    # Remove any remaining special characters that might cause spacing issues
+    plain = re.sub(r'[\u00a0\u2003\u2002\u2009]', ' ', plain)  # various space characters
+    plain = re.sub(r'\s+', ' ', plain).strip()
+
     return plain

templates/base.html

@@ -75,7 +75,15 @@ <h1 class="text-base md:text-xl font-bold">
                 <nav class="flex items-center gap-2 md:gap-4 text-sm md:text-base">
                     <a href="{% url 'posts' %}" class="text-white hover:text-purple-300 transition-colors">Posts</a>
                     <a href="{% url 'saved-posts' %}" class="text-white hover:text-purple-300 transition-colors">Saved</a>
-                    <a href="https://developer.ericgitangu.com" class="text-white hover:text-purple-300 transition-colors hidden sm:inline">Website</a>
+                    <!-- Website Link with Globe Icon -->
+                    <a href="https://developer.ericgitangu.com" target="_blank" rel="noopener noreferrer"
+                       class="text-white hover:text-purple-300 transition-colors flex items-center gap-1"
+                       title="Visit developer.ericgitangu.com">
+                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"/>
+                        </svg>
+                        <span class="hidden sm:inline">Website</span>
+                    </a>
                     <!-- Theme Toggle Button -->
                     <button onclick="toggleTheme()" class="p-2 rounded-lg bg-purple-700 hover:bg-purple-600 dark:bg-purple-800 dark:hover:bg-purple-700 text-white transition-colors" aria-label="Toggle theme">
                         <!-- Sun icon (shown in dark mode) -->