prehistoric-systems/security-checklist
1
0
Fork 0
mirror of https://github.com/brianlovin/security-checklist.git synced 2026-03-11 08:55:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add share buttons to home page

Browse source
This commit is contained in:
Brian Lovin 2019-01-13 12:49:54 -08:00
parent 276ea5790c
commit fa064f0ffb
3 changed files with 11 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
components/PostShareButtons/index.js → components/ShareButtons/index.js
View file

@ -22,7 +22,9 @@ export default function ShareButtons() {
<TwitterButton>Tweet</TwitterButton>
</a>
<CopyLinkButton text="https://securitycheckli.st">Copy</CopyLinkButton>
<CopyLinkButton text="https://securitycheckli.st">
Share Link
</CopyLinkButton>
</Container>
);
}

2
components/PostShareButtons/style.js → components/ShareButtons/style.js
View file

@ -5,6 +5,8 @@ export const Container = styled.div`
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 16px;
margin-top: 32px;
margin-bottom: 8px;
button {
width: 100%;

9
pages/index.js
View file

@ -3,6 +3,7 @@ import * as React from 'react';
import Page, { SectionHeading, Heading, Subheading } from '../components/Page';
import type { GetInitialProps } from '../types';
import Checklist from '../components/Checklist';
import ShareButtons from '../components/ShareButtons';
class Index extends React.Component<{}> {
static async getInitialProps({ res }: GetInitialProps) {
@ -19,13 +20,15 @@ class Index extends React.Component<{}> {
return (
<Page>
<SectionHeading>
<Heading>Improve your online privacy and security</Heading>
<Heading>Improve your digital privacy and security</Heading>
<Subheading>
The follow resources are designed to improve everyday people’s
security and privacy while using the internet.
The following resources are designed to keep you safe while using
digital devices and the internet.
</Subheading>
</SectionHeading>
<ShareButtons />
<Checklist />
</Page>
);