|
|
@ -10,10 +10,10 @@ export default () => (
|
|
|
|
<div className="mb4">
|
|
|
|
<div className="mb4">
|
|
|
|
<h2>What does this do?</h2>
|
|
|
|
<h2>What does this do?</h2>
|
|
|
|
<p>
|
|
|
|
<p>
|
|
|
|
You know all of those code screenshots you see on Twitter? Although the code's usually
|
|
|
|
You know all of those code screenshots you see on Twitter? Although the code's
|
|
|
|
impressive, we saw room for improvement in the aesthetic department. Carbon is the easiest
|
|
|
|
usually impressive, we saw room for improvement in the aesthetic department. Carbon is the
|
|
|
|
way to create beautiful images of your source code. So what are you waiting for? Go
|
|
|
|
easiest way to create beautiful images of your source code. So what are you waiting for?
|
|
|
|
impress all of your followers with your newfound design prowess. <span>🎨</span>
|
|
|
|
Go impress all of your followers with your newfound design prowess. <span>🎨</span>
|
|
|
|
</p>
|
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div className="mb4">
|
|
|
|
<div className="mb4">
|
|
|
@ -34,12 +34,17 @@ export default () => (
|
|
|
|
</ul>
|
|
|
|
</ul>
|
|
|
|
<h4 className="mb0">Customization</h4>
|
|
|
|
<h4 className="mb0">Customization</h4>
|
|
|
|
<p className="mt2 mb3">
|
|
|
|
<p className="mt2 mb3">
|
|
|
|
Once you've got all of your code into Carbon, you can customize your image by changing the
|
|
|
|
Once you've got all of your code into Carbon, you can customize your image by
|
|
|
|
syntax theme, background color, window theme, or padding.
|
|
|
|
changing the syntax theme, background color/image, window theme, or padding.
|
|
|
|
|
|
|
|
</p>
|
|
|
|
|
|
|
|
<p className="mt2 mb3">
|
|
|
|
|
|
|
|
You can even drop an image file onto the editor to set the background to that image. Give
|
|
|
|
|
|
|
|
it a try!
|
|
|
|
</p>
|
|
|
|
</p>
|
|
|
|
<h4 className="mb0">Export/Sharing</h4>
|
|
|
|
<h4 className="mb0">Export/Sharing</h4>
|
|
|
|
<p className="mt2">
|
|
|
|
<p className="mt2">
|
|
|
|
After you've customized your image you can Tweet a link to the image, or save it directly.
|
|
|
|
After you've customized your image you can Tweet a link to the image, or save it
|
|
|
|
|
|
|
|
directly.
|
|
|
|
</p>
|
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|