diff --git a/components/Header/Logo.js b/components/Header/Logo.js new file mode 100644 index 0000000..211599b --- /dev/null +++ b/components/Header/Logo.js @@ -0,0 +1,49 @@ +// @flow +import React from 'react'; + +const Logo = () => ( + + + + + + + + + + + + + + +); + +export default Logo; diff --git a/components/Header/index.js b/components/Header/index.js index 55b108f..f19b22d 100644 --- a/components/Header/index.js +++ b/components/Header/index.js @@ -1,8 +1,9 @@ // @flow import * as React from 'react'; import Link from 'next/link'; -import { Container, Logo, ButtonRowContainer } from './style'; +import { Container, ButtonRowContainer } from './style'; import { PrimaryButton, GhostButton } from '../Button'; +import Logo from './Logo'; type Props = { showHeaderShadow: boolean, @@ -15,7 +16,7 @@ export default function Header(props: Props) { - Security Checklist + diff --git a/components/Icon/index.js b/components/Icon/index.js index 7f8bbba..5440966 100644 --- a/components/Icon/index.js +++ b/components/Icon/index.js @@ -81,7 +81,10 @@ export const Glyph = ({ glyph }: GlyphProps): any => { case 'app-store': return ( - + + + + ); case 'windows': diff --git a/components/LoadingChecklistItem/index.js b/components/LoadingChecklistItem/index.js index c1ec06a..ca79e8e 100644 --- a/components/LoadingChecklistItem/index.js +++ b/components/LoadingChecklistItem/index.js @@ -4,71 +4,73 @@ import { ShimmerInboxThread, ShimmerBase, ShimmerLine, Cover } from './style'; import Card from '../Card'; const LoadingChecklistItem = () => ( - - - - - - +
+ + + + + + - + - - - - - - - + + + + + + + +
); export default LoadingChecklistItem; diff --git a/config/next-seo.js b/config/next-seo.js index b972bbc..f6b1e1a 100644 --- a/config/next-seo.js +++ b/config/next-seo.js @@ -7,17 +7,17 @@ export default { url: 'https://securitycheckli.st/', title: 'Security Checklist', description: 'A checklist for staying safe on the internet', - defaultImageWidth: 470, - defaultImageHeight: 470, + defaultImageWidth: 512, + defaultImageHeight: 512, images: [ { - url: 'https://securitycheckli.st/static/og-image.jpg', - width: 470, - height: 470, - alt: 'Brian Lovin', + url: 'https://securitycheckli.st/static/og-image.png', + width: 512, + height: 512, + alt: 'Security Checklist', }, ], - site_name: 'Brian Lovin', + site_name: 'Security Checklist', }, twitter: { handle: '@brian_lovin', diff --git a/pages/_app.js b/pages/_app.js index 88e66bd..ede793f 100644 --- a/pages/_app.js +++ b/pages/_app.js @@ -44,7 +44,8 @@ class SecurityChecklistApp extends App { - + + - + + + + + + + + + + + + + +