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

style: enhance PDF viewer fallback message and layout for better user experience

Browse Source
This commit is contained in:
Jesus Otero Lagunes
2025-08-25 01:38:30 -04:00
parent 31356651af
commit 721e454aa7
1 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/resume.md
View File

@@ -12,10 +12,14 @@ sitemapChangefreq: "monthly"
id="pdf-viewer" id="pdf-viewer"
data="/resume/jesus.pdf#view=FitH&toolbar=0&navpanes=0" data="/resume/jesus.pdf#view=FitH&toolbar=0&navpanes=0"
style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;"> style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;">
<p>Oops! Your browser doesn't support PDFs!</p> <div class="flex flex-col items-center justify-center h-full text-center p-8 bg-gray-800 rounded-lg">
<a href="/resume/jesus.pdf" download="Jesus_E_Otero_Lagunes_Resume.pdf" class="btn"> <i class="fas fa-file-pdf fa-3x text-red-500 mb-4"></i>
<i class="fas fa-download mr-2"></i>Download <p class="text-xl font-semibold text-white mb-2">Oops! Your browser doesn't support embedded PDFs.</p>
</a> <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> </object>
</div> </div>
</div> </div>