twk95/11ty-site
Public Access
1
0
Fork 0
Code Actions Packages Activity

style: refactor PDF viewer structure for improved readability and maintainability

Browse Source
This commit is contained in:
Jesus Otero Lagunes
2025-08-25 08:44:37 -04:00
parent 721e454aa7
commit 7bf546b074
1 changed files with 23 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/resume.md
View File

@@ -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>