FilesExpand file tree

 gatsby

/

header.js

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

55 lines (48 loc) · 1.14 KB

 gatsby

/

header.js

Top

File metadata and controls

• Code
• Blame

55 lines (48 loc) · 1.14 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

import React from "react"

import { Link } from "gatsby"

import PropTypes from "prop-types"

import MobileSocialLinks from "./MobileSocialLinks"

import MobilePageLinks from "./MobilePageLinks"

import SocialLinks from "./SocialLinks"

import MobileBio from "./MobileBio"

import "./header.css"

const Header = ({ siteTitle, tagline, author, contacts }) => {

return (

<header

className="head-main"

style={{

background: `black`

}}

>

<div className="head-elements"

style={{

margin: `0`,

padding: `.75rem`

}}

>

<h1 className="head-logo ml-4" style={{ margin: 0 }}>

<Link

to="/"

style={{

color: `white`,

textDecoration: `none`,

}}

>

{siteTitle}

</Link>

</h1>

<SocialLinks contacts={contacts} />

</div>

<MobileSocialLinks contacts={contacts} />

<MobilePageLinks />

<MobileBio author={author} />

</header>

)

}

Header.propTypes = {

siteTitle: PropTypes.string,

}

Header.defaultProps = {

siteTitle: ``,

}

export default Header