Merge pull request #24 from DivyeshVora79909/main

fix: username used if name is None and added profilelink in username
sunithvs · Dec 29, 2024 · 0109e6e · 0109e6e
2 parents 290d34d + aaf21c6
commit 0109e6e
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 2 deletions.
diff --git a/docs/404.html b/docs/404.html
@@ -522,7 +522,14 @@ <h2 class="text-sm">${profile.location}</h2>
                         <div class="text-center lg:text-left">
                             <h1 class="text-xl md:text-3xl font-bold md:mb-2
                     animate-slide-in-left">${ profile.name }</h1>
-                            <p class="text-gray-600 animate-fade-in">@${ profile.username }</p>
+                            <p class="text-gray-600 animate-fade-in flex items-center space-x-2">
+                                <a href="${ profile.profile_url }" class="flex items-center hover:underline">
+                                        <span class="group">
+                                            <img src="images/hyperlink-logo.png" alt="l" class="w-8 h-8 ml-1 opacity-0 group-hover:opacity-100 transition-opacity duration-400" onerror="this.style.display='none';">
+                                        </span>
+                                    <span>@${ profile.username }</span>
+                                </a>
+                            </p>
                         </div>
                     </div>
                     <div class="hidden lg:flex justify-center mt-4 lg:mt-0">

diff --git a/docs/images/hyperlink-logo.png b/docs/images/hyperlink-logo.png
diff --git a/templates/temp_index.html b/templates/temp_index.html
@@ -183,7 +183,14 @@
                         <div class="text-center lg:text-left">
                             <h1 class="text-xl md:text-3xl font-bold md:mb-2
                     animate-slide-in-left">{{ profile.name }}</h1>
-                            <p class="text-gray-600 animate-fade-in">@{{ profile.username }}</p>
+                            <p class="text-gray-600 animate-fade-in flex items-center space-x-2">
+                                <a href="{{ profile.profile_url }}" class="flex items-center hover:underline">
+                                        <span class="group">
+                                            <img src="images/hyperlink-logo.png" alt="l" class="w-8 h-8 ml-1 opacity-0 group-hover:opacity-100 transition-opacity duration-400" onerror="this.style.display='none';">
+                                        </span>
+                                    <span>@{{ profile.username }}</span>
+                                </a>
+                            </p>
                         </div>
                     </div>
                     <div class="hidden lg:flex justify-center mt-4 lg:mt-0">