├── static
    └── favicon.ico
├── src
    ├── utils
    │   └── typography.js
    ├── pages
    │   ├── about.js
    │   └── index.js
    └── components
    │   └── layout.js
├── gatsby-config.js
├── README.md
├── package.json
├── LICENSE
└── .gitignore


/static/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/stereobooster/gatsby-hello-world/master/static/favicon.ico


--------------------------------------------------------------------------------
/src/utils/typography.js:
--------------------------------------------------------------------------------
1 | import Typography from "typography"
2 | import kirkhamTheme from "typography-theme-kirkham"
3 | 
4 | const typography = new Typography(kirkhamTheme)
5 | 
6 | export default typography
7 | export const rhythm = typography.rhythm
8 | 


--------------------------------------------------------------------------------
/gatsby-config.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   plugins: [
 3 |     `gatsby-plugin-emotion`,
 4 |     {
 5 |       resolve: `gatsby-plugin-typography`,
 6 |       options: {
 7 |         pathToConfigModule: `src/utils/typography`
 8 |       }
 9 |     }
10 |   ]
11 | };
12 | 


--------------------------------------------------------------------------------
/src/pages/about.js:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import Layout from "../components/layout";
 3 | 
 4 | export default () => (
 5 |   <Layout>
 6 |     <h1>About Pandas Eating Lots</h1>
 7 |     <p>
 8 |       We're the only site running on your computer dedicated to showing the best
 9 |       photos and videos of pandas eating lots of food.
10 |     </p>
11 |   </Layout>
12 | );
13 | 


--------------------------------------------------------------------------------
/src/pages/index.js:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import Layout from "../components/layout";
 3 | 
 4 | export default () => (
 5 |   <Layout>
 6 |     <h1>Amazing Pandas Eating Things</h1>
 7 |     <div>
 8 |       <img
 9 |         src="https://2.bp.blogspot.com/-BMP2l6Hwvp4/TiAxeGx4CTI/AAAAAAAAD_M/XlC_mY3SoEw/s1600/panda-group-eating-bamboo.jpg"
10 |         alt="Group of pandas eating bamboo"
11 |       />
12 |     </div>
13 |   </Layout>
14 | );
15 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # gatsby-starter-hello-world
 2 | Starter with the bare essentials needed for a [Gatsby](https://www.gatsbyjs.org/) site.
 3 | 
 4 | Install this starter (assuming Gatsby is installed) by running from your CLI:
 5 | ```
 6 | gatsby new gatsby-site https://github.com/gatsbyjs/gatsby-starter-hello-world
 7 | ```
 8 | 
 9 | Or [view the live demo here](https://gatsby-starter-hello-world-demo.netlify.com/).
10 | 
11 | ## Running in development
12 | `gatsby develop`
13 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "gatsby-starter-hello-world",
 3 |   "description": "Gatsby hello world starter",
 4 |   "license": "MIT",
 5 |   "scripts": {
 6 |     "develop": "gatsby develop",
 7 |     "start": "gatsby develop",
 8 |     "build": "gatsby build",
 9 |     "serve": "gatsby serve"
10 |   },
11 |   "dependencies": {
12 |     "@emotion/core": "^10.0.4",
13 |     "emotion": "^10.0.4",
14 |     "emotion-server": "^10.0.4",
15 |     "gatsby": "2.0.67",
16 |     "gatsby-plugin-emotion": "3.0.1",
17 |     "gatsby-plugin-typography": "2.2.2",
18 |     "react": "^16.5.1",
19 |     "react-dom": "^16.5.1",
20 |     "react-typography": "^0.16.18",
21 |     "typography": "^0.16.18",
22 |     "typography-theme-kirkham": "^0.16.18"
23 |   }
24 | }
25 | 


--------------------------------------------------------------------------------
/src/components/layout.js:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import { css } from "@emotion/core";
 3 | import { Link } from "gatsby";
 4 | 
 5 | import { rhythm } from "../utils/typography";
 6 | 
 7 | export default ({ children }) => (
 8 |   <div
 9 |     css={css`
10 |       margin: 0 auto;
11 |       max-width: 700px;
12 |       padding: ${rhythm(2)};
13 |       padding-top: ${rhythm(1.5)};
14 |     `}
15 |   >
16 |     <Link to={`/`}>
17 |       <h3
18 |         css={css`
19 |           margin-bottom: ${rhythm(2)};
20 |           display: inline-block;
21 |           font-style: normal;
22 |         `}
23 |       >
24 |         Pandas Eating Lots
25 |       </h3>
26 |     </Link>
27 |     <Link
28 |       to={`/about/`}
29 |       css={css`
30 |         float: right;
31 |       `}
32 |     >
33 |       About
34 |     </Link>
35 |     {children}
36 |   </div>
37 | );
38 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2018 gatsbyjs
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # Logs
 2 | logs
 3 | *.log
 4 | npm-debug.log*
 5 | yarn-debug.log*
 6 | yarn-error.log*
 7 | 
 8 | # Runtime data
 9 | pids
10 | *.pid
11 | *.seed
12 | *.pid.lock
13 | 
14 | # Directory for instrumented libs generated by jscoverage/JSCover
15 | lib-cov
16 | 
17 | # Coverage directory used by tools like istanbul
18 | coverage
19 | 
20 | # nyc test coverage
21 | .nyc_output
22 | 
23 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
24 | .grunt
25 | 
26 | # Bower dependency directory (https://bower.io/)
27 | bower_components
28 | 
29 | # node-waf configuration
30 | .lock-wscript
31 | 
32 | # Compiled binary addons (http://nodejs.org/api/addons.html)
33 | build/Release
34 | 
35 | # Dependency directories
36 | node_modules/
37 | jspm_packages/
38 | 
39 | # Typescript v1 declaration files
40 | typings/
41 | 
42 | # Optional npm cache directory
43 | .npm
44 | 
45 | # Optional eslint cache
46 | .eslintcache
47 | 
48 | # Optional REPL history
49 | .node_repl_history
50 | 
51 | # Output of 'npm pack'
52 | *.tgz
53 | 
54 | # dotenv environment variables file
55 | .env
56 | 
57 | # gatsby files
58 | .cache/
59 | public
60 | 
61 | # Mac files
62 | .DS_Store
63 | 
64 | # Yarn
65 | yarn-error.log
66 | .pnp/
67 | .pnp.js
68 | # Yarn Integrity file
69 | .yarn-integrity
70 | 


--------------------------------------------------------------------------------