Merge pull request #9 from fabrinucci/develop

feat: Add CV to header section

Author: fabrinucci

public/CV-Fabrizio_Nucci.pdf

@@ -8,9 +8,9 @@ const contactTr = getTranslations(lang).contact
 ---
 
 <section class={`${styles.Contact} container`} id='contact'>
-  <h4 data-testid="contact-subtitle">{contactTr.subtitle}</h4>
-  <h2 data-testid="contact-title">{contactTr.title}</h2>
-  <div class={styles.ContactContainer} data-testid="contact-list">
+  <h4 data-testid='contact-subtitle'>{contactTr.subtitle}</h4>
+  <h2 data-testid='contact-title'>{contactTr.title}</h2>
+  <div class={styles.ContactContainer} data-testid='contact-list'>
     {
       contact.map(({ Icon, title, href }) => (
         <article>

src/components/Contact.astro

@@ -15,8 +15,8 @@ const getValue = (obj: typeof nav, key: keyof typeof nav) => {
 ---
 
 <footer class={styles.Footer}>
-  <h2 data-testid="footer-title">Fabrizio Nucci</h2>
-  <ul class={styles.FooterNav} data-testid="footer-links">
+  <h2 data-testid='footer-title'>Fabrizio Nucci</h2>
+  <ul class={styles.FooterNav} data-testid='footer-links'>
     {
       navigation.map(({ name }) => (
         <li>

src/components/Footer.astro

@@ -21,11 +21,11 @@ const { cv, contact } = getTranslations(lang).buttons
   </div>
   <section class={styles.head}>
     <div class={styles.info}>
-      <h1 data-testid="name-title">{name}</h1>
-      <h2 data-testid="job-title">{work}</h2>
+      <h1 data-testid='name-title'>{name}</h1>
+      <h2 data-testid='job-title'>{work}</h2>
     </div>
     <div class={styles.buttons}>
-      <a class='btn btn-secondary' href='#' aria-label={cv}>
+      <a class='btn btn-secondary' href='/CV-Fabrizio_Nucci.pdf' download='CV-Fabrizio_Nucci.pdf' target='_blank' aria-label={cv}>
         {cv}
       </a>
       <SectionLink
@@ -41,12 +41,12 @@ const { cv, contact } = getTranslations(lang).buttons
   <section class={styles.body}>
     <div class={styles.figureContainer}>
       <figure>
-        <Image src={me} alt='Fabrizio Nucci' data-testid="profile-image" />
+        <Image src={me} alt='Fabrizio Nucci' data-testid='profile-image' />
       </figure>
     </div>
     <div class={styles.about}>
-      <h3 data-testid="about-title">{about}</h3>
-      <p data-testid="about-description">{description}</p>
+      <h3 data-testid='about-title'>{about}</h3>
+      <p data-testid='about-description'>{description}</p>
     </div>
   </section>
   <SocialMedia />

src/components/Header.astro

@@ -8,14 +8,14 @@ const { demo, source, subtitle, title } = getTranslations(lang).projects
 ---
 
 <section class={`${styles.Projects} container`} id='projects'>
-  <h4 data-testid="projects-subtitle">{subtitle}</h4>
-  <h2 data-testid="projects-title">{title}</h2>
-  <div class={styles.Cards} data-testid="projects-list">
+  <h4 data-testid='projects-subtitle'>{subtitle}</h4>
+  <h2 data-testid='projects-title'>{title}</h2>
+  <div class={styles.Cards} data-testid='projects-list'>
     {
       projects.map((project) => {
         const { title, img, gitUrl, demoUrl, technologies } = project
         return (
-          <article data-testid="project-card">
+          <article data-testid='project-card'>
             <div class={styles.CardImg}>
               <img src={img} alt={title} />
             </div>

src/components/Projects.astro

@@ -8,9 +8,9 @@ const { title, subtitle } = getTranslations(lang).skills
 ---
 
 <section class={`${styles.Skills} container`} id='skills'>
-  <h4 data-testid="skills-subtitle">{subtitle}</h4>
-  <h2 data-testid="skills-title">{title}</h2>
-  <div class={styles.Card} data-testid="skills-list">
+  <h4 data-testid='skills-subtitle'>{subtitle}</h4>
+  <h2 data-testid='skills-title'>{title}</h2>
+  <div class={styles.Card} data-testid='skills-list'>
     <div class={styles.Content}>
       {
         skills.map(({ name, Icon }) => (