Design changes, add portraits, about page changes, tweaks

This commit is contained in:
Moris Zen
2018-09-05 00:07:15 +02:00
parent b1236f42d3
commit cdd5c84e08
26 changed files with 473 additions and 100 deletions

View File

@@ -1,6 +1,11 @@
import React, { Component } from 'react'
import Link from 'gatsby-link'
import Facebook from '../images/facebook.svg'
import Instagram from '../images/instagram.svg'
import Twitter from '../images/twitter.svg'
import LinkedIn from '../images/linkedin.svg'
import './SideMenu.css'
class SideMenu extends Component {
componentDidMount() {
@@ -79,6 +84,44 @@ class SideMenu extends Component {
</li>
</Link>
</ul>
<div className="absolute pin-b flex social-icons p-8 items-end">
<div>
<a href="https://facebook.com/saburly" target="_blank">
<img
src={Facebook}
alt="Facebook Social Media"
className="w-full p-2 saburly-transition opacity-80 hover:opacity-100"
/>
</a>
</div>
<div>
<a href="https://instagram.com/saburly" target="_blank">
<img
src={Instagram}
alt="Instagram Social Media"
className="w-full p-2 saburly-transition opacity-80 hover:opacity-100"
/>
</a>
</div>
<div>
<a href="https://twitter.com/saburly" target="_blank">
<img
src={Twitter}
alt="Twitter Social Media"
className="w-full p-2 saburly-transition opacity-80 hover:opacity-100"
/>
</a>
</div>
<div>
<a href="https://www.linkedin.com/company/saburly/" target="_blank">
<img
src={LinkedIn}
alt="LinkedIn Social Media"
className="w-full p-2 saburly-transition opacity-80 hover:opacity-100"
/>
</a>
</div>
</div>
</div>
)
}