Added CV v1.0

Nickolausen · Sep 30, 2024 · ddaf6ea · ddaf6ea
1 parent 16c89b8
commit ddaf6ea
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 6 deletions.
diff --git a/public/CV-Nicholas-Magi.pdf b/public/CV-Nicholas-Magi.pdf
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
@@ -8,7 +8,7 @@ function Navbar()
     */
     const contact_tabs = [
         { key: 1, item: ContactCard(1, "@Nickolausen", "https://github.com/Nickolausen", { width: 30, height: 30 }, "M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z")},
-        { key: 2, item: ContactCard(2, "@nicholas-magi-23a5a2240", "https://linkedin.com/in/nicholas-magi-23a5a2240", { width: 30, height: 30 }, "M0 0v24h24v-24h-24zm8 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.397-2.586 7-2.777 7 2.476v6.759z")},
+        { key: 2, item: ContactCard(2, "@nicholas-magi", "https://linkedin.com/in/nicholas-magi", { width: 30, height: 30 }, "M0 0v24h24v-24h-24zm8 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.397-2.586 7-2.777 7 2.476v6.759z")},
         { key: 3, item: ContactCard(3, "nicholas.magi24@gmail.com", "#contact-me", { width: 30, height: 30 }, "M12 12.713l-11.985-9.713h23.971l-11.986 9.713zm-5.425-1.822l-6.575-5.329v12.501l6.575-7.172zm10.85 0l6.575 7.172v-12.501l-6.575 5.329zm-1.557 1.261l-3.868 3.135-3.868-3.135-8.11 8.848h23.956l-8.11-8.848z")},
     ]
 

diff --git a/src/pages/InitialScreen.tsx b/src/pages/InitialScreen.tsx
@@ -1,7 +1,11 @@
 // import profile_picture from '../assets/media/profile.jpg'
+import { useState } from 'react'
 import Button from '../components/Button'
 
 function InitialScreen() {
+
+    const [isCVLoaded, setIsCVLoaded] = useState(true)
+
     return (
         <>
             <div className='flex flex-col justify-center items-center'>
@@ -12,11 +16,18 @@ function InitialScreen() {
                         <div className='text-4xl'><span className='italic'>Aspirant</span> Web & Software Developer</div>
                         <div className='text-xl lg:text-2xl text-gray-500 pb-10'>Computer Science Undergraduate @ University of Bologna, IT</div>
                         <div className='w-fit' data-tooltip-target="tooltip-cv" data-tooltip-placement="bottom">
-                            <Button id='tooltip-cv' classNames='opacity-[.5]' text='Download my resume' isDisabled={true}/>
-                            <div id={"tooltip-cv"} role="tooltip" className="absolute z-5 invisible inline-block px-3 py-2 text-sm font-medium text-black bg-yellow-400 rounded-lg shadow-lg opacity-0 tooltip dark:bg-gray-700">
-                                <i className='fa fa-warning bg-transparent'></i> Not available at the moment, check my LinkedIn!
-                                <div className="tooltip-arrow" data-popper-arrow></div>
-                            </div>
+                            <a className='exclude' href={import.meta.env.BASE_URL + "CV-Nicholas-Magi.pdf"}>
+                                <Button fa_icon_id='fa-file' id='tooltip-cv' text='Check my resume' isDisabled={!isCVLoaded}/>
+                            </a>
+                            {
+                                isCVLoaded ? 
+                                    <>
+                                    </> :
+                                    <div id={"tooltip-cv"} role="tooltip" className="absolute z-5 invisible inline-block px-3 py-2 text-sm font-medium text-black bg-yellow-400 rounded-lg shadow-lg opacity-0 tooltip dark:bg-gray-700">
+                                        <i className='fa fa-warning bg-transparent'></i> Not available at the moment, check my LinkedIn!
+                                        <div className="tooltip-arrow" data-popper-arrow></div>
+                                    </div>
+                            }
                         </div>
                     </div>
                     <div className='order-first xl:order-last flex justify-center pt-[7em] xl:pt-0'>