Skip to content

Instantly share code, notes, and snippets.

@johnrjj

johnrjj/dothething.jsx

Created February 11, 2019 18:23
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save johnrjj/3134602ddaa3c70eb97c35c8cd0606e4 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save johnrjj/3134602ddaa3c70eb97c35c8cd0606e4 to your computer and use it in GitHub Desktop.
Download ZIP
app.js for tooltips
Raw
dothething.jsx
class App extends Component {
render() {
return (
<FullscreenContainer>
<TooltipManager>
<Canvas>
<div>
I'm, like, always trying to save the planet? Here's my chance. I was part of something special.
Checkmate... Life finds a way.
<TooltipTrigger content={<TooltipContainer>from blue</TooltipContainer>} arrow={true}>
<HighlightBlue>
Do you have{' '}
<TooltipTrigger
priority={100}
content={<TooltipContainer>from purple</TooltipContainer>}
arrow={true}
>
<HighlightPurple>any idea</HighlightPurple>
</TooltipTrigger>{' '}
how long
<TooltipTrigger priority={50} content={<TooltipContainer>from orange</TooltipContainer>} arrow={true}>
<HighlightOrange>
it takes those
<TooltipTrigger
priority={10}
content={<TooltipContainer>from purple</TooltipContainer>}
arrow={true}
>
<HighlightPurple>cups</HighlightPurple>
</TooltipTrigger>
to
</HighlightOrange>
</TooltipTrigger>{' '}
decompose. Yeah, but{' '}
<TooltipTrigger priority={30} content={<TooltipContainer>from green</TooltipContainer>} arrow={true}>
<HighlightGreen>John</HighlightGreen>
</TooltipTrigger>
</HighlightBlue>
</TooltipTrigger>
You really think you can fly that thing? Hey, take a look at the earthlings. Goodbye! They're using our
own satellites against us. And the clock is ticking. God help us, we're in the hands of engineers. Remind
me to thank John for a lovely weekend. God creates dinosaurs. God destroys dinosaurs. God creates Man. Man
destroys God. Man creates Dinosaurs. Remind me to thank John for a lovely weekend. Must go faster. Must go
faster... go, go, go, go, go! God help us, we're in the hands of engineers. Eventually, you do plan to
have dinosaurs on your dinosaur tour, right? I gave it a cold? I gave it a virus. A computer virus. Life
finds a way. You really think you can fly that thing? God help us, we're in the hands of engineers. God
help us, we're in the hands of engineers. Life finds a way. God help us, we're in the hands of engineers.
Eventually, you do plan to have dinosaurs on your dinosaur tour, right? I was part of something special.
You really think you can fly that thing? You're a very talented young man, with your own clever thoughts
and ideas. Do you need a manager? Life finds a way. Must go faster... go, go, go, go, go! Hey, take a look
at the earthlings. Goodbye! Jaguar shark! So tell me - does it really exist? You really think you can fly
that thing? Remind me to thank John for a lovely weekend. What do they got in there? King Kong? You're a
very talented young man, with your own clever thoughts and ideas. Do you need a manager? This thing comes
fully loaded. AM/FM radio, reclining bucket seats, and... power windows. Life finds a way. I was part of
something special. My dad once told me, laugh and the world laughs with you, Cry, and I'll give you
something to cry about you little bastard! Life finds a way. I gave it a cold? I gave it a virus. A
computer virus. We gotta burn the rain forest, dump toxic waste, pollute the air, and rip up the OZONE!
'Cause maybe if we screw up this planet enough, they won't want it anymore! You're a very talented young
man, with your own clever thoughts and ideas. Do you need a manager?
</div>
<div>
Lorem ipsum dolor amet brooklyn fingerstache copper mug, before they sold out wayfarers twee aesthetic
taiyaki DIY pinterest. Mustache actually distillery, hammock jean shorts art party street art chartreuse
hashtag tofu biodiesel XOXO vinyl. Etsy fam poutine dreamcatcher. Vice gluten-free woke kogi, everyday
carry coloring book mlkshk cloud bread wolf yr ugh banjo gastropub. Street art thundercats succulents swag
coloring book normcore fixie, waistcoat cold-pressed lumbersexual scenester ugh literally. Keytar
chicharrones seitan vegan migas synth occupy lumbersexual next level asymmetrical cardigan post-ironic
taiyaki sriracha readymade. Chartreuse cred cornhole helvetica before they sold out organic activated
charcoal. 8-bit blue bottle schlitz organic. Messenger bag narwhal sriracha 3 wolf moon YOLO. Unicorn
poutine tousled wolf schlitz. Chartreuse letterpress tumblr shaman umami forage. Keytar leggings neutra,
DIY lumbersexual poke ugh. Bicycle rights meggings ennui raclette. IPhone neutra small batch shoreditch
salvia, tofu next level ramps put a bird on it. Bespoke farm-to-table truffaut paleo etsy. Knausgaard
synth offal selvage bespoke tattooed. Kinfolk pour-over four loko meditation flannel fanny pack whatever
seitan hashtag fingerstache asymmetrical shoreditch authentic salvia post-ironic. Mumblecore man braid
cronut, live-edge put a bird on it keytar whatever succulents ramps fanny pack yr intelligentsia leggings
ennui. Copper mug XOXO try-hard jianbing viral, ramps umami occupy vegan cloud bread ennui stumptown
drinking vinegar. Swag live-edge adaptogen, mumblecore flannel chambray stumptown letterpress cray tofu
deep v kinfolk neutra forage taxidermy. Tattooed migas glossier echo park, small batch chia live-edge YOLO
listicle pop-up cray offal coloring book artisan hella. Cliche lo-fi keytar, glossier selvage asymmetrical
mumblecore lomo everyday carry bushwick man bun. DIY tote bag williamsburg hammock bitters cornhole
flexitarian cloud bread PBR&B vegan mustache. Echo park man bun vaporware mumblecore kinfolk coloring book
YOLO pug edison bulb trust fund cloud bread tattooed authentic. Selfies fixie tilde organic.
</div>
</Canvas>
</TooltipManager>
</FullscreenContainer>
);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment