Commit a24acf6

committed

Add LinkedIn icon

1 parent c47cc2d commit a24acf6Copy full SHA for a24acf6

File tree

+17

-2

lines changed

+17

-2

lines changed

Lines changed: 8 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`import React from 'react';`
`2`	`2`	`import styled from 'styled-components';`
`3`		`-import { ICON_TWITTER, ICON_FACEBOOK } from '../static/icons';`
	`3`	`+import { ICON_TWITTER, ICON_FACEBOOK,ICON_LINKEDIN } from '../static/icons';`
`4`	`4`
`5`	`5`	const FooterContainer = styled.footer`
`6`	`6`	`display: flex;`
@@ -11,7 +11,7 @@ const FooterContainer = styled.footer`
`11`	`11`	`border: 1px solid ${props => props.theme.buttonBackground};`
`12`	`12`	`border-radius: 50%;`
`13`	`13`	`display: inline-flex;`
`14`		`- margin: 1rem;`
	`14`	`+ margin: 0.75rem;`
`15`	`15`	`padding: 0.5rem;`
`16`	`16`
`17`	`17`	`:hover svg,`
`@@ -37,6 +37,12 @@ const Footer = () => (`
`37`	`37`	`<a href="https://www.facebook.com/sharer.php?u=https://designpatternsgame.com/" target="_blank">`
`38`	`38`	`{ICON_FACEBOOK}`
`39`	`39`	`</a>`
	`40`	`+ <a`
	`41`	`+ href="https://www.linkedin.com/shareArticle?mini=true&url=https://designpatternsgame.com&title=Design%20Patterns%20Game&summary=A%20game%20to%20test%20your%20familiarity%20with%20the%20Gang%20of%20Four%20design%20patterns%20implemented%20in%20JavaScript."`
	`42`	`+ target="_blank"`
	`43`	`+ >`
	`44`	`+ {ICON_LINKEDIN}`
	`45`	`+ </a>`
`40`	`46`	`</FooterContainer>`
`41`	`47`	`);`
`42`	`48`

Lines changed: 9 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -51,3 +51,12 @@ export const ICON_TWITTER = (`
`51`	`51`	<path d="M32 7.075c-1.175 0.525-2.444 0.875-3.769 1.031 1.356-0.813 2.394-2.1 2.887-3.631-1.269 0.75-2.675 1.3-4.169 1.594-1.2-1.275-2.906-2.069-4.794-2.069-3.625 0-6.563 2.938-6.563 6.563 0 0.512 0.056 1.012 0.169 1.494-5.456-0.275-10.294-2.888-13.531-6.862-0.563 0.969-0.887 2.1-0.887 3.3 0 2.275 1.156 4.287 2.919 5.463-1.075-0.031-2.087-0.331-2.975-0.819 0 0.025 0 0.056 0 0.081 0 3.181 2.263 5.838 5.269 6.437-0.55 0.15-1.131 0.231-1.731 0.231-0.425 0-0.831-0.044-1.237-0.119 0.838 2.606 3.263 4.506 6.131 4.563-2.25 1.762-5.075 2.813-8.156 2.813-0.531 0-1.050-0.031-1.569-0.094 2.913 1.869 6.362 2.95 10.069 2.95 12.075 0 18.681-10.006 18.681-18.681 0-0.287-0.006-0.569-0.019-0.85 1.281-0.919 2.394-2.075 3.275-3.394z" />
`52`	`52`	`</svg>`
`53`	`53`	`);`
	`54`	`+`
	`55`	`+export const ICON_LINKEDIN = (`
	`56`	`+ <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 32 32">`
	`57`	`+ <title>linkedin</title>`
	`58`	`+ <path d="M12 12h5.535v2.837h0.079c0.77-1.381 2.655-2.837 5.464-2.837 5.842 0 6.922 3.637 6.922 8.367v9.633h-5.769v-8.54c0-2.037-0.042-4.657-3.001-4.657-3.005 0-3.463 2.218-3.463 4.509v8.688h-5.767v-18z" />`
	`59`	`+ <path d="M2 12h6v18h-6v-18z" />`
	`60`	`+ <path d="M8 7c0 1.657-1.343 3-3 3s-3-1.343-3-3c0-1.657 1.343-3 3-3s3 1.343 3 3z" />`
	`61`	`+ </svg>`
	`62`	`+);`

Comments

(0)