diff --git a/frontend/src/components/App.js b/frontend/src/components/App.js index 663aa59..41c43de 100644 --- a/frontend/src/components/App.js +++ b/frontend/src/components/App.js @@ -1,10 +1,12 @@ import Particles from 'react-tsparticles'; import particlesOptions from '../particles.json'; +import Github from './Github'; import MainColumn from './MainColumn'; import '../styles/App.css'; const App = () => (
+
diff --git a/frontend/src/components/Github.js b/frontend/src/components/Github.js new file mode 100644 index 0000000..b50ba6e --- /dev/null +++ b/frontend/src/components/Github.js @@ -0,0 +1,9 @@ +import { ReactComponent as GithubImg } from '../images/github.svg'; + +const Github = () => ( + + + +); + +export default Github; diff --git a/frontend/src/images/github.svg b/frontend/src/images/github.svg new file mode 100644 index 0000000..bc1ce35 --- /dev/null +++ b/frontend/src/images/github.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/frontend/src/styles/App.css b/frontend/src/styles/App.css index 63ee9cb..1949f5a 100644 --- a/frontend/src/styles/App.css +++ b/frontend/src/styles/App.css @@ -25,6 +25,13 @@ ); } +.github { + width: 36px; + position: fixed; + top: 12px; + right: 12px; +} + .centerBlockOuter { display: flex; align-items: center;