Skip to content

Commit a334482

Browse files
ashutosh1919ashutosh1919
committed
Added YouTube in Social Media
1 parent 1f814af commit a334482

4 files changed

Lines changed: 95 additions & 89 deletions

File tree

‎CODE_OF_CONDUCT.md‎

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -14,22 +14,22 @@ appearance, race, religion, or sexual identity and orientation.
1414
Examples of behavior that contributes to creating a positive environment
1515
include:
1616

17-
* Using welcoming and inclusive language
18-
* Being respectful of differing viewpoints and experiences
19-
* Gracefully accepting constructive criticism
20-
* Focusing on what is best for the community
21-
* Showing empathy towards other community members
17+
- Using welcoming and inclusive language
18+
- Being respectful of differing viewpoints and experiences
19+
- Gracefully accepting constructive criticism
20+
- Focusing on what is best for the community
21+
- Showing empathy towards other community members
2222

2323
Examples of unacceptable behavior by participants include:
2424

25-
* The use of sexualized language or imagery and unwelcome sexual attention or
26-
advances
27-
* Trolling, insulting/derogatory comments, and personal or political attacks
28-
* Public or private harassment
29-
* Publishing others' private information, such as a physical or electronic
30-
address, without explicit permission
31-
* Other conduct which could reasonably be considered inappropriate in a
32-
professional setting
25+
- The use of sexualized language or imagery and unwelcome sexual attention or
26+
advances
27+
- Trolling, insulting/derogatory comments, and personal or political attacks
28+
- Public or private harassment
29+
- Publishing others' private information, such as a physical or electronic
30+
address, without explicit permission
31+
- Other conduct which could reasonably be considered inappropriate in a
32+
professional setting
3333

3434
## Our Responsibilities
3535

‎README.md‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -159,15 +159,14 @@ Therefore, this part of portfolio is not customizable. But don't worry we have a
159159
- The last step in deploying is to enable `Github Pages` in settings of the repository and select `gh-pages` branch.
160160

161161
Now, your website is successfully deployed and you can visit it at `<your-github-username>.github.io`.
162-
If you are stuck somewhere and want to observe the deployment process in depth, then please watch below video.
163-
162+
If you are stuck somewhere and want to observe the deployment process in depth, then please watch below video.
163+
164164
<p align="center">
165165
<a href="http://www.youtube.com/watch?v=IwBS39TOmpA" target="_blank">
166166
<img src="http://img.youtube.com/vi/IwBS39TOmpA/0.jpg"></img>
167167
</a>
168168
</p>
169169

170-
171170
# Technologies used 🛠️
172171

