Skip to content

Instantly share code, notes, and snippets.

View siisee11's full-sized avatar
🔴
The Climb

Jaeyoun Nam siisee11

🔴
The Climb
View GitHub Profile
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>
@siisee11
siisee11 / index.js
Created January 9, 2020 12:34
gatsby
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>
@siisee11
siisee11 / index.js
Created January 5, 2020 12:21
graphql
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(
@siisee11
siisee11 / about.js
Created January 5, 2020 12:10
Medium
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.
@siisee11
siisee11 / layout.js
Created January 3, 2020 03:41
With navigation
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` }}>
@siisee11
siisee11 / about.js
Created January 3, 2020 03:26
gatsby tuto
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>
)
@siisee11
siisee11 / contact.js
Created January 3, 2020 03:25
gatsby tuto
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>
)
@siisee11
siisee11 / index.js
Created January 2, 2020 12:46
index.js
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>
@siisee11
siisee11 / about-css-modules.js
Created January 1, 2020 07:36
about-css-modules.js
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}>