senaduka/old-v2-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Stylistic changes and new illustrations

Browse Source
This commit is contained in:
Moris Zen
2018-08-01 19:10:21 +02:00
parent 5a0d23a0ed
commit ef9e0536b6
14 changed files with 1214 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Footer.js
View File

@@ -2,7 +2,7 @@ import React from 'react'
import Link from 'gatsby-link'
import Button from './Button'
import LogoSaburly from '../images/logo-saburly-white.svg'
import LogoSaburly from '../images/logo-saburly-colorful.svg'
import Facebook from '../images/facebook.svg'
import Instagram from '../images/instagram.svg'
@@ -13,7 +13,7 @@ let menuClasses =
'no-underline mt-4 lg:inline-block lg:mt-0 text-white hover:opacity-100 uppercase mr-4'
const Footer = () => (
<footer className="bg-indigo-darker">
<footer className="bg-saburly-dark">
<div className="container mx-auto py-10 lg:flex">
<div className="lg:w-1/4 p-4">
<img

6
src/components/Header.js
View File

@@ -6,7 +6,7 @@ import Button from './Button'
import './Header.css'
let menuClasses =
'no-underline mt-4 lg:inline-block opacity-80 text-black lg:mt-0 hover:opacity-100 uppercase mr-4'
'no-underline mt-4 lg:inline-block opacity-80 text-black font-medium lg:mt-0 hover:opacity-100 uppercase mr-4'
class Header extends Component {
render() {
@@ -29,7 +29,7 @@ class Header extends Component {
</div>
<div className="hidden lg:visible w-full block flex-grow lg:flex lg:items-right lg:w-auto justify-end lg:flex-grow">
<ul className="list-reset text-sm">
<ul className="list-reset font- text-sm">
{!isHome && (
<Link to="/">
<li className={menuClasses}>Home</li>
@@ -48,7 +48,7 @@ class Header extends Component {
<Button
text="Contact"
standard
classes="rounded-full font-normal text-black hover:shadow"
classes="rounded-full font-medium text-black hover:shadow"
url="/contact"
/>
</ul>

2
src/components/Service.js
View File

@@ -13,7 +13,7 @@ const Service = ({ ...props }) => (
alt={`${props.title} agency`}
/>
<InfoBox
classes="bg-white p-8 shadow md:m-0 opacity-70 md:max-w-sm"
classes="bg-white md:m-0 opacity-70 md:max-w-sm"
headline={props.title}
text={props.text}
/>

10
src/components/SideMenu.js
View File

@@ -51,7 +51,7 @@ class SideMenu extends Component {
X
</button>
<Link to="/" className="side-close menu-home no-underline">
<li className="hover:bg-indigo hover:opacity-100 opacity-80 text-right no-underline text-2xl uppercase p-2 text-white">
<li className="hover:bg-indigo hover:opacity-100 opacity-80 text-right no-underline text-2xl uppercase p-4 text-white">
Home
</li>
</Link>
@@ -59,22 +59,22 @@ class SideMenu extends Component {
to="/services"
className="side-close menu-services no-underline"
>
<li className="hover:bg-indigo hover:opacity-100 opacity-80 text-right no-underline text-2xl uppercase p-2 text-white">
<li className="hover:bg-indigo hover:opacity-100 opacity-80 text-right no-underline text-2xl uppercase p-4 text-white">
Services
</li>
</Link>
<Link to="/about" className="side-close menu-about no-underline">
<li className="hover:bg-indigo hover:opacity-100 opacity-80 text-right no-underline text-2xl uppercase p-2 text-white">
<li className="hover:bg-indigo hover:opacity-100 opacity-80 text-right no-underline text-2xl uppercase p-4 text-white">
About Us
</li>
</Link>
<Link to="/blog" className="side-close menu-blog no-underline">
<li className="hover:bg-indigo hover:opacity-100 opacity-80 text-right no-underline text-2xl uppercase p-2 text-white">
<li className="hover:bg-indigo hover:opacity-100 opacity-80 text-right no-underline text-2xl uppercase p-4 text-white">
Blog
</li>
</Link>
<Link to="/contact" className="side-close menu-contact no-underline">
<li className="hover:bg-indigo hover:opacity-100 opacity-80 text-right no-underline text-2xl uppercase p-2 text-white">
<li className="hover:bg-indigo hover:opacity-100 opacity-80 text-right no-underline text-2xl uppercase p-4 text-white">
Contact
</li>
</Link>