HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug.
In CodePen, whatever you write in the HTML editor is what goes within the <body>
tags in a basic HTML5 template. So you don't have access to higher-up elements like the <html>
tag. If you want to add classes there that can affect the whole document, this is the place to do it.
In CodePen, whatever you write in the HTML editor is what goes within the <body>
tags in a basic HTML5 template. If you need things in the <head>
of the document, put that code here.
The resource you are linking to is using the 'http' protocol, which may not work when the browser is using https.
CSS preprocessors help make authoring CSS easier. All of them offer things like variables and mixins to provide convenient abstractions.
It's a common practice to apply CSS to a page that styles elements such that they are consistent across all browsers. We offer two of the most popular choices: normalize.css and a reset. Or, choose Neither and nothing will be applied.
To get the best cross-browser support, it is a common practice to apply vendor prefixes to CSS properties and values that require them to work. For instance -webkit-
or -moz-
.
We offer two popular choices: Autoprefixer (which processes your CSS server-side) and -prefix-free (which applies prefixes via a script, client-side).
Any URLs added here will be added as <link>
s in order, and before the CSS in the editor. You can use the CSS from another Pen by using its URL and the proper URL extension.
You can apply CSS to your Pen from any stylesheet on the web. Just put a URL to it here and we'll apply it, in the order you have them, before the CSS in the Pen itself.
You can also link to another Pen here (use the .css
URL Extension) and we'll pull the CSS from that Pen and include it. If it's using a matching preprocessor, use the appropriate URL Extension and we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.
JavaScript preprocessors can help make authoring JavaScript easier and more convenient.
Babel includes JSX processing.
Any URL's added here will be added as <script>
s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.
You can apply a script from anywhere on the web to your Pen. Just put a URL to it here and we'll add it, in the order you have them, before the JavaScript in the Pen itself.
If the script you link to has the file extension of a preprocessor, we'll attempt to process it before applying.
You can also link to another Pen here, and we'll pull the JavaScript from that Pen and include it. If it's using a matching preprocessor, we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.
Search for and use JavaScript packages from npm here. By selecting a package, an import
statement will be added to the top of the JavaScript editor for this package.
Using packages here is powered by esm.sh, which makes packages from npm not only available on a CDN, but prepares them for native JavaScript ESM usage.
All packages are different, so refer to their docs for how they work.
If you're using React / ReactDOM, make sure to turn on Babel for the JSX processing.
If active, Pens will autosave every 30 seconds after being saved once.
If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.
If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.
Visit your global Editor Settings.
<div class="banana"></div>
// Variables
$pixel-size: 5px;
// Colors
$__: null;
$bk: #000;
$gn: #360;
$ly: #ff0;
$my: #cc0;
$dy: #990;
$rd: #f00;
// Frames - zoom out in your browser until you can see the full picture in the source code for easy editing
$frames:
(
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $dy $dy $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $dy $ly $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $my $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $my $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $bk $ly $ly $my $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $__ $bk $__ $__ $__ $bk $ly $my $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $__ $__ $bk $ly $my $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $__ $bk $__ $__ $__ $bk $ly $my $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $bk $ly $ly $bk $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $bk $bk $bk $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $rd $rd $bk $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $rd $rd $rd $bk $my $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $rd $bk $bk $ly $my $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $ly $ly $ly $my $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $__ $__ $__ $bk $ly $ly $ly $ly $my $my $bk $bk $__ $bk $bk $bk $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $bk $__ $__ $bk $bk $__ $bk $bk $ly $ly $ly $ly $my $my $bk $__ $bk $bk $__ $__ $bk $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $bk $__ $__ $__ $bk $__ $bk $ly $ly $ly $ly $my $my $bk $bk $__ $bk $__ $__ $__ $bk $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $bk $__ $__ $bk $bk $__ $bk $ly $ly $ly $my $my $my $bk $__ $__ $bk $bk $__ $__ $bk $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $__ $bk $bk $ly $ly $my $my $my $bk $bk $__ $__ $gn $bk $bk $bk $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $__ $bk $ly $ly $my $my $my $bk $bk $gn $__ $gn $gn $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $gn $bk $bk $my $my $bk $bk $bk $__ $gn $gn $gn $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $gn $gn $bk $bk $bk $bk $bk $gn $gn $gn $gn $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $gn $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $bk $__ $__ $__ $bk $bk $bk $__ $__ $__ $bk $bk $bk $__ $__ $__ $bk $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $bk $__ $__ $__ $__ $__ $bk $__ $__ $__ $bk $__ $__ $__ $__ $__ $bk $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $bk $bk $__ $__ $__ $bk $bk $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__
),
(
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $dy $dy $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $dy $ly $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $my $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $my $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $bk $ly $ly $my $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $__ $bk $__ $__ $__ $bk $ly $my $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $__ $__ $bk $ly $my $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $__ $bk $__ $__ $__ $bk $ly $my $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $bk $ly $ly $bk $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $bk $bk $bk $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $rd $rd $bk $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $rd $rd $rd $bk $my $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $rd $bk $bk $ly $my $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $ly $ly $ly $my $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $__ $__ $__ $__ $__ $bk $ly $ly $ly $ly $ly $my $my $bk $__ $__ $__ $bk $bk $bk $__ $__ $__,
$__ $__ $__ $__ $__ $__ $bk $__ $__ $bk $bk $__ $__ $__ $__ $bk $ly $ly $ly $ly $my $my $bk $bk $__ $__ $bk $bk $__ $__ $bk $__ $__,
$__ $__ $__ $__ $__ $__ $bk $__ $__ $__ $bk $__ $__ $__ $bk $bk $ly $ly $ly $ly $my $my $bk $__ $__ $__ $bk $__ $__ $__ $bk $__ $__,
$__ $__ $__ $__ $__ $__ $bk $__ $__ $bk $bk $__ $__ $__ $bk $ly $ly $ly $ly $my $my $bk $bk $__ $__ $__ $bk $bk $__ $__ $bk $__ $__,
$__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $gn $gn $__ $gn $bk $ly $ly $ly $my $my $my $bk $gn $gn $__ $gn $gn $bk $bk $bk $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $gn $bk $bk $ly $ly $my $my $my $bk $bk $__ $gn $gn $gn $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $my $my $my $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $bk $bk $my $my $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $gn $bk $bk $bk $bk $bk $__ $gn $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $__ $__ $__ $__ $__ $__ $__ $__ $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $bk $__ $__ $__ $__ $bk $bk $__ $__ $__ $bk $bk $__ $__ $__ $__ $bk $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $bk $__ $__ $__ $__ $__ $bk $__ $__ $__ $bk $__ $__ $__ $__ $__ $bk $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $bk $__ $__ $__ $__ $__ $bk $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__
),
(
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $dy $dy $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $dy $dy $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $dy $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $ly $ly $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $my $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $ly $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $ly $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $__,
$__ $bk $__ $__ $bk $bk $__ $__ $__ $__ $__ $__ $bk $__ $__ $__ $bk $__ $__ $__ $bk $bk $__ $__ $__ $__ $__ $__ $bk $bk $__ $__ $bk,
$__ $bk $__ $__ $__ $bk $__ $__ $__ $__ $__ $__ $bk $__ $bk $__ $bk $__ $bk $__ $bk $bk $__ $__ $__ $__ $__ $__ $bk $__ $__ $__ $bk,
$__ $bk $__ $__ $bk $bk $__ $__ $__ $__ $__ $__ $bk $__ $__ $__ $bk $__ $__ $__ $bk $bk $__ $__ $__ $__ $__ $__ $bk $bk $__ $__ $bk,
$__ $__ $bk $bk $bk $gn $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $ly $bk $bk $bk $my $bk $__ $__ $__ $__ $__ $__ $gn $bk $bk $bk $__,
$__ $__ $__ $__ $__ $gn $gn $gn $__ $__ $__ $__ $__ $bk $ly $ly $ly $ly $ly $dy $bk $bk $__ $__ $__ $__ $gn $gn $gn $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $gn $gn $gn $__ $__ $__ $bk $bk $bk $bk $bk $bk $rd $bk $bk $__ $__ $gn $gn $gn $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $gn $gn $__ $bk $rd $rd $rd $rd $rd $bk $my $bk $__ $gn $gn $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $gn $bk $bk $rd $rd $rd $bk $ly $my $bk $gn $gn $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $bk $bk $bk $ly $ly $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $ly $ly $my $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $ly $ly $my $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $ly $ly $my $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $ly $ly $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $ly $my $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $ly $my $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $my $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $my $my $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $my $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $__ $__ $__ $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $gn $__ $__ $__ $gn $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $__ $__ $__ $__ $__ $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $__ $__ $__ $__ $__ $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $bk $__ $__ $__ $bk $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $__ $__ $__ $__ $bk $__ $__ $__ $bk $__ $__ $__ $__ $bk $bk $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $bk $__ $__ $__ $__ $bk $bk $__ $__ $__ $bk $bk $__ $__ $__ $__ $bk $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__
),
(
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $dy $dy $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $dy $dy $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $dy $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $ly $ly $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $my $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $ly $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $ly $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $__ $__ $__ $bk $__ $__ $__ $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $__ $bk $__ $bk $__ $bk $__ $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $bk $bk $__ $__ $__ $__ $__ $__ $bk $bk $__ $__ $__ $bk $__ $__ $__ $bk $__ $__ $__ $__ $bk $bk $bk $__ $__ $__ $__ $__ $__,
$__ $bk $__ $__ $bk $bk $__ $__ $__ $__ $bk $my $bk $bk $bk $ly $bk $bk $bk $__ $__ $__ $__ $bk $bk $__ $__ $bk $__ $__ $__ $__ $__,
$__ $bk $__ $__ $__ $bk $__ $__ $__ $__ $bk $bk $dy $ly $ly $ly $ly $ly $bk $__ $__ $__ $__ $bk $__ $__ $__ $bk $__ $__ $__ $__ $__,
$__ $bk $__ $__ $bk $bk $__ $__ $__ $__ $bk $bk $rd $bk $bk $bk $bk $bk $bk $__ $__ $__ $__ $bk $bk $__ $__ $bk $__ $__ $__ $__ $__,
$__ $__ $bk $bk $bk $gn $__ $__ $__ $__ $bk $my $bk $rd $rd $rd $rd $rd $bk $__ $__ $__ $__ $gn $bk $bk $bk $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $gn $gn $__ $__ $__ $bk $my $ly $bk $rd $rd $rd $bk $bk $__ $__ $__ $gn $gn $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $gn $gn $__ $__ $bk $my $ly $ly $bk $bk $bk $ly $bk $__ $__ $gn $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $gn $gn $gn $bk $my $my $ly $ly $ly $ly $ly $bk $gn $gn $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $my $ly $ly $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $ly $ly $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $my $ly $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $my $ly $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $my $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $my $my $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $my $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $bk $bk $bk $bk $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $__ $__ $__ $__ $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $gn $__ $__ $__ $__ $gn $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $__ $__ $__ $__ $__ $__ $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $__ $__ $__ $__ $__ $__ $gn $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $__ $__ $__ $bk $bk $__ $__ $__ $bk $bk $__ $__ $__ $bk $bk $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $bk $__ $__ $__ $__ $__ $bk $__ $__ $__ $bk $__ $__ $__ $__ $__ $bk $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $bk $bk $__ $__ $__ $__ $__ $bk $bk $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__
),
(
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $dy $dy $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $ly $dy $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $my $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $my $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $my $ly $ly $bk $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $my $ly $bk $__ $__ $__ $bk $__ $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $my $ly $bk $__ $__ $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $my $ly $bk $__ $__ $__ $bk $__ $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $bk $ly $ly $bk $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $bk $bk $bk $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $bk $rd $rd $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $my $bk $rd $rd $rd $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $my $ly $bk $bk $rd $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $my $ly $ly $ly $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $bk $bk $bk $__ $bk $bk $my $my $ly $ly $ly $ly $bk $__ $__ $__ $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $bk $__ $__ $bk $bk $__ $bk $my $my $ly $ly $ly $ly $bk $bk $__ $bk $bk $__ $__ $bk $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $bk $__ $__ $__ $bk $__ $bk $bk $my $my $ly $ly $ly $ly $bk $__ $bk $__ $__ $__ $bk $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $bk $__ $__ $bk $bk $__ $__ $bk $my $my $my $ly $ly $ly $bk $__ $bk $bk $__ $__ $bk $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $bk $bk $bk $gn $__ $__ $bk $bk $my $my $my $ly $ly $bk $bk $__ $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $gn $gn $__ $gn $bk $bk $my $my $my $ly $ly $bk $__ $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $gn $gn $__ $bk $bk $bk $my $my $bk $bk $gn $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $gn $gn $gn $gn $bk $bk $bk $bk $bk $gn $gn $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $gn $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $bk $__ $__ $__ $bk $bk $bk $__ $__ $__ $bk $bk $bk $__ $__ $__ $bk $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $bk $__ $__ $__ $__ $__ $bk $__ $__ $__ $bk $__ $__ $__ $__ $__ $bk $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $bk $bk $__ $__ $__ $bk $bk $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__
),
(
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $dy $dy $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $ly $dy $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $my $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $my $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $my $ly $ly $bk $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $my $ly $bk $__ $__ $__ $bk $__ $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $my $ly $bk $__ $__ $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $my $ly $bk $__ $__ $__ $bk $__ $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $bk $ly $ly $bk $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $bk $bk $bk $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $bk $rd $rd $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $my $bk $rd $rd $rd $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $my $ly $bk $bk $rd $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $my $ly $ly $ly $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $bk $bk $bk $__ $__ $__ $bk $my $my $ly $ly $ly $ly $ly $bk $__ $__ $__ $__ $__ $bk $bk $bk $__ $__ $__ $__ $__ $__ $__,
$__ $__ $bk $__ $__ $bk $bk $__ $__ $bk $bk $my $my $ly $ly $ly $ly $bk $__ $__ $__ $__ $bk $bk $__ $__ $bk $__ $__ $__ $__ $__ $__,
$__ $__ $bk $__ $__ $__ $bk $__ $__ $__ $bk $my $my $ly $ly $ly $ly $bk $bk $__ $__ $__ $bk $__ $__ $__ $bk $__ $__ $__ $__ $__ $__,
$__ $__ $bk $__ $__ $bk $bk $__ $__ $__ $bk $bk $my $my $ly $ly $ly $ly $bk $__ $__ $__ $bk $bk $__ $__ $bk $__ $__ $__ $__ $__ $__,
$__ $__ $__ $bk $bk $bk $gn $gn $__ $gn $gn $bk $my $my $my $ly $ly $ly $bk $gn $__ $gn $gn $bk $bk $bk $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $gn $gn $gn $__ $bk $bk $my $my $my $ly $ly $bk $bk $gn $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $my $my $my $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $my $my $bk $bk $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $gn $__ $bk $bk $bk $bk $bk $gn $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $__ $__ $__ $__ $__ $__ $__ $__ $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $bk $__ $__ $__ $__ $bk $bk $__ $__ $__ $bk $bk $__ $__ $__ $__ $bk $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $bk $__ $__ $__ $__ $__ $bk $__ $__ $__ $bk $__ $__ $__ $__ $__ $bk $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $bk $__ $__ $__ $__ $__ $bk $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__
),
(
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $dy $dy $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $dy $dy $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $dy $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $ly $ly $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $my $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $ly $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $ly $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $__ $__,
$bk $__ $__ $bk $bk $__ $__ $__ $__ $__ $__ $bk $bk $__ $__ $__ $bk $__ $__ $__ $bk $__ $__ $__ $__ $__ $__ $bk $bk $__ $__ $bk $__,
$bk $__ $__ $__ $bk $__ $__ $__ $__ $__ $__ $bk $bk $__ $bk $__ $bk $__ $bk $__ $bk $__ $__ $__ $__ $__ $__ $bk $__ $__ $__ $bk $__,
$bk $__ $__ $bk $bk $__ $__ $__ $__ $__ $__ $bk $bk $__ $__ $__ $bk $__ $__ $__ $bk $__ $__ $__ $__ $__ $__ $bk $bk $__ $__ $bk $__,
$__ $bk $bk $bk $gn $__ $__ $__ $__ $__ $__ $bk $my $bk $bk $bk $ly $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $gn $bk $bk $bk $__ $__,
$__ $__ $__ $__ $gn $gn $gn $__ $__ $__ $__ $bk $bk $dy $ly $ly $ly $ly $ly $bk $__ $__ $__ $__ $__ $gn $gn $gn $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $gn $gn $gn $__ $__ $bk $bk $rd $bk $bk $bk $bk $bk $bk $__ $__ $__ $gn $gn $gn $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $gn $gn $__ $bk $my $bk $rd $rd $rd $rd $rd $bk $__ $gn $gn $gn $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $gn $bk $my $ly $bk $rd $rd $rd $bk $bk $gn $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $ly $ly $bk $bk $bk $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $my $ly $ly $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $my $ly $ly $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $my $ly $ly $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $ly $ly $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $my $ly $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $my $ly $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $my $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $my $my $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $my $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $__ $__ $__ $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $gn $__ $__ $__ $gn $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $__ $__ $__ $__ $__ $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $__ $__ $__ $__ $__ $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $bk $__ $__ $__ $bk $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $__ $__ $__ $__ $bk $__ $__ $__ $bk $__ $__ $__ $__ $bk $bk $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $bk $__ $__ $__ $__ $bk $bk $__ $__ $__ $bk $bk $__ $__ $__ $__ $bk $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__
),
(
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $dy $dy $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $dy $dy $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $dy $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $ly $ly $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $my $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $ly $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $ly $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $__ $__ $__ $bk $__ $__ $__ $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $__ $bk $__ $bk $__ $bk $__ $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $bk $bk $bk $__ $__ $__ $__ $bk $__ $__ $__ $bk $__ $__ $__ $bk $bk $__ $__ $__ $__ $__ $bk $bk $bk $__ $__,
$__ $__ $__ $__ $__ $bk $__ $__ $bk $bk $__ $__ $__ $__ $bk $bk $bk $ly $bk $bk $bk $my $bk $__ $__ $__ $__ $bk $bk $__ $__ $bk $__,
$__ $__ $__ $__ $__ $bk $__ $__ $__ $bk $__ $__ $__ $__ $bk $ly $ly $ly $ly $ly $dy $bk $bk $__ $__ $__ $__ $bk $__ $__ $__ $bk $__,
$__ $__ $__ $__ $__ $bk $__ $__ $bk $bk $__ $__ $__ $__ $bk $bk $bk $bk $bk $bk $rd $bk $bk $__ $__ $__ $__ $bk $bk $__ $__ $bk $__,
$__ $__ $__ $__ $__ $__ $bk $bk $bk $gn $__ $__ $__ $__ $bk $rd $rd $rd $rd $rd $bk $my $bk $__ $__ $__ $__ $gn $bk $bk $bk $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $gn $__ $__ $__ $bk $bk $rd $rd $rd $bk $ly $my $bk $__ $__ $__ $gn $gn $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $gn $__ $__ $bk $ly $bk $bk $bk $ly $ly $my $bk $__ $__ $gn $gn $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $gn $gn $bk $ly $ly $ly $ly $ly $my $my $bk $gn $gn $gn $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $ly $ly $my $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $ly $ly $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $ly $my $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $ly $my $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $my $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $my $my $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $my $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $bk $bk $bk $bk $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $__ $__ $__ $__ $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $gn $__ $__ $__ $__ $gn $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $__ $__ $__ $__ $__ $__ $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $gn $__ $__ $__ $__ $__ $__ $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $__ $__ $__ $bk $bk $__ $__ $__ $bk $bk $__ $__ $__ $bk $bk $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $bk $__ $__ $__ $__ $__ $bk $__ $__ $__ $bk $__ $__ $__ $__ $__ $bk $__ $__ $__ $__ $__ $__ $__ $__,
$__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $bk $bk $__ $__ $__ $__ $__ $bk $bk $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__
);
@function frame-to-box-shadows($frame) {
$shadows: (); // empty list
@for $y from 1 through length($frame) {
$row: nth($frame, $y);
@for $x from 1 through length($row) {
$color: nth($row, $x);
@if $color != null {
$shadow: ($x * $pixel-size) ($y * $pixel-size) $color;
$shadows: append($shadows, $shadow, comma);
}
}
}
@return $shadows;
}
body { padding: 3em; }
.banana {
animation: pbjtime 0.8s steps(1, start) infinite;
width: $pixel-size;
height: $pixel-size;
position: relative;
box-shadow: frame-to-box-shadows(nth($frames, 1));
}
@keyframes pbjtime {
$frame-count: length($frames);
@for $i from 1 through $frame-count {
#{100% / $frame-count * $i} {
box-shadow: frame-to-box-shadows(nth($frames, $i));
}
}
}
// A fork of https://codepen.io/simoncla/pen/njwvy
// showing how much easier it is to accomplish
// something like this in Sass.
//
// By John W Long
Also see: Tab Triggers