m/portfolio
1
0
Fork 0
mirror of https://github.com/kremalicious/portfolio.git synced 2024-11-13 16:45:12 +01:00
Code Releases Activity

source icons from react-feather

Browse Source
This commit is contained in:
Matthias Kretschmann 2019-11-13 11:59:59 +01:00
parent c3f3ff8cd6
commit 985628227b
Signed by: m
GPG Key ID: 606EEEF3C479A91F
35 changed files with 166 additions and 204 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
content/projects.yml
View File

@ -9,24 +9,24 @@
Initial website in collaboration with [Balance](https://balance.io/). Key visuals in collaboration with [Wojciech Hupert](https://twitter.com/wojciechhupert).
links:
- title: oceanprotocol.com
type: website
icon: website
url: https://oceanprotocol.com
- title: Styleguide
url: https://oceanprotocol.com/art
- title: docs.oceanprotocol.com
type: website
icon: website
url: https://docs.oceanprotocol.com
- title: commons.oceanprotocol.com
type: website
icon: website
url: https://commons.oceanprotocol.com
- title: '@oceanprotocol/art'
type: github
icon: github
url: https://github.com/oceanprotocol/art
- title: '@oceanprotocol/docs'
type: github
icon: github
url: https://github.com/oceanprotocol/docs
- title: '@oceanprotocol/commons'
type: github
icon: github
url: https://github.com/oceanprotocol/commons
techstack:
- Sketch
@ -266,8 +266,8 @@
- Photoshop
links:
- title: Download
url: https://kremalicious.com/ipixelpad/
- title: Info & Download
icon: download
- title: Out Of Whale Oil
slug: /outofwhaleoil/
@ -275,8 +275,8 @@
description: >
Tribute wallpaper pack inspired by the Futurama movie _Into The Wild Green Yonder_. Released as a goodie on [kremalicious.com](https://kremalicious.com/out-of-whale-oil/).
links:
- title: Download
url: https://kremalicious.com/out-of-whale-oil/
- title: Info & Download
icon: download
techstack:
- Photoshop
@ -317,7 +317,8 @@
- Photoshop
links:
- title: Download
- title: Info & Download
icon: download
url: https://kremalicious.com/coffee-cup-icon/
- title: Project Purple
@ -332,7 +333,8 @@
- Photoshop
links:
- title: Download
- title: Info & Download
icon: download
url: https://kremalicious.com/projectpurple/
- title: Allinnia Creative Group

1
package.json
View File

@ -45,6 +45,7 @@
"intersection-observer": "^0.7.0",
"react": "^16.11.0",
"react-dom": "^16.11.0",
"react-feather": "^2.0.3",
"react-helmet": "^5.2.1",
"react-pose": "^4.0.9",
"remark": "^11.0.2",

5
src/components/atoms/Button.module.scss
View File

@ -20,9 +20,8 @@
}
svg {
fill: $brand-grey-light;
margin-right: $spacer / 3;
transition: 0.2s ease-out;
margin-right: $spacer / 4;
transition: 0.2s $easing;
margin-bottom: -0.1rem;
width: $font-size-small;
height: $font-size-small;

68
src/components/atoms/Icon.jsx Normal file
View File

@ -0,0 +1,68 @@
import React from 'react'
import PropTypes from 'prop-types'
// https://featherstyles.com
import {
Star,
FileText,
Compass,
ArrowDownCircle,
Info,
GitHub,
Mail,
Feather,
Twitter,
Image,
Moon,
Sun,
Key
} from 'react-feather'
import { ReactComponent as Dribbble } from '../../images/dribbble.svg'
import styles from './Icon.module.scss'
const Icon = ({ name, ...props }) => {
switch (name) {
case 'website':
case 'Link':
return <Compass className={styles.icon} {...props} />
case 'github':
case 'GitHub':
return <GitHub className={styles.icon} {...props} />
case 'dribbble':
case 'Dribbble':
return <Dribbble className={styles.icon} {...props} />
case 'info':
case 'Info':
return <Info className={styles.icon} {...props} />
case 'download':
case 'Download':
return <ArrowDownCircle className={styles.icon} {...props} />
case 'styleguide':
case 'Styleguide':
return <FileText className={styles.icon} {...props} />
case 'Email':
return <Mail className={styles.icon} {...props} />
case 'Blog':
return <Feather className={styles.icon} {...props} />
case 'Twitter':
return <Twitter className={styles.icon} {...props} />
case 'Keybase':
return <Key className={styles.icon} {...props} />
case 'star':
return <Star className={styles.icon} {...props} />
case 'image':
return <Image className={styles.icon} {...props} />
case 'day':
return <Sun className={styles.icon} {...props} />
case 'night':
return <Moon className={styles.icon} {...props} />
default:
return null
}
}
Icon.propTypes = {
name: PropTypes.string.isRequired
}
export default Icon

12
src/components/atoms/Icon.module.scss Normal file
View File

@ -0,0 +1,12 @@
@import 'variables';
.icon {
width: $font-size-base;
height: $font-size-base;
stroke: currentColor;
stroke-width: 0.1rem;
stroke-linecap: round;
stroke-linejoin: round;
fill: none;
vertical-align: baseline;
}

26
src/components/atoms/LinkIcon.test.jsx → src/components/atoms/Icon.test.jsx
View File

@ -1,42 +1,40 @@
import React from 'react'
import { render } from '@testing-library/react'
import LinkIcon from './LinkIcon'
import Icon from './Icon'
describe('LinkIcon', () => {
describe('Icon', () => {
it('renders correctly', () => {
const { container, rerender } = render(
<LinkIcon title={'my project'} type={'website'} />
)
const { container, rerender } = render(<Icon name={'website'} />)
expect(container.firstChild.nodeName).toBe('svg')
rerender(<LinkIcon type={'github'} />)
rerender(<Icon name={'github'} />)
expect(container.firstChild.nodeName).toBe('svg')
rerender(<LinkIcon type={'dribbble'} />)
rerender(<Icon name={'dribbble'} />)
expect(container.firstChild.nodeName).toBe('svg')
rerender(<LinkIcon type={'info'} />)
rerender(<Icon name={'info'} />)
expect(container.firstChild.nodeName).toBe('svg')
rerender(<LinkIcon type={'download'} />)
rerender(<Icon name={'download'} />)
expect(container.firstChild.nodeName).toBe('svg')
rerender(<LinkIcon type={'styleguide'} />)
rerender(<Icon name={'styleguide'} />)
expect(container.firstChild.nodeName).toBe('svg')
rerender(<LinkIcon title={'Email'} />)
rerender(<Icon name={'Email'} />)
expect(container.firstChild.nodeName).toBe('svg')
rerender(<LinkIcon title={'Blog'} />)
rerender(<Icon name={'Blog'} />)
expect(container.firstChild.nodeName).toBe('svg')
rerender(<LinkIcon title={'Twitter'} />)
rerender(<Icon name={'Twitter'} />)
expect(container.firstChild.nodeName).toBe('svg')
})
it('does not render with unknown type', () => {
const { container } = render(<LinkIcon type={'whatever'} />)
const { container } = render(<Icon name={'whatever'} />)
expect(container.firstChild).not.toBeInTheDocument()
})
})

10
src/components/atoms/Icons.module.scss
View File

@ -1,10 +0,0 @@
@import 'variables';
.icon {
width: $font-size-base;
height: $font-size-base;
fill: $brand-grey-light;
stroke: none;
vertical-align: baseline;
margin-bottom: -0.04rem;
}

58
src/components/atoms/LinkIcon.jsx
View File

@ -1,58 +0,0 @@
import React from 'react'
import PropTypes from 'prop-types'
import { ReactComponent as Link } from '../../images/link.svg'
import { ReactComponent as Download } from '../../images/download.svg'
import { ReactComponent as Info } from '../../images/info.svg'
import { ReactComponent as Styleguide } from '../../images/styleguide.svg'
import { ReactComponent as GitHub } from '../../images/github.svg'
import { ReactComponent as Dribbble } from '../../images/dribbble.svg'
import { ReactComponent as Email } from '../../images/email.svg'
import { ReactComponent as Blog } from '../../images/blog.svg'
import { ReactComponent as Twitter } from '../../images/twitter.svg'
import { ReactComponent as Keybase } from '../../images/keybase.svg'
import { ReactComponent as Star } from '../../images/star.svg'
const LinkIcon = ({ title, type, ...props }) => {
let typeOrTitle = type ? type : title
switch (typeOrTitle) {
case 'website':
case 'Link':
return <Link {...props} />
case 'github':
case 'GitHub':
return <GitHub {...props} />
case 'dribbble':
case 'Dribbble':
return <Dribbble {...props} />
case 'info':
case 'Info':
return <Info {...props} />
case 'download':
case 'Download':
return <Download {...props} />
case 'styleguide':
case 'Styleguide':
return <Styleguide {...props} />
case 'Email':
return <Email {...props} />
case 'Blog':
return <Blog {...props} />
case 'Twitter':
return <Twitter {...props} />
case 'Keybase':
return <Keybase {...props} />
case 'star':
return <Star {...props} />
default:
return null
}
}
LinkIcon.propTypes = {
title: PropTypes.string,
type: PropTypes.string
}
export default LinkIcon

5
src/components/molecules/Networks.jsx
View File

@ -2,9 +2,8 @@ import React from 'react'
import PropTypes from 'prop-types'
import posed from 'react-pose'
import { moveInTop } from '../atoms/Transitions'
import LinkIcon from '../atoms/LinkIcon'
import Icon from '../atoms/Icon'
import { useMeta } from '../../hooks/use-meta'
import icons from '../atoms/Icons.module.scss'
import styles from './Networks.module.scss'
export default function Networks({ small, hide }) {
@ -25,7 +24,7 @@ export default function Networks({ small, hide }) {
key={i}
data-testid={`network-${key.toLowerCase()}`}
>
<LinkIcon title={key} className={icons.icon} />
<Icon name={key} />
<span className={styles.title}>{key}</span>
</a>
))}

5
src/components/molecules/Networks.module.scss
View File

@ -35,7 +35,7 @@
}
svg {
fill: $brand-grey-light;
stroke: $brand-grey-light;
width: 24px;
height: 24px;
}
@ -43,7 +43,7 @@
&:hover,
&:focus {
svg {
fill: $brand-cyan;
stroke: $brand-cyan;
}
.title {
@ -63,7 +63,6 @@
margin-bottom: $spacer / 4;
}
/* stylelint-disable no-descending-specificity */
svg {
width: $font-size-base;
height: $font-size-base;

63
src/components/molecules/ProjectLinks.jsx
View File

@ -1,39 +1,34 @@
import React, { PureComponent } from 'react'
import React from 'react'
import PropTypes from 'prop-types'
import Button from '../atoms/Button'
import LinkIcon from '../atoms/LinkIcon'
import icons from '../atoms/Icons.module.scss'
import Icon from '../atoms/Icon'
import styles from './ProjectLinks.module.scss'
export default class ProjectLinks extends PureComponent {
static propTypes = {
links: PropTypes.array
}
render() {
return (
<div className={styles.projectLinks}>
<h3 className={styles.title}>
Links <span>Learn more on the interwebz.</span>
</h3>
<ul>
{this.props.links.map(link => {
const { title, url, type } = link
return (
<li key={title}>
<Button href={url} data-testid="link">
<LinkIcon title={title} type={type} className={icons.icon} />
{title}
</Button>
</li>
)
})}
</ul>
</div>
)
}
ProjectLinks.propTypes = {
links: PropTypes.array
}
export default function ProjectLinks({ links }) {
return (
<div className={styles.projectLinks}>
<h3 className={styles.title}>
Links <span>Learn more on the interwebz.</span>
</h3>
<ul>
{links.map(link => {
const { title, url, icon } = link
return (
<li key={title}>
<Button href={url} data-testid="link">
<Icon name={icon ? icon : title} />
{title}
</Button>
</li>
)
})}
</ul>
</div>
)
}

1
src/components/molecules/ProjectLinks.module.scss
View File

@ -20,6 +20,7 @@
}
svg {
stroke: $brand-grey-light;
width: $font-size-small;
height: $font-size-small;
}

14
src/components/molecules/ProjectLinks.test.jsx
View File

@ -6,18 +6,22 @@ describe('ProjectLinks', () => {
const links = [
{
title: 'my project',
type: 'website',
icon: 'website',
url: 'https://hello.com'
},
{
title: 'GitHub',
url: 'https://github.com'
}
]
it('renders correctly', () => {
const { container, getByTestId } = render(<ProjectLinks links={links} />)
const { container, getAllByTestId } = render(<ProjectLinks links={links} />)
expect(container.firstChild).toBeInTheDocument()
expect(getByTestId('link').nodeName).toBe('A')
expect(getByTestId('link').textContent).toBe('my project')
expect(getByTestId('link').attributes.href.textContent).toBe(
expect(getAllByTestId('link')[0].nodeName).toBe('A')
expect(getAllByTestId('link')[0].textContent).toBe('my project')
expect(getAllByTestId('link')[0].attributes.href.textContent).toBe(
'https://hello.com'
)
})

8
src/components/molecules/Repository.jsx
View File

@ -1,6 +1,6 @@
import React from 'react'
import PropTypes from 'prop-types'
import LinkIcon from '../atoms/LinkIcon'
import Icon from '../atoms/Icon'
import styles from './Repository.module.scss'
export default function Repository({ repo }) {
@ -34,16 +34,16 @@ export default function Repository({ repo }) {
: !isExternal &&
homepage && (
<a href={homepage}>
<LinkIcon title="website" /> More info
<Icon name="website" /> More info
</a>
)}
<a href={html_url}>
<LinkIcon title="github" /> GitHub
<Icon name="github" /> GitHub
</a>
<a href={`${html_url}/stargazers`}>
<LinkIcon title="star" /> {stargazers_count}
<Icon name="star" /> {stargazers_count}
</a>
</p>
</div>

1
src/components/molecules/Repository.module.scss
View File

@ -52,7 +52,6 @@
}
svg {
fill: currentColor;
width: $font-size-small;
height: $font-size-small;
margin-right: $spacer / 12;

8
src/components/molecules/ThemeSwitch.jsx
View File

@ -4,18 +4,16 @@ import Helmet from 'react-helmet'
import posed from 'react-pose'
import useDarkMode from '../../hooks/use-dark-mode'
import { fadeIn } from '../atoms/Transitions'
import { ReactComponent as Day } from '../../images/day.svg'
import { ReactComponent as Night } from '../../images/night.svg'
import Icon from '../atoms/Icon'
import styles from './ThemeSwitch.module.scss'
const Animation = posed.aside(fadeIn)
const ThemeToggle = ({ dark }) => (
<span id="toggle" className={styles.checkboxContainer} aria-live="assertive">
<Day className={!dark ? null : 'active'} />
<Icon name="day" className={!dark ? null : 'active'} />
<span className={styles.checkboxFake} />
<Night className={dark ? 'active' : null} />
<Icon name="night" className={dark ? 'active' : null} />
</span>
)

6
src/components/molecules/ThemeSwitch.module.scss
View File

@ -7,14 +7,14 @@
z-index: 10;
svg {
stroke: $brand-grey-light;
width: $font-size-base;
height: $font-size-base;
margin-top: -0.05rem;
fill: $brand-grey-light;
&:last-child {
width: $font-size-small;
height: $font-size-small;
width: $font-size-base * 0.9;
height: $font-size-base * 0.9;
}
}
}

3
src/images/blog.svg
View File

@ -1,3 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22">
<path d="M131.010258,116.042893 C133.745231,113.30792 138.179498,113.30792 140.914471,116.042893 C143.649445,118.777866 143.649445,123.212134 140.915518,125.946059 L140.915518,125.946059 L138.2561,128.614807 C138.205981,128.679012 138.148194,128.736941 138.084115,128.787214 L134.175518,132.706059 C133.987897,132.894236 133.733095,133 133.467365,133 L133.467365,133 L125.381365,132.999664 L122.674471,135.707107 C122.283947,136.097631 121.650782,136.097631 121.260258,135.707107 C120.899774,135.346623 120.872044,134.779392 121.177069,134.387101 L121.260258,134.292893 L123.966365,131.585664 L123.967365,123.5 C123.967365,123.278986 124.040529,123.065516 124.173445,122.891971 L124.260258,122.792893 Z M135.044365,128.999664 L129.381365,128.999664 L127.381365,130.999664 L133.050365,131 L135.044365,128.999664 Z M139.500258,117.457107 C137.546333,115.503182 134.378396,115.503182 132.424471,117.457107 L132.424471,117.457107 L125.967365,123.914 L125.966365,129.585664 L135.260258,120.292893 C135.650782,119.902369 136.283947,119.902369 136.674471,120.292893 C137.034955,120.653377 137.062685,121.220608 136.75766,121.6129 L136.674471,121.707107 L131.381365,126.999664 L137.038365,126.999664 L139.500258,124.532893 C141.337557,122.695594 141.447221,119.784881 139.829251,117.819442 L139.672505,117.638013 Z" transform="translate(-121 -114)"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.4 KiB

3
src/images/day.svg
View File

@ -1,3 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path d="M12,20 C12.5128358,20 12.9355072,20.3860402 12.9932723,20.8833789 L13,21 L13,23 C13,23.5522847 12.5522847,24 12,24 C11.4871642,24 11.0644928,23.6139598 11.0067277,23.1166211 L11,23 L11,21 C11,20.4477153 11.4477153,20 12,20 Z M18.9728994,17.5697046 L19.0671068,17.6528932 L20.4871068,19.0728932 C20.8776311,19.4634175 20.8776311,20.0965825 20.4871068,20.4871068 C20.1266228,20.8475907 19.5593918,20.8753203 19.1671006,20.5702954 L19.0728932,20.4871068 L17.6528932,19.0671068 C17.2623689,18.6765825 17.2623689,18.0434175 17.6528932,17.6528932 C18.0133772,17.2924093 18.5806082,17.2646797 18.9728994,17.5697046 Z M6.34710678,17.6528932 C6.70759074,18.0133772 6.73532028,18.5806082 6.43029539,18.9728994 L6.34710678,19.0671068 L4.92710678,20.4871068 C4.53658249,20.8776311 3.90341751,20.8776311 3.51289322,20.4871068 C3.15240926,20.1266228 3.12467972,19.5593918 3.42970461,19.1671006 L3.51289322,19.0728932 L4.93289322,17.6528932 C5.32341751,17.2623689 5.95658249,17.2623689 6.34710678,17.6528932 Z M12,5 C15.8659932,5 19,8.13400675 19,12 C19,15.8659932 15.8659932,19 12,19 C8.13400675,19 5,15.8659932 5,12 C5,8.13400675 8.13400675,5 12,5 Z M12,7.33333333 C9.42267117,7.33333333 7.33333333,9.42267117 7.33333333,12 C7.33333333,14.5773288 9.42267117,16.6666667 12,16.6666667 C14.5773288,16.6666667 16.6666667,14.5773288 16.6666667,12 C16.6666667,9.42267117 14.5773288,7.33333333 12,7.33333333 Z M3,11 C3.55228475,11 4,11.4477153 4,12 C4,12.5128358 3.61395981,12.9355072 3.11662113,12.9932723 L3,13 L1,13 C0.44771525,13 0,12.5522847 0,12 C0,11.4871642 0.38604019,11.0644928 0.883378875,11.0067277 L1,11 L3,11 Z M23,11 C23.5522847,11 24,11.4477153 24,12 C24,12.5128358 23.6139598,12.9355072 23.1166211,12.9932723 L23,13 L21,13 C20.4477153,13 20,12.5522847 20,12 C20,11.4871642 20.3860402,11.0644928 20.8833789,11.0067277 L21,11 L23,11 Z M4.83289944,3.42970461 L4.92710678,3.51289322 L6.34710678,4.93289322 C6.73763107,5.32341751 6.73763107,5.95658249 6.34710678,6.34710678 C5.98662282,6.70759074 5.41939176,6.73532028 5.02710056,6.43029539 L4.93289322,6.34710678 L3.51289322,4.92710678 C3.12236893,4.53658249 3.12236893,3.90341751 3.51289322,3.51289322 C3.87337718,3.15240926 4.44060824,3.12467972 4.83289944,3.42970461 Z M20.4871068,3.51289322 C20.8475907,3.87337718 20.8753203,4.44060824 20.5702954,4.83289944 L20.4871068,4.92710678 L19.0671068,6.34710678 C18.6765825,6.73763107 18.0434175,6.73763107 17.6528932,6.34710678 C17.2924093,5.98662282 17.2646797,5.41939176 17.5697046,5.02710056 L17.6528932,4.93289322 L19.0728932,3.51289322 C19.4634175,3.12236893 20.0965825,3.12236893 20.4871068,3.51289322 Z M12,0 C12.5128358,0 12.9355072,0.38604019 12.9932723,0.883378875 L13,1 L13,3 C13,3.55228475 12.5522847,4 12,4 C11.4871642,4 11.0644928,3.61395981 11.0067277,3.11662113 L11,3 L11,1 C11,0.44771525 11.4477153,0 12,0 Z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 2.9 KiB

3
src/images/download.svg
View File

@ -1,3 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22">
<path d="M330.992343,115 C337.067475,115 341.992343,119.924868 341.992343,126 C341.992343,132.075132 337.067475,137 330.992343,137 C324.917211,137 319.992343,132.075132 319.992343,126 C319.992343,119.924868 324.917211,115 330.992343,115 Z M330.992343,117 C326.02178,117 321.992343,121.029437 321.992343,126 C321.992343,130.970563 326.02178,135 330.992343,135 C335.962906,135 339.992343,130.970563 339.992343,126 C339.992343,121.029437 335.962906,117 330.992343,117 Z M330.992343,121 C331.505179,121 331.92785,121.38604 331.985615,121.883379 L331.992343,122 L331.992343,127.585 L334.285236,125.292893 C334.64572,124.932409 335.212951,124.90468 335.605242,125.209705 L335.69945,125.292893 C336.059934,125.653377 336.087663,126.220608 335.782638,126.612899 L335.69945,126.707107 L331.69945,130.707107 C331.670983,130.735573 331.640809,130.762331 331.609093,130.787214 L331.69945,130.707107 C331.664056,130.742501 331.626668,130.774687 331.587649,130.803665 C331.563474,130.82151 331.538618,130.838281 331.513003,130.853933 C331.500956,130.861393 331.488737,130.868501 331.476405,130.875329 C331.456637,130.886206 331.436234,130.896623 331.415442,130.906346 C331.398441,130.914321 331.381138,130.921804 331.363679,130.928775 C331.343922,130.936684 331.32414,130.943878 331.304079,130.950453 C331.289194,130.955271 331.273806,130.959902 331.258336,130.964155 C331.236779,130.970166 331.215089,130.97536 331.193137,130.979835 C331.175718,130.983298 331.158292,130.986372 331.14081,130.988982 C331.120457,130.992094 331.0994,130.994564 331.078154,130.99637 C331.060266,130.997855 331.042934,130.998877 331.02559,130.999451 C331.014745,130.999815 331.003565,131 330.992343,131 L330.960088,130.999483 C330.942076,130.998905 330.924077,130.997844 330.906112,130.996298 L330.992343,131 C330.941723,131 330.891981,130.996239 330.843382,130.988981 C330.826394,130.986372 330.808968,130.983298 330.791617,130.97976 C330.769597,130.97536 330.747906,130.970166 330.726503,130.964279 C330.71088,130.959902 330.695491,130.955271 330.6802,130.950262 C330.660545,130.943878 330.640764,130.936684 330.621284,130.928896 C330.603547,130.921804 330.586244,130.914321 330.569121,130.906327 C330.548451,130.896623 330.528049,130.886206 330.508066,130.875124 C330.495948,130.868501 330.48373,130.861393 330.471634,130.854005 C330.446068,130.838281 330.421212,130.82151 330.397184,130.803686 C330.391134,130.799282 330.385269,130.794825 330.379443,130.790295 C330.343877,130.762331 330.313702,130.735573 330.285236,130.707107 L326.285236,126.707107 C325.894712,126.316582 325.894712,125.683418 326.285236,125.292893 C326.64572,124.932409 327.212951,124.90468 327.605242,125.209705 L327.69945,125.292893 L329.992343,127.585 L329.992343,122 C329.992343,121.447715 330.440058,121 330.992343,121 Z" transform="translate(-320 -115)"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 2.8 KiB

4
src/images/dribbble.svg
View File

@ -1,3 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 23 23">
<path d="M233.25188,114.485071 C239.263201,114.485071 244.212675,119.263381 244.489658,125.20936 C244.494965,125.227727 244.498646,125.246912 244.50188,125.266321 C244.52197,125.366767 244.520535,125.467213 244.500343,125.56397 L244.50188,125.735071 L244.50188,125.735071 C244.50188,129.171893 242.939997,132.26163 240.490984,134.329526 C240.485113,134.340224 240.478001,134.350244 240.47063,134.360071 C240.381586,134.449115 240.271398,134.538159 240.150107,134.607121 C238.241483,136.095557 235.845516,136.985071 233.25188,136.985071 C230.704326,136.985071 228.347479,136.126884 226.456158,134.685329 C226.294744,134.632044 226.146731,134.530471 226.03313,134.360071 L226.012777,134.329526 C223.563764,132.26163 222.00188,129.171893 222.00188,125.735071 C222.00188,122.295902 223.565898,119.204293 226.017795,117.136381 C226.02226,117.128463 226.027624,117.119249 226.03313,117.110071 C226.117741,116.997256 226.236291,116.909896 226.370911,116.850543 C228.27647,115.369324 230.665925,114.485071 233.25188,114.485071 Z M231.338768,126.634634 L231.335162,126.691427 C231.115147,129.44217 230.033883,131.917169 228.304919,133.689322 C229.742548,134.588737 231.439288,135.110071 233.25188,135.110071 C235.056089,135.110071 236.745514,134.593548 238.179585,133.701075 C236.438192,131.961851 235.358548,129.457307 235.160094,126.672628 L234.18938,126.672571 C233.149243,126.672571 232.211685,126.672571 231.338768,126.634634 Z M223.881266,126.027401 L223.89232,126.274229 C224.033622,128.735479 225.135768,130.950259 226.826995,132.546804 C228.349865,131.12795 229.297261,128.929089 229.47238,126.541853 C227.283306,126.439587 225.462288,126.240334 223.881266,126.027401 Z M242.604577,126.382761 L242.395358,126.398716 C240.736748,126.525221 238.920461,126.635127 237.04204,126.66474 C237.238926,129.003736 238.179815,131.152101 239.676254,132.546485 C241.343097,130.973761 242.437563,128.800551 242.604577,126.382761 Z M233.25188,116.360071 C231.436329,116.360071 229.737009,116.883108 228.297158,117.785944 C228.85492,118.357121 229.358312,119.00681 229.78313,119.735071 C230.666317,121.180285 231.205694,122.900547 231.342371,124.719188 C232.213102,124.746359 233.15003,124.797571 234.18938,124.797571 L235.160009,124.796986 C235.294401,122.910401 235.834439,121.172015 236.72063,119.641321 C237.151434,118.964344 237.622639,118.327767 238.160766,117.758114 C236.731459,116.872305 235.048585,116.360071 233.25188,116.360071 Z M239.638677,118.887578 L239.474103,119.044098 C239.022714,119.495487 238.62688,120.016321 238.31438,120.578821 C237.614007,121.823929 237.172016,123.262825 237.042026,124.788269 C238.967548,124.756603 240.826416,124.634225 242.545112,124.497995 C242.25177,122.299079 241.189023,120.33509 239.638677,118.887578 Z M226.819435,118.930434 L226.720812,119.025142 C225.32997,120.379446 224.355043,122.159057 224.012256,124.147751 C225.538279,124.360167 227.37844,124.559186 229.448765,124.662563 C229.305178,123.2102 228.868887,121.880582 228.18938,120.672571 C227.781923,119.993475 227.325275,119.412763 226.819435,118.930434 Z" transform="translate(-222 -114)"/>
</svg>
<svg height="22" viewBox="0 0 22 22" width="22" xmlns="http://www.w3.org/2000/svg"><g fill="none" transform="translate(.26 1)"><circle cx="10.741" cy="10" r="10"/><path d="m1.07516941 9.56957994c4.89119246 1.87839516 16.20292219 1.25455046 19.29125979 0m-15.15012061-7.15686035c4.61782139 6.5 2.88217862 11.66064471 0 15.50000001"/><path d="m13.7119141 2.41271959c4.6178214 6.5 2.8821786 11.66064471 0 15.50000001" transform="matrix(-1 0 0 1 30.273 0)"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 464 B

3
src/images/email.svg
View File

@ -1,3 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="20" viewBox="0 0 23 20">
<path d="M98.3110976,116.476031 C99.706759,116.476031 101.061098,117.805745 101.061098,119.176031 L101.061098,119.176031 L101.061098,132.776031 C101.061098,134.146317 99.706759,135.476031 98.3110976,135.476031 L98.3110976,135.476031 L81.8110976,135.476031 C80.4154362,135.476031 79.0610976,134.146317 79.0610976,132.776031 L79.0610976,132.776031 L79.0610976,119.176031 C79.0610976,117.805745 80.4154362,116.476031 81.8110976,116.476031 L81.8110976,116.476031 Z M99.0600976,119.792031 L90.7105477,128.200828 C90.3742166,128.539539 89.8449905,128.565594 89.4789832,128.278992 L89.3910879,128.200828 L81.0600976,119.810031 L81.0610976,132.601031 C81.0610976,133.001905 81.4464755,133.408266 81.8579053,133.468411 L81.9610976,133.476031 L98.1610976,133.476031 C98.6088138,133.476031 99.0610976,133.035311 99.0610976,132.601031 L99.0610976,132.601031 L99.0600976,119.792031 Z M97.7280976,118.475031 L82.3720976,118.475031 L90.0508178,126.206896 L97.7280976,118.475031 Z" transform="translate(-79 -116)"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.1 KiB

3
src/images/github.svg
View File

@ -1,3 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="23" viewBox="0 0 22 23">
<path d="M425.037385,116.299765 L425.200972,116.402 L425.635885,116.306915 C427.54074,115.916517 429.505203,115.916517 431.410059,116.306915 L431.843972,116.402 L432.008558,116.299765 C433.772427,115.209825 435.096204,114.864637 436.007895,114.996975 C436.090214,115.008924 436.160063,115.024296 436.217337,115.041284 C436.502357,115.125824 436.734985,115.332798 436.852104,115.606051 C437.351735,116.771753 437.470891,118.057439 437.205271,119.282997 L437.142972,119.538 L437.302786,119.749076 C438.035158,120.762556 438.459294,121.971545 438.516348,123.22902 L438.522972,123.52 C438.522972,128.044882 436.556073,130.321851 433.011154,131.197888 L432.730972,131.262 L432.815245,131.48905 C432.968881,131.946381 433.044438,132.423343 433.034877,132.894829 L433.022972,133.13 L433.022972,137 C433.022972,137.552285 432.575256,138 432.022972,138 C431.510136,138 431.087464,137.61396 431.029699,137.116621 L431.022972,137 L431.026052,133.051575 C431.074566,132.434874 430.879975,131.826263 430.488339,131.353636 L430.364983,131.216055 C429.786459,130.619301 430.146161,129.618229 430.972193,129.526155 C434.74103,129.106062 436.522972,127.607694 436.522972,123.520184 C436.522762,122.38066 436.084433,121.284839 435.298707,120.459522 C435.034834,120.182353 434.952284,119.778895 435.086088,119.420359 C435.367583,118.666076 435.417233,117.850677 435.237484,117.076644 L435.223972,117.027 L435.129657,117.05066 L434.994587,117.087317 C434.350216,117.272813 433.54717,117.662171 432.579776,118.310643 C432.339313,118.471833 432.040798,118.520907 431.761387,118.445181 C429.640696,117.870428 427.405247,117.870428 425.284556,118.445181 C425.005146,118.520907 424.70663,118.471833 424.466167,118.310643 C423.586718,117.721123 422.843094,117.345747 422.231032,117.143002 L421.98218,117.067972 L421.820972,117.027 L421.808459,117.076644 C421.646685,117.773274 421.670724,118.50341 421.88236,119.192343 L421.959855,119.420359 C422.093662,119.778902 422.011106,120.182368 421.747222,120.459537 C420.955643,121.290967 420.51684,122.396707 420.522895,123.55 C420.522895,127.599183 422.291489,129.086304 426.086228,129.557625 C426.86589,129.654462 427.22082,130.560038 426.757292,131.158148 L426.681576,131.245419 C426.256177,131.685 426.018877,132.270131 426.016568,132.929901 L426.022972,133.13 L426.022972,137 C426.022972,137.552285 425.575256,138 425.022972,138 C424.510136,138 424.087464,137.61396 424.029699,137.116621 L424.022972,137 L424.02302,135.261732 C421.89471,135.608814 420.512585,134.955979 419.241039,133.461468 L418.969923,133.128889 C418.849132,132.976617 418.682814,132.765961 418.633377,132.704871 C418.281474,132.270019 418.058726,132.069423 417.849745,131.991665 L417.780436,131.970141 C417.244641,131.836194 416.91888,131.293259 417.052829,130.757464 C417.186778,130.221669 417.729712,129.895909 418.265507,130.029857 C418.966751,130.205168 419.457529,130.581934 420.029771,131.255579 L420.188076,131.446733 C420.268108,131.54563 420.567215,131.925333 420.638557,132.013668 C421.587702,133.188893 422.376084,133.593291 424.025429,133.229355 L424.025436,133.200159 C423.985642,132.634369 424.056651,132.073039 424.227901,131.545153 L424.322972,131.278 L424.269147,131.266986 C420.645092,130.418445 418.614378,128.243644 418.525926,123.857737 L418.522908,123.555261 C418.515694,122.184008 418.946056,120.854343 419.739425,119.754217 L419.901972,119.538 L419.840672,119.282997 C419.595485,118.151712 419.678153,116.969195 420.085296,115.877107 L420.193839,115.606051 C420.310958,115.332798 420.543586,115.125824 420.828607,115.041284 C420.88588,115.024296 420.955729,115.008924 421.038048,114.996975 C421.949739,114.864637 423.273516,115.209825 425.037385,116.299765 Z" transform="translate(-417 -115)"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 3.7 KiB

3
src/images/images.svg
View File

@ -1,3 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20">
<path d="M189.992343,158 C191.649197,158 192.992343,159.343146 192.992343,161 L192.992343,161 L192.992343,175 C192.992343,176.656854 191.649197,178 189.992343,178 L189.992343,178 L175.992343,178 C175.972618,178 175.952938,177.99981 175.933305,177.999431 L175.933311,177.998267 L175.81607,177.994907 C174.241263,177.903661 172.992343,176.597681 172.992343,175 L172.992343,175 L172.992343,161 C172.992343,159.343146 174.335489,158 175.992343,158 L175.992343,158 Z M186.992343,167.415 L178.406343,176 L189.992343,176 C190.505179,176 190.92785,175.61396 190.985615,175.116621 L190.992343,175 L190.992343,171.415 L186.992343,167.415 Z M189.992343,160 L175.992343,160 C175.440058,160 174.992343,160.447715 174.992343,161 L174.992343,161 L174.992343,175 C174.992343,175.42891 175.262371,175.794752 175.641699,175.936799 L186.285236,165.292893 C186.64572,164.932409 187.212951,164.90468 187.605242,165.209705 L187.69945,165.292893 L190.992343,168.585 L190.992343,161 C190.992343,160.487164 190.606303,160.064493 190.108964,160.006728 L189.992343,160 Z M179.492343,162 C180.873055,162 181.992343,163.119288 181.992343,164.5 C181.992343,165.880712 180.873055,167 179.492343,167 C178.111631,167 176.992343,165.880712 176.992343,164.5 C176.992343,163.119288 178.111631,162 179.492343,162 Z M179.492343,164 C179.2162,164 178.992343,164.223858 178.992343,164.5 C178.992343,164.776142 179.2162,165 179.492343,165 C179.768485,165 179.992343,164.776142 179.992343,164.5 C179.992343,164.223858 179.768485,164 179.492343,164 Z" transform="translate(-172 -158)"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.6 KiB

3
src/images/info.svg
View File

@ -1,3 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22">
<path d="M380.007657,116 C386.082789,116 391.007657,120.924868 391.007657,127 C391.007657,133.075132 386.082789,138 380.007657,138 C373.932525,138 369.007657,133.075132 369.007657,127 C369.007657,120.924868 373.932525,116 380.007657,116 Z M380.007657,118 C375.037094,118 371.007657,122.029437 371.007657,127 C371.007657,131.970563 375.037094,136 380.007657,136 C384.97822,136 389.007657,131.970563 389.007657,127 C389.007657,122.029437 384.97822,118 380.007657,118 Z M380.007657,126 C380.520493,126 380.943164,126.38604 381.000929,126.883379 L381.007657,127 L381.007657,131 C381.007657,131.552285 380.559942,132 380.007657,132 C379.494821,132 379.07215,131.61396 379.014385,131.116621 L379.007657,131 L379.007657,127 C379.007657,126.447715 379.455372,126 380.007657,126 Z M380.017657,122 C380.569942,122 381.017657,122.447715 381.017657,123 C381.017657,123.512836 380.631617,123.935507 380.134278,123.993272 L380.007657,124 C379.455372,124 379.007657,123.552285 379.007657,123 C379.007657,122.487164 379.393697,122.064493 379.891036,122.006728 L380.017657,122 Z" transform="translate(-369 -116)"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.2 KiB

3
src/images/keybase.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 7.9 KiB

3
src/images/link.svg
View File

@ -1,3 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22">
<path d="M280.977028,115 C287.052161,115 291.977028,119.924868 291.977028,126 C291.977028,132.075132 287.052161,137 280.977028,137 C274.901896,137 269.977028,132.075132 269.977028,126 C269.977028,119.924868 274.901896,115 280.977028,115 Z M280.977028,117 C276.006466,117 271.977028,121.029437 271.977028,126 C271.977028,130.970563 276.006466,135 280.977028,135 C285.947591,135 289.977028,130.970563 289.977028,126 C289.977028,121.029437 285.947591,117 280.977028,117 Z M284.900801,120.811317 C285.682559,120.550731 286.426298,121.29447 286.165712,122.076228 L286.165712,122.076228 L284.045712,128.436228 C283.946177,128.734833 283.711861,128.969148 283.413256,129.068683 L283.413256,129.068683 L277.053256,131.188683 C276.271498,131.449269 275.527759,130.70553 275.788345,129.923772 L275.788345,129.923772 L277.908345,123.563772 C278.00788,123.265167 278.242196,123.030852 278.540801,122.931317 L278.540801,122.931317 Z M283.635028,123.341 L279.647028,124.67 L278.318028,128.659 L282.306028,127.329 L283.635028,123.341 Z" transform="translate(-270 -115)"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.1 KiB

3
src/images/location.svg
View File

@ -1,3 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="24" viewBox="0 0 21 24">
<path d="M471.528386,114 C477.051233,114 481.528386,118.477153 481.528386,124 C481.528386,127.371605 479.725984,130.676008 476.754338,133.812745 C475.735388,134.888304 474.646639,135.868178 473.557562,136.735405 C473.366673,136.88741 473.182423,137.030586 473.005898,137.164646 L473.005898,137.164646 L472.500595,137.539195 L472.083086,137.83205 C471.747186,138.055983 471.309585,138.055983 470.973685,137.83205 L470.973685,137.83205 L470.556176,137.539195 C470.236212,137.30811 469.880987,137.039414 469.499209,136.735405 C468.410133,135.868178 467.321384,134.888304 466.302433,133.812745 C463.330787,130.676008 461.528386,127.371605 461.528386,124 C461.528386,118.477153 466.005538,114 471.528386,114 Z M471.528386,116 C467.110108,116 463.528386,119.581722 463.528386,124 C463.528386,126.753396 465.100984,129.636493 467.754338,132.437255 C468.704138,133.439822 469.724764,134.358385 470.745062,135.170845 C470.923314,135.312786 471.09502,135.446221 471.259072,135.570828 L471.259072,135.570828 L471.528386,135.772 L472.049379,135.377337 L472.311709,135.170845 C473.332008,134.358385 474.352634,133.439822 475.302433,132.437255 C477.955787,129.636493 479.528386,126.753396 479.528386,124 C479.528386,119.581722 475.946664,116 471.528386,116 Z M471.528386,120 C473.737525,120 475.528386,121.790861 475.528386,124 C475.528386,126.209139 473.737525,128 471.528386,128 C469.319247,128 467.528386,126.209139 467.528386,124 C467.528386,121.790861 469.319247,120 471.528386,120 Z M471.528386,122 C470.423816,122 469.528386,122.895431 469.528386,124 C469.528386,125.104569 470.423816,126 471.528386,126 C472.632955,126 473.528386,125.104569 473.528386,124 C473.528386,122.895431 472.632955,122 471.528386,122 Z" transform="translate(-461 -114)"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.8 KiB

3
src/images/night.svg
View File

@ -1,3 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
<path d="M68.251715,1.48467401 C63.7705416,1.89879169 60.3850876,5.72803188 60.5233007,10.2261765 C60.6615137,14.7243211 64.2756789,18.3384863 68.7738235,18.4766993 C73.2719681,18.6149124 77.1012083,15.2294584 77.515326,10.748285 C77.5830192,10.0157759 76.7526956,9.54782214 76.1611281,9.98508615 C74.1271566,11.4885197 71.2993277,11.277641 69.5108434,9.48915662 C67.722359,7.70067227 67.5114803,4.87284342 69.0149138,2.83887193 C69.4521779,2.24730437 68.9842241,1.4169808 68.251715,1.48467401 Z M66.7171336,3.55728291 L66.6852862,3.6460229 C65.8505168,6.05604405 66.4209528,8.80797941 68.3064867,10.6935133 L68.475075,10.8564688 C70.3536034,12.6113867 73.0148389,13.1249311 75.3539771,12.3147138 L75.4418655,12.2820148 L75.387689,12.4308897 C74.3678817,15.0601698 71.7769159,16.864953 68.826133,16.7742852 C65.2276173,16.6637148 62.3362852,13.7723827 62.2257148,10.173867 C62.135047,7.22308409 63.9398302,4.6321183 66.5691103,3.61231098 L66.7171336,3.55728291 Z" transform="translate(-60 -1)"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.1 KiB

3
src/images/star.svg
View File

@ -1,3 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22">
<path d="M277.224117,160.041727 L270.833489,160.976241 L270.719759,160.99926 C269.984539,161.191095 269.715057,162.131457 270.280384,162.682085 L274.903117,167.184727 L273.812508,173.546684 L273.79948,173.656809 C273.750093,174.418195 274.563285,174.969073 275.263568,174.600801 L280.978117,171.595727 L286.692665,174.600801 L286.793369,174.647235 C287.502193,174.929575 288.277475,174.326512 288.143725,173.546684 L287.052117,167.184727 L291.67585,162.682085 L291.754434,162.59671 C292.237203,162.009954 291.903616,161.090377 291.122745,160.976241 L284.731117,160.041727 L281.874824,154.253103 C281.507989,153.509935 280.448245,153.509935 280.081409,154.253103 L277.224117,160.041727 Z M280.978117,156.953727 L283.171409,161.398351 L283.232167,161.504552 C283.387936,161.741862 283.638804,161.903602 283.923489,161.945213 L288.829117,162.661727 L285.280384,166.119369 L285.19801,166.210064 C285.020147,166.43179 284.943805,166.720808 284.992508,167.004771 L285.829117,171.886727 L281.443568,169.580654 L281.331861,169.530374 C281.066038,169.429813 280.767626,169.446573 280.512665,169.580654 L276.126117,171.886727 L276.963725,167.004771 L276.977011,166.882974 C276.990467,166.599043 276.882239,166.320393 276.67585,166.119369 L273.126117,162.661727 L278.032745,161.945213 C278.358099,161.897658 278.639284,161.693199 278.784824,161.398351 L280.978117,156.953727 Z" transform="translate(-270 -153)"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.5 KiB

3
src/images/styleguide.svg
View File

@ -1,3 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="19" height="22" viewBox="0 0 19 22">
<path d="M333.374127,156 C333.416717,156 333.458686,156.002663 333.499876,156.00783 C333.510074,156.009224 333.520504,156.010711 333.530899,156.012361 C333.56252,156.017204 333.593433,156.023616 333.623789,156.031417 C333.633932,156.03428 333.644017,156.03705 333.654052,156.039976 C333.685066,156.048732 333.715477,156.059226 333.745185,156.071104 C333.754146,156.07497 333.763183,156.078734 333.772164,156.082631 C333.800426,156.094638 333.827788,156.108068 333.854412,156.122674 C333.864782,156.128558 333.875385,156.134613 333.885881,156.140865 C333.914033,156.157498 333.941153,156.175549 333.9673,156.194845 C334.007104,156.224207 334.045389,156.257049 334.081233,156.292893 L333.98796,156.210506 C333.991855,156.213539 333.995727,156.2166 333.999576,156.219689 L334.081233,156.292893 L340.081233,162.292893 C340.110571,162.322231 340.138094,162.353383 340.16362,162.386167 C340.169292,162.39354 340.174492,162.400418 340.179597,162.407358 C340.198577,162.432973 340.216629,162.460093 340.23335,162.4881 C340.239513,162.498741 340.245568,162.509345 340.251425,162.52005 C340.266059,162.546339 340.279488,162.5737 340.291671,162.601729 C340.295392,162.610943 340.299157,162.619981 340.302788,162.629072 C340.3149,162.658649 340.325394,162.68906 340.334425,162.720094 C340.337077,162.73011 340.339847,162.740195 340.342459,162.750326 C340.350511,162.780694 340.356923,162.811607 340.361874,162.843005 C340.369945,162.894759 340.374127,162.947164 340.374127,163 L340.366296,162.87425 C340.366677,162.877289 340.367045,162.880332 340.367399,162.883379 L340.374127,163 L340.374127,175 C340.374127,176.656854 339.030981,178 337.374127,178 L337.374127,178 L325.374127,178 C323.717272,178 322.374127,176.656854 322.374127,175 L322.374127,175 L322.374127,159 C322.374127,157.343146 323.717272,156 325.374127,156 L325.374127,156 L333.374127,156 L333.374127,156 Z M332.374127,158 L325.374127,158 C324.821842,158 324.374127,158.447715 324.374127,159 L324.374127,159 L324.374127,175 C324.374127,175.552285 324.821842,176 325.374127,176 L325.374127,176 L337.374127,176 C337.926411,176 338.374127,175.552285 338.374127,175 L338.374127,175 L338.374127,164 L333.374127,164 C332.861291,164 332.438619,163.61396 332.380854,163.116621 L332.374127,163 L332.374127,158 Z M335.374127,171 C335.926411,171 336.374127,171.447715 336.374127,172 C336.374127,172.512836 335.988086,172.935507 335.490748,172.993272 L335.374127,173 L327.374127,173 C326.821842,173 326.374127,172.552285 326.374127,172 C326.374127,171.487164 326.760167,171.064493 327.257505,171.006728 L327.374127,171 L335.374127,171 Z M335.374127,167 C335.926411,167 336.374127,167.447715 336.374127,168 C336.374127,168.512836 335.988086,168.935507 335.490748,168.993272 L335.374127,169 L327.374127,169 C326.821842,169 326.374127,168.552285 326.374127,168 C326.374127,167.487164 326.760167,167.064493 327.257505,167.006728 L327.374127,167 L335.374127,167 Z M329.374127,163 C329.926411,163 330.374127,163.447715 330.374127,164 C330.374127,164.512836 329.988086,164.935507 329.490748,164.993272 L329.374127,165 L327.374127,165 C326.821842,165 326.374127,164.552285 326.374127,164 C326.374127,163.487164 326.760167,163.064493 327.257505,163.006728 L327.374127,163 L329.374127,163 Z M334.374127,159.415 L334.374127,162 L336.959127,162 L334.374127,159.415 Z" transform="translate(-322 -156)"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 3.3 KiB

3
src/images/twitter.svg
View File

@ -1,3 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="21" viewBox="0 0 24 21">
<path d="M184.290609,115.939447 C182.338765,116.782246 181.049599,118.681296 180.98669,120.806395 L180.984686,121.006 L180.717542,120.982753 C177.954164,120.698088 175.422631,119.231494 173.803042,116.925289 C173.356348,116.289221 172.386545,116.383601 172.070874,117.093862 C171.940603,117.386972 171.757242,117.886721 171.576837,118.549972 C170.980449,120.742575 170.876104,123.051271 171.590978,125.248203 L171.686728,125.527634 C172.3864,127.47009 173.704859,129.126379 175.700639,130.408517 L175.897686,130.532 L175.777979,130.588002 C174.292242,131.250028 172.666391,131.566101 171.02443,131.50079 C169.97204,131.45893 169.578361,132.862667 170.499043,133.374157 C180.538619,138.9517 191.984686,132.859438 191.984686,121 L191.977918,120.74298 L191.960686,120.508 L192.079879,120.376964 C192.983314,119.332201 193.627911,118.085003 193.956288,116.736618 C194.174918,115.838879 193.16332,115.15025 192.408279,115.682837 L192.077821,115.906104 C191.520013,116.266827 190.927594,116.570311 190.309615,116.812144 L190.114686,116.883 L190.083908,116.855228 C188.5724,115.524693 186.428319,115.118077 184.510179,115.850192 L184.290609,115.939447 Z M189.090131,118.686238 C189.348253,118.983031 189.756388,119.100942 190.133019,118.98753 L190.538808,118.857369 L190.821686,118.754 C190.630371,119.005551 190.424613,119.238961 190.202513,119.457993 C189.964847,119.692376 189.859798,120.02989 189.922469,120.35775 C189.963145,120.570546 189.983975,120.786659 189.984691,121.003306 L189.981771,121.310249 C189.816626,129.963465 182.671989,134.908077 175.174233,133.088866 L174.914686,133.022 L175.102701,132.969104 C176.319415,132.601537 177.481362,132.050277 178.546316,131.327389 C179.195291,130.886865 179.107587,129.90475 178.390824,129.586188 C175.719698,128.399021 174.169851,126.709967 173.492824,124.629348 L173.392451,124.295324 C172.990685,122.840187 173.016944,121.288372 173.338061,119.771848 L173.389686,119.542 L173.483344,119.638501 C175.721672,121.866217 178.795408,123.113034 182.010607,123.029664 C182.552612,123.01561 182.984686,122.572188 182.984686,122.03 L182.984686,121.03 C182.965021,119.556472 183.859096,118.239425 185.223355,117.718715 C186.587615,117.198005 188.131857,117.584397 189.090131,118.686238 Z" transform="translate(-170 -115)"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 2.3 KiB

4
src/pages/index.jsx
View File

@ -4,9 +4,9 @@ import { Link, graphql } from 'gatsby'
import shortid from 'shortid'
import SEO from '../components/atoms/SEO'
import ProjectImage from '../components/atoms/ProjectImage'
import { ReactComponent as Images } from '../images/images.svg'
import styles from './index.module.scss'
import Repositories from '../components/organisms/Repositories'
import Icon from '../components/atoms/Icon'
function getImageCount(images, slug) {
let array = []
@ -43,7 +43,7 @@ function Project({ node, images }) {
className={styles.imageCount}
title={`${imageCount} project images`}
>
<Images /> {imageCount}
<Icon name="image" /> {imageCount}
</small>
)}
</Link>

1
src/pages/index.module.scss
View File

@ -78,7 +78,6 @@
transition: transform 0.25s ease-out;
svg {
fill: currentColor;
width: $font-size-base;
height: $font-size-base;
}

2
src/templates/Project.jsx
View File

@ -93,7 +93,7 @@ export const projectQuery = graphql`
links {
title
url
type
icon
}
techstack
img {