title | date |
---|---|
Pandas and Bananas |
2017-08-21 |
Do Pandas eat bananas? Check out this short video that shows that yes! pandas do seem to really enjoy bananas!
title | date |
---|---|
Pandas and Bananas |
2017-08-21 |
Do Pandas eat bananas? Check out this short video that shows that yes! pandas do seem to really enjoy bananas!
import React from "react" | |
import { graphql } from "gatsby" | |
import Layout from "../components/layout" | |
export default ({ data }) => { | |
console.log(data) | |
return ( | |
<Layout> | |
<div> | |
<h1>My Site's Files</h1> |
import React from "react" | |
import { graphql } from "gatsby" | |
import { css } from "@emotion/core" | |
import { rhythm } from "../utils/typography" | |
import Layout from "../components/layout" | |
export default ({ data }) => { | |
console.log(data) | |
return ( | |
<Layout> |
import React from "react" | |
import { useStaticQuery, Link, graphql } from "gatsby" | |
const ListLink = props => ( | |
<li style={{ display: `inline-block`, marginRight: `1rem` }}> | |
<Link to={props.to}>{props.children}</Link> | |
</li> | |
) | |
export default ({ children }) => { | |
const data = useStaticQuery( |
import React from "react" | |
import { graphql } from "gatsby" | |
import Layout from "../components/layout" | |
export default ({ data }) => ( | |
<Layout> | |
<h1>About {data.site.siteMetadata.title}</h1> | |
<p> | |
We're the only site running on your computer dedicated to showing the best | |
photos and videos of pandas eating lots of food. |
import React from "react" | |
import { Link } from "gatsby" | |
const ListLink = props => ( | |
<li style={{ display: `inline-block`, marginRight: `1rem` }}> | |
<Link to={props.to}>{props.children}</Link> | |
</li> | |
) | |
export default ({ children }) => ( | |
<div style={{ margin: `3rem auto`, maxWidth: 650, padding: `0 1rem` }}> |
import React from "react" | |
export default () => ( | |
<div> | |
<h1>About me</h1> | |
<p>I’m good enough, I’m smart enough, and gosh darn it, people like me!</p> | |
</div> | |
) |
import React from "react" | |
export default () => ( | |
<div> | |
<h1>I'd love to talk! Email me at the address below</h1> | |
<p> | |
<a href="me@example.com">me@example.com</a> | |
</p> | |
</div> | |
) |
import React from "react" | |
export default () => ( | |
<div> | |
<h1>Hi! I'm building a fake Gatsby site as part of a tutorial!</h1> | |
<p> | |
What do I like to do? Lots of course but definitely enjoy building | |
websites. | |
</p> | |
</div> |
import React from "react" | |
import styles from "./about-css-modules.module.css" | |
import Container from "../components/container" | |
console.log(styles) | |
const User = props => ( | |
<div className={styles.user}> | |
<img src={props.avatar} className={styles.avatar} alt="" /> | |
<div className={styles.description}> |