From 7bf546b0746136a41193cd50440db147fa6ab608 Mon Sep 17 00:00:00 2001
From: giteaadmin <gitea@twk95.net>
Date: Mon, 25 Aug 2025 08:44:37 -0400
Subject: [PATCH] style: refactor PDF viewer structure for improved readability
 and maintainability

---
 src/resume.md | 38 +++++++++++++++++++++++---------------
 1 file changed, 23 insertions(+), 15 deletions(-)

diff --git a/src/resume.md b/src/resume.md
index e2ef4c9..48f1ab0 100644
--- a/src/resume.md
+++ b/src/resume.md
@@ -7,19 +7,27 @@ sitemapChangefreq: "monthly"
 ---
 
 <div style="max-width: 900px; margin: auto;">
-  <div style="position: relative; padding-top: 129.41%;">
-    <object
-      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;">
-      <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 style="position: relative; padding-top: 129.41%;">
+        <object
+            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;">
+            <iframe
+                src="document.pdf"
+                width="100%"
+                height="100%"
+                style="border: none"
+                title="Fallback PDF Viewer"
+                >
+                <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>
+            </iframe>
+        </object>
+    </div>
 </div>
\ No newline at end of file