1- import React , { useEffect , useState } from " react" ;
2- import { Container , Row } from " react-bootstrap" ;
3- import Button from " react-bootstrap/Button" ;
4- import { AiOutlineDownload } from " react-icons/ai" ;
1+ import React , { useEffect , useState } from ' react' ;
2+ import { Container , Row } from ' react-bootstrap' ;
3+ import Button from ' react-bootstrap/Button' ;
4+ import { AiOutlineDownload } from ' react-icons/ai' ;
55
66// ✅ Public GitHub PDF URL
7- const pdfUrl = "https://raw.githubusercontent.com/GitForceJedi/resume/main/Kenneth-Crawford-Resume.pdf" ;
7+ const pdfUrl =
8+ 'https://raw.githubusercontent.com/GitForceJedi/resume/main/Ken-Crawford-Resume.pdf' ;
89
910function Resume ( ) {
1011 const [ isIOS , setIsIOS ] = useState ( false ) ;
@@ -19,36 +20,53 @@ function Resume() {
1920 < div >
2021 < Container fluid className = "resume-section" >
2122 { /* ✅ Download Button (Top) */ }
22- < Row style = { { justifyContent : "center" , position : "relative" , marginTop : "10px" , marginBottom : "10px" } } >
23- < Button variant = "primary" href = { pdfUrl } target = "_blank" style = { { maxWidth : "250px" } } >
23+ < Row
24+ style = { {
25+ justifyContent : 'center' ,
26+ position : 'relative' ,
27+ marginTop : '10px' ,
28+ marginBottom : '10px' ,
29+ } }
30+ >
31+ < Button
32+ variant = "primary"
33+ href = { pdfUrl }
34+ target = "_blank"
35+ style = { { maxWidth : '250px' } }
36+ >
2437 < AiOutlineDownload />
2538 Download Resume
2639 </ Button >
2740 </ Row >
2841
2942 { /* ✅ If on iOS, show a direct link instead of an iframe */ }
3043 { isIOS ? (
31- < Row className = "resume" style = { { justifyContent : "center" , marginTop : "20px" } } >
44+ < Row
45+ className = "resume"
46+ style = { { justifyContent : 'center' , marginTop : '20px' } }
47+ >
3248 < p >
33- PDF preview is not supported on iOS.{ " " }
49+ PDF preview is not supported on iOS.{ ' ' }
3450 < a href = { pdfUrl } target = "_blank" rel = "noopener noreferrer" >
3551 Click here to view the resume.
3652 </ a >
3753 </ p >
3854 </ Row >
3955 ) : (
4056 // ✅ Use Google Docs Viewer for non-iOS devices
41- < Row className = "resume" style = { { justifyContent : " center" } } >
57+ < Row className = "resume" style = { { justifyContent : ' center' } } >
4258 < iframe
43- src = { `https://docs.google.com/gview?url=${ encodeURIComponent ( pdfUrl ) } &embedded=true` }
59+ src = { `https://docs.google.com/gview?url=${ encodeURIComponent (
60+ pdfUrl
61+ ) } &embedded=true`}
4462 width = "100%"
4563 height = "800px"
4664 style = { {
47- border : " none" ,
48- maxWidth : " 900px" ,
49- minHeight : " 600px" ,
50- overflow : " auto" ,
51- display : " block" ,
65+ border : ' none' ,
66+ maxWidth : ' 900px' ,
67+ minHeight : ' 600px' ,
68+ overflow : ' auto' ,
69+ display : ' block' ,
5270 } }
5371 title = "Resume"
5472 />
0 commit comments