v0.11.5 Modify download resume to proper link

This commit is contained in:
Murtadha 2024-07-27 17:44:03 -04:00
parent b940636f0f
commit 24d0138e12
3 changed files with 60 additions and 57 deletions

View file

@ -20,19 +20,20 @@ function AboutMe({data}) {
<div className={styles.imageContainer}> <div className={styles.imageContainer}>
<img src={personalInfo.pp} alt="Murtadha Nisyif" className={styles.image} /> <img src={personalInfo.pp} alt="Murtadha Nisyif" className={styles.image} />
<div className={styles.socialLinks}> <div className={styles.socialLinks}>
{personalInfo.socials && personalInfo.socials.map((social, index) => { {personalInfo.socials &&
personalInfo.socials.map((social, index) => {
const platform = Object.keys(social)[0]; const platform = Object.keys(social)[0];
const url = social[platform]; const url = social[platform];
let IconComponent; let IconComponent;
switch (platform) { switch (platform) {
case 'github': case "github":
IconComponent = FaGithub; IconComponent = FaGithub;
break; break;
case 'linkedin': case "linkedin":
IconComponent = FaLinkedin; IconComponent = FaLinkedin;
break; break;
case 'twitter': case "twitter":
IconComponent = FaTwitter; IconComponent = FaTwitter;
break; break;
default: default:
@ -51,18 +52,19 @@ function AboutMe({data}) {
<h3 className={styles.greeting}> <h3 className={styles.greeting}>
Hey there! I'm <span className={styles.name}>{personalInfo.name}</span> Hey there! I'm <span className={styles.name}>{personalInfo.name}</span>
</h3> </h3>
<p className={styles.bio}> <p className={styles.bio}>{personalInfo.about_me}</p>
{personalInfo.about_me}
</p>
<div className={styles.interests}> <div className={styles.interests}>
{personalInfo.interests && personalInfo.interests.map((interest, index) => ( {personalInfo.interests &&
<span key={index} className={styles.interestTag}>{interest}</span> personalInfo.interests.map((interest, index) => (
<span key={index} className={styles.interestTag}>
{interest}
</span>
))} ))}
</div> </div>
</div> </div>
</div> </div>
<div className={styles.bottomSection}> <div className={styles.bottomSection}>
<a href={personalInfo.resumeLink} target="_blank" rel="noopener noreferrer" className={styles.resumeLink}> <a href={personalInfo.resumelink} target="_blank" rel="noopener noreferrer" className={styles.resumeLink}>
Download Resume (PDF) Download Resume (PDF)
</a> </a>
<button onClick={scrollToContact} className={styles.contactLink}> <button onClick={scrollToContact} className={styles.contactLink}>
@ -72,6 +74,6 @@ function AboutMe({data}) {
</div> </div>
</section> </section>
); );
}; }
export default AboutMe; export default AboutMe;

View file

@ -45,7 +45,8 @@ function Footer({data}) {
</div> </div>
<div className={styles.social}> <div className={styles.social}>
<h3>Social</h3> <h3>Social</h3>
{personalInfo.socials && personalInfo.socials.map((social, index) => { {personalInfo.socials &&
personalInfo.socials.map((social, index) => {
const platform = Object.keys(social)[0]; const platform = Object.keys(social)[0];
return ( return (
<a key={index} href={social[platform]} target="_blank" rel="noopener noreferrer"> <a key={index} href={social[platform]} target="_blank" rel="noopener noreferrer">
@ -56,7 +57,7 @@ function Footer({data}) {
</div> </div>
</div> </div>
<div className={styles.bottomSection}> <div className={styles.bottomSection}>
<a href={personalInfo.resumeLink} target="_blank" rel="noopener noreferrer" className={styles.resumeLink}> <a href={personalInfo.resumelink} target="_blank" rel="noopener noreferrer" className={styles.resumeLink}>
Download Resume (PDF) Download Resume (PDF)
</a> </a>
</div> </div>

View file

@ -1 +1 @@
0.11.4 0.11.5