Skip to content
This repository has been archived by the owner on Jan 23, 2023. It is now read-only.

Commit

Permalink
fix: add social media links
Browse files Browse the repository at this point in the history
adds links for:
- github
- twitter
- medium

closes #421
  • Loading branch information
rashley-iqt committed Jul 17, 2019
1 parent 848f4ad commit 99d1aea
Show file tree
Hide file tree
Showing 4 changed files with 54 additions and 7 deletions.
39 changes: 33 additions & 6 deletions package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@
"dependencies": {
"@fortawesome/fontawesome": "1.1.8",
"@fortawesome/fontawesome-svg-core": "1.2.19",
"@fortawesome/free-brands-svg-icons": "^5.9.0",
"@fortawesome/free-solid-svg-icons": "5.9.0",
"@fortawesome/react-fontawesome": "0.1.4",
"boom": "7.3.0",
Expand Down
12 changes: 12 additions & 0 deletions src/features/header/Header.js
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,7 @@ import ToolTip from 'react-portal-tooltip'

import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faInfoCircle } from "@fortawesome/free-solid-svg-icons";
import { faGithub, faTwitter, faMediumM } from "@fortawesome/free-brands-svg-icons";

import logo from './crlogo.png';
import style from './Header.module.css';
Expand Down Expand Up @@ -43,6 +44,17 @@ class Header extends React.Component {
Version: { process.env.REACT_APP_VERSION } <br/>
Copyright © 2017-2019 IQT Labs LLC.
</div>
<div className={ style.socialContainer }>
<a href="https://github.com/CyberReboot/" alt="github.com/CyberReboot" target="_blank" rel="noopener noreferrer">
<FontAwesomeIcon color="#7d7d7d" icon={faGithub} />
</a>
<a href="https://twitter.com/_cyberreboot" alt="twitter.com/_cyberreboot" target="_blank" rel="noopener noreferrer">
<FontAwesomeIcon color="#7d7d7d" icon={faTwitter} />
</a>
<a href="https://blog.cyberreboot.org/" alt="blog.cyberreboot.org" target="_blank" rel="noopener noreferrer">
<FontAwesomeIcon color="#7d7d7d" icon={faMediumM} />
</a>
</div>
</ToolTip>
</span>
</div>
Expand Down
9 changes: 8 additions & 1 deletion src/features/header/Header.module.css
Original file line number Diff line number Diff line change
Expand Up @@ -36,4 +36,11 @@
font-style: italic;
}


.socialContainer {
display: flex;
flex-direction: row;
flex-grow: 0;
flex-shrink: 0;
align-items: center;
justify-content: center;
}

0 comments on commit 99d1aea

Please sign in to comment.