1- import * as React from " react"
2- import { Link } from " gatsby"
1+ import * as React from ' react' ;
2+ import { Link } from ' gatsby' ;
33
44// styles
55const pageStyles = {
6- color : " #232129" ,
7- padding : " 96px" ,
8- fontFamily : " -apple-system, Roboto, sans-serif, serif" ,
9- }
6+ color : ' #232129' ,
7+ padding : ' 96px' ,
8+ fontFamily : ' -apple-system, Roboto, sans-serif, serif' ,
9+ } ;
1010const headingStyles = {
1111 marginTop : 0 ,
1212 marginBottom : 64 ,
1313 maxWidth : 320 ,
14- }
14+ } ;
1515
1616const paragraphStyles = {
1717 marginBottom : 48 ,
18- }
18+ } ;
1919const codeStyles = {
20- color : " #8A6534" ,
20+ color : ' #8A6534' ,
2121 padding : 4 ,
22- backgroundColor : " #FFF4DB" ,
23- fontSize : " 1.25rem" ,
22+ backgroundColor : ' #FFF4DB' ,
23+ fontSize : ' 1.25rem' ,
2424 borderRadius : 4 ,
25- }
25+ } ;
2626
2727// markup
2828const NotFoundPage = ( ) => {
@@ -31,24 +31,24 @@ const NotFoundPage = () => {
3131 < title > Not found</ title >
3232 < h1 style = { headingStyles } > Page not found</ h1 >
3333 < p style = { paragraphStyles } >
34- Sorry{ " " }
35- < span role = " img" aria-label = " Pensive emoji" >
34+ Sorry{ ' ' }
35+ < span role = ' img' aria-label = ' Pensive emoji' >
3636 😔
37- </ span > { " " }
37+ </ span > { ' ' }
3838 we couldn’t find what you were looking for.
3939 < br />
40- { process . env . NODE_ENV === " development" ? (
40+ { process . env . NODE_ENV === ' development' ? (
4141 < >
4242 < br />
4343 Try creating a page in < code style = { codeStyles } > src/pages/</ code > .
4444 < br />
4545 </ >
4646 ) : null }
4747 < br />
48- < Link to = "/" > Go home</ Link > .
48+ < Link to = '/' > Go home</ Link > .
4949 </ p >
5050 </ main >
51- )
52- }
51+ ) ;
52+ } ;
5353
54- export default NotFoundPage
54+ export default NotFoundPage ;
0 commit comments