mnisyif/mnisyif_frontend
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

v0.11.5 Modify download resume to proper link

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

88
src/components/aboutMe/AboutMe.jsx
View file

@ -2,7 +2,7 @@ import React from "react";
import styles from "./AboutMe.module.css";
import { FaGithub, FaLinkedin, FaTwitter } from "react-icons/fa";
function AboutMe({data}) {
function AboutMe({ data }) {
const scrollToContact = () => {
const contactSection = document.getElementById("contact");
if (contactSection) {
@ -17,52 +17,54 @@ function AboutMe({data}) {
<div className={styles.container}>
<h2 className={styles.title}>About Me</h2>
<div className={styles.content}>
<div className={styles.imageContainer}>
<img src={personalInfo.pp} alt="Murtadha Nisyif" className={styles.image} />
<div className={styles.socialLinks}>
{personalInfo.socials && personalInfo.socials.map((social, index) => {
const platform = Object.keys(social)[0];
const url = social[platform];
<div className={styles.imageContainer}>
<img src={personalInfo.pp} alt="Murtadha Nisyif" className={styles.image} />
<div className={styles.socialLinks}>
{personalInfo.socials &&
personalInfo.socials.map((social, index) => {
const platform = Object.keys(social)[0];
const url = social[platform];
let IconComponent;
switch (platform) {
case 'github':
IconComponent = FaGithub;
break;
case 'linkedin':
IconComponent = FaLinkedin;
break;
case 'twitter':
IconComponent = FaTwitter;
break;
default:
return null;
}
let IconComponent;
switch (platform) {
case "github":
IconComponent = FaGithub;
break;
case "linkedin":
IconComponent = FaLinkedin;
break;
case "twitter":
IconComponent = FaTwitter;
break;
default:
return null;
}
return (
<a key={index} href={url} target="_blank" rel="noopener noreferrer" className={styles.socialLink}>
<IconComponent />
</a>
);
})}
</div>
</div>
return (
<a key={index} href={url} target="_blank" rel="noopener noreferrer" className={styles.socialLink}>
<IconComponent />
</a>
);
})}
</div>
</div>
<div className={styles.textContent}>
<h3 className={styles.greeting}>
Hey there! I'm <span className={styles.name}>{personalInfo.name}</span>
</h3>
<p className={styles.bio}>
{personalInfo.about_me}
</p>
<div className={styles.interests}>
{personalInfo.interests && personalInfo.interests.map((interest, index) => (
<span key={index} className={styles.interestTag}>{interest}</span>
))}
</div>
</div>
<h3 className={styles.greeting}>
Hey there! I'm <span className={styles.name}>{personalInfo.name}</span>
</h3>
<p className={styles.bio}>{personalInfo.about_me}</p>
<div className={styles.interests}>
{personalInfo.interests &&
personalInfo.interests.map((interest, index) => (
<span key={index} className={styles.interestTag}>
{interest}
</span>
))}
</div>
</div>
</div>
<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)
</a>
<button onClick={scrollToContact} className={styles.contactLink}>
@ -72,6 +74,6 @@ function AboutMe({data}) {
</div>
</section>
);
};
}
export default AboutMe;

27
src/components/footer/Footer.jsx
View file

@ -2,7 +2,7 @@ import React, { useEffect, useRef, useState } from "react";
import styles from "./Footer.module.css";
import logo from "/assets/logos/logo.png";
function Footer({data}) {
function Footer({ data }) {
const [isVisible, setIsVisible] = useState(false);
const footerRef = useRef(null);
@ -29,7 +29,7 @@ function Footer({data}) {
};
}, []);
const personalInfo = data.length ? data[0] : {};
const personalInfo = data.length ? data[0] : {};
return (
<footer ref={footerRef} className={`${styles.footer} ${isVisible ? styles.visible : ""}`}>
@ -44,19 +44,20 @@ function Footer({data}) {
<p>Phone: {personalInfo.number}</p>
</div>
<div className={styles.social}>
<h3>Social</h3>
{personalInfo.socials && personalInfo.socials.map((social, index) => {
const platform = Object.keys(social)[0];
return (
<a key={index} href={social[platform]} target="_blank" rel="noopener noreferrer">
{platform.charAt(0).toUpperCase() + platform.slice(1)}
</a>
);
})}
</div>
<h3>Social</h3>
{personalInfo.socials &&
personalInfo.socials.map((social, index) => {
const platform = Object.keys(social)[0];
return (
<a key={index} href={social[platform]} target="_blank" rel="noopener noreferrer">
{platform.charAt(0).toUpperCase() + platform.slice(1)}
</a>
);
})}
</div>
</div>
<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)
</a>
</div>

2
version.txt
View file

@ -1 +1 @@
0.11.4
0.11.5