Design changes, add portraits, about page changes, tweaks
This commit is contained in:
@@ -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>
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user