173172
- [React](https://reactjs.org/)
@@ -212,6 +211,7 @@ If you can help us with these. Please don't hesitate to open an [pull request](h
212211

213212
<!-- markdownlint-enable -->
214213
<!-- prettier-ignore-end -->
214+
215215
<!-- ALL-CONTRIBUTORS-LIST:END -->
216216

217217
# References 👏🏻

‎src/components/socialMedia/SocialMedia.js‎

Lines changed: 28 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -1,36 +1,36 @@
11
import React from "react";
22
import "./SocialMedia.css";
33
import { socialMediaLinks } from "../../portfolio";
4-
import styled from 'styled-components';
4+
import styled from "styled-components";
55

66
const IconWrapper = styled.span`
7-
i {
8-
background-color: ${props => props.backgroundColor};
9-
}
10-
&:hover i {
11-
background-color: ${({theme}) => theme.text};
12-
transition: 0.3s ease-in;
13-
}
14-
`
7+
i {
8+
background-color: ${(props) => props.backgroundColor};
9+
}
10+
&:hover i {
11+
background-color: ${({ theme }) => theme.text};
12+
transition: 0.3s ease-in;
13+
}
14+
`;
1515

1616
export default function socialMedia(props) {
17-
return (
18-
<div className="social-media-div">
19-
{socialMediaLinks.map((media) => {
20-
return (
21-
<a
22-
href={media.link}
23-
className={`icon-button`}
24-
target="_blank"
25-
rel="noopener noreferrer"
26-
>
27-
<IconWrapper {...media} {...props}>
28-
<i className={`fab ${media.fontAwesomeIcon}`}></i>
29-
</IconWrapper>
30-
{/* <span></span> */}
31-
</a>
32-
);
33-
})}
34-
</div>
35-
);
17+
return (
18+
<div className="social-media-div">
19+
{socialMediaLinks.map((media) => {
20+
return (
21+
<a
22+
href={media.link}
23+
className={`icon-button`}
24+
target="_blank"
25+
rel="noopener noreferrer"
26+
>
27+
<IconWrapper {...media} {...props}>
28+
<i className={`fab ${media.fontAwesomeIcon}`}></i>
29+
</IconWrapper>
30+
{/* <span></span> */}
31+
</a>
32+
);
33+
})}
34+
</div>
35+
);
3636
}

‎src/portfolio.js‎

Lines changed: 51 additions & 45 deletions
Original file line numberDiff line numberDiff line change
@@ -18,51 +18,57 @@ const greeting = {
1818
};
1919

2020
const socialMediaLinks = [
21-
/* Your Social Media Link */
22-
// github: "https://github.com/ashutosh1919",
23-
// linkedin: "https://www.linkedin.com/in/ashutosh-hathidara-88710b138/",
24-
// gmail: "ashutoshhathidara98@gmail.com",
25-
// gitlab: "https://gitlab.com/ashutoshhathidara98",
26-
// facebook: "https://www.facebook.com/laymanbrother.19/",
27-
// twitter: "https://twitter.com/ashutosh_1919",
28-
// instagram: "https://www.instagram.com/layman_brother/"
29-
30-
{
31-
name: "Github",
32-
link: "https://github.com/ashutosh1919",
33-
fontAwesomeIcon: "fa-github", // Reference https://fontawesome.com/icons/github?style=brands
34-
backgroundColor: '#181717' // Reference https://simpleicons.org/?q=github
35-
},
36-
{
37-
name: "LinkedIn",
38-
link: "https://www.linkedin.com/in/ashutosh-hathidara-88710b138/",
39-
fontAwesomeIcon: "fa-linkedin-in", // Reference https://fontawesome.com/icons/linkedin-in?style=brands
40-
backgroundColor: '#0077B5' // Reference https://simpleicons.org/?q=linkedin
41-
},
42-
{
43-
name: "Gmail",
44-
link: "mailto:ashutoshhathidara98@gmail.com",
45-
fontAwesomeIcon: "fa-google", // Reference https://fontawesome.com/icons/google?style=brands
46-
backgroundColor: '#D14836' // Reference https://simpleicons.org/?q=gmail
47-
},
48-
{
49-
name: "Twitter",
50-
link: "https://twitter.com/ashutosh_1919",
51-
fontAwesomeIcon: "fa-twitter", // Reference https://fontawesome.com/icons/twitter?style=brands
52-
backgroundColor: '#1DA1F2' // Reference https://simpleicons.org/?q=twitter
53-
},
54-
{
55-
name: "Facebook",
56-
link: "https://www.facebook.com/laymanbrother.19/",
57-
fontAwesomeIcon: "fa-facebook-f", // Reference https://fontawesome.com/icons/facebook-f?style=brands
58-
backgroundColor: '#1877F2' // Reference https://simpleicons.org/?q=facebook
59-
},
60-
{
61-
name: "Instagram",
62-
link: "https://www.instagram.com/layman_brother/",
63-
fontAwesomeIcon: "fa-instagram", // Reference https://fontawesome.com/icons/instagram?style=brands
64-
backgroundColor: '#E4405F' // Reference https://simpleicons.org/?q=instagram
65-
},
21+
/* Your Social Media Link */
22+
// github: "https://github.com/ashutosh1919",
23+
// linkedin: "https://www.linkedin.com/in/ashutosh-hathidara-88710b138/",
24+
// gmail: "ashutoshhathidara98@gmail.com",
25+
// gitlab: "https://gitlab.com/ashutoshhathidara98",
26+
// facebook: "https://www.facebook.com/laymanbrother.19/",
27+
// twitter: "https://twitter.com/ashutosh_1919",
28+
// instagram: "https://www.instagram.com/layman_brother/"
29+
30+
{
31+
name: "Github",
32+
link: "https://github.com/ashutosh1919",
33+
fontAwesomeIcon: "fa-github", // Reference https://fontawesome.com/icons/github?style=brands
34+
backgroundColor: "#181717", // Reference https://simpleicons.org/?q=github
35+
},
36+
{
37+
name: "LinkedIn",
38+
link: "https://www.linkedin.com/in/ashutosh-hathidara-88710b138/",
39+
fontAwesomeIcon: "fa-linkedin-in", // Reference https://fontawesome.com/icons/linkedin-in?style=brands
40+
backgroundColor: "#0077B5", // Reference https://simpleicons.org/?q=linkedin
41+
},
42+
{
43+
name: "YouTube",
44+
link: "https://www.youtube.com/channel/UC_amoXmmxSY9KusoDczDTXQ",
45+
fontAwesomeIcon: "fa-youtube", // Reference https://fontawesome.com/icons/youtube?style=brands
46+
backgroundColor: "#FF0000", // Reference https://simpleicons.org/?q=youtube
47+
},
48+
{
49+
name: "Gmail",
50+
link: "mailto:ashutoshhathidara98@gmail.com",
51+
fontAwesomeIcon: "fa-google", // Reference https://fontawesome.com/icons/google?style=brands
52+
backgroundColor: "#D14836", // Reference https://simpleicons.org/?q=gmail
53+
},
54+
{
55+
name: "Twitter",
56+
link: "https://twitter.com/ashutosh_1919",
57+
fontAwesomeIcon: "fa-twitter", // Reference https://fontawesome.com/icons/twitter?style=brands
58+
backgroundColor: "#1DA1F2", // Reference https://simpleicons.org/?q=twitter
59+
},
60+
{
61+
name: "Facebook",
62+
link: "https://www.facebook.com/laymanbrother.19/",
63+
fontAwesomeIcon: "fa-facebook-f", // Reference https://fontawesome.com/icons/facebook-f?style=brands
64+
backgroundColor: "#1877F2", // Reference https://simpleicons.org/?q=facebook
65+
},
66+
{
67+
name: "Instagram",
68+
link: "https://www.instagram.com/layman_brother/",
69+
fontAwesomeIcon: "fa-instagram", // Reference https://fontawesome.com/icons/instagram?style=brands
70+
backgroundColor: "#E4405F", // Reference https://simpleicons.org/?q=instagram
71+
},
6672
];
6773

6874
const skills = {

0 commit comments

Comments
 (0)