diff --git a/src/components/Home.js b/src/components/Home.js
index ea24f9b..f19d729 100644
--- a/src/components/Home.js
+++ b/src/components/Home.js
@@ -40,9 +40,14 @@ export default class Home extends Component {
diff --git a/src/components/Navbar.js b/src/components/Navbar.js
index 381d240..70a8ef9 100644
--- a/src/components/Navbar.js
+++ b/src/components/Navbar.js
@@ -6,11 +6,52 @@ import styles from './Navbar.scss';
export default class Navbar extends Component {
render () {
+
+ let key = 0;
+ const objKeys = Object.keys(config.social);
+
+ const socialLinks = objKeys.map((val) => {
+ const link = (
+
+
+ {val}
+
+ );
+ key += 1;
+ return link;
+ });
+
+ socialLinks.push(
+
+
+ e-mail
+ ,
+ );
+
return (
)
}
diff --git a/src/components/Navbar.scss b/src/components/Navbar.scss
index 1bb8b76..97deb6a 100644
--- a/src/components/Navbar.scss
+++ b/src/components/Navbar.scss
@@ -6,10 +6,42 @@
background-position: center;
background-repeat: no-repeat;
text-align: left;
- padding: 2px;
+ overflow: auto;
}
-h3 {
+h2 {
color: $white;
padding-left: 5px;
}
+
+.social {
+ display: inline-block;
+ float: right;
+ vertical-align: bottom;
+ a {
+ color: $white;
+ display: inline-block;
+ margin: 10px;
+ }
+}
+
+.links {
+ display: inline-block;
+ float: left;
+ ul {
+ list-style: none;
+ li {
+ font-family: $font-header;
+ display: inline;
+ margin: 5px;
+ a {
+ color: $white;
+ text-decoration: none;
+ }
+ }
+ }
+}
+
+.nameLink {
+ font-size: 1.4em;
+}