feat: Add mobile redirect for resume

2025-11-14 13:22:38 +11:00
parent a6670f6533
commit e1ff6e42a5
2 changed files with 9 additions and 1 deletions
--- a/NathanWoodburn.bsdesign
+++ b/NathanWoodburn.bsdesign
--- a/templates/resume.html
+++ b/templates/resume.html
@@ -38,7 +38,15 @@
 <script async src="https://umami.woodburn.au/script.js" data-website-id="6a55028e-aad3-481c-9a37-3e096ff75589"></script><link rel="stylesheet" href="/assets/css/resume-print.css" media="print">
 </head>

-<body style="font-family: 'Noto Sans', sans-serif;">
+<body style="font-family: 'Noto Sans', sans-serif;"><div id="mobile-pdf-notice" style="display: none; background: #0d6efd; color: white; padding: 1rem; text-align: center; position: fixed; top: 0; left: 0; right: 0; z-index: 9999;">
+  <strong>Mobile detected!</strong> 
+  <a href="/resume.pdf" style="color: white; text-decoration: underline;">View PDF version instead</a>
+</div>
+<script>
+if (window.innerWidth <= 768) {
+  document.getElementById('mobile-pdf-notice').style.display = 'block';
+}
+</script>
    <div class="container-fluid h-100">
        <div class="row h-100 resume-row">
            <div class="col-md-4 resume-column resume-column-left">