style: refactor PDF viewer structure for improved readability and maintainability
This commit is contained in:
@@ -12,6 +12,13 @@ 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;">
|
||||||
|
<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">
|
<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>
|
<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-xl font-semibold text-white mb-2">Oops! Your browser doesn't support embedded PDFs.</p>
|
||||||
@@ -20,6 +27,7 @@ sitemapChangefreq: "monthly"
|
|||||||
<i class="fas fa-download mr-2"></i>Download
|
<i class="fas fa-download mr-2"></i>Download
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
</iframe>
|
||||||
</object>
|
</object>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
Reference in New Issue
Block a user