From 721e454aa7cef6c563dadfd170d4531e8787fd7e Mon Sep 17 00:00:00 2001
From: giteaadmin <gitea@twk95.net>
Date: Mon, 25 Aug 2025 01:38:30 -0400
Subject: [PATCH] style: enhance PDF viewer fallback message and layout for
 better user experience

---
 src/resume.md | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/resume.md b/src/resume.md
index a79a674..e2ef4c9 100644
--- a/src/resume.md
+++ b/src/resume.md
@@ -12,10 +12,14 @@ sitemapChangefreq: "monthly"
       id="pdf-viewer"
       data="/resume/jesus.pdf#view=FitH&toolbar=0&navpanes=0"
       style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;">
-      <p>Oops! Your browser doesn't support PDFs!</p>
-      <a href="/resume/jesus.pdf" download="Jesus_E_Otero_Lagunes_Resume.pdf" class="btn">
-        <i class="fas fa-download mr-2"></i>Download
-      </a>
+      <div class="flex flex-col items-center justify-center h-full text-center p-8 bg-gray-800 rounded-lg">
+        <i class="fas fa-file-pdf fa-3x text-red-500 mb-4"></i>
+        <p class="text-xl font-semibold text-white mb-2">Oops! Your browser doesn't support embedded PDFs.</p>
+        <p class="text-gray-400 mb-6">You can download the resume to view it directly.</p>
+        <a href="/resume/jesus.pdf" download="Jesus_E_Otero_Lagunes_Resume.pdf" class="btn">
+          <i class="fas fa-download mr-2"></i>Download
+        </a>
+      </div>
     </object>
   </div>
 </div>
\ No newline at end of file