Skip to content

Instantly share code, notes, and snippets.

@Potherca Potherca/dabblet.css
Last active Aug 29, 2015

Embed
What would you like to do?
ASCII Art version of the Potherca Cartoon Avatar
/**
* ASCII Art version of the Potherca Cartoon Avatar
*/
.background {
color: red;
}
.hair {
color: darkbrown;
}
.skin {
color: pink;
}
.shirt {
color: darkblue;
}
<pre style="font: 12px/6px monospace;">
<span class="background">''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''</span>
<span class="background">''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''</span>
<span class="background">''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''</span>
<span class="background">''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''</span>
<span class="background">'''''''''''''''''''''''''''''''''''''''''''</span>+#<span class="background">'''''''''''''''''''''''''''''''''''''''</span>
<span class="background">'''''''''''''''''''''''''''''''''''''''''</span>#@##@<span class="background">''''''''''''''''''''''''''''''''''''''</span>
<span class="background">''''''''''''''''''''''''''''''''''''''''</span>######@<span class="background">'''''''''''''''''''''''''''''''''''''</span>
<span class="background">''''''''''''''''''''''''''''''''''''''</span>##########<span class="background">''''''''''''''''''''''''''''''''''''</span>
<span class="background">'''''''''''''''''''''''''''''''''''''</span>'''</span>+########<span class="background">'''''''''''''''''''''''''''''''''''</span>
<span class="background">''''''''''''''''''''''''''''''''''''</span>@'''''''</span>######<span class="background">''''''''''''''''''''''''''''''''''</span>
<span class="background">''''''''''''''''''''''''''''''''''</span>+##''''''''</span>#####<span class="background">''''''''''''''''''''''''''''''''''</span>
<span class="background">'''''''''''''''''''''''''''''''''</span>#####''''''''</span>####@<span class="background">'''''''''''''''''''''''''''''''''</span>
<span class="background">''''''''''''''''''''''''''''''''</span>@#####'''''''''</span>+###@<span class="background">''''''''''''''''''''''''''''''''</span>
<span class="background">'''''''''''''''''''''''''''''''</span>+#######'''</span>+###########<span class="background">''''''''''''''''''''''''''''''</span>
<span class="background">'''''''''''''''''''''''''''''''</span>@########''''</span>##########@<span class="background">'''''''''''''''''''''''''''''</span>
<span class="background">''''''''''''''''''''''''''''''</span>@##########+'''</span>##########+<span class="background">''''''''''''''''''''''''''''</span>
<span class="background">'''''''''''''''''''''''''''''</span>+########@#################<span class="background">''''''''''''''''''''''''''''</span>
<span class="background">'''''''''''''''''''''''''''''</span>#######````:'+@@+@@#######+<span class="background">''''''''''''''''''''''''''''</span>
<span class="background">'''''''''''''''''''''''''''''</span>@###@````````````````.####+<span class="background">''''''''''''''''''''''''''''</span>
<span class="background">'''''''''''''''''''''''''''''</span>###@````````````````````##+<span class="background">''''''''''''''''''''''''''''</span>
<span class="background">'''''''''''''''''''''''''''''</span>###.````````````````````@#+<span class="background">''''''''''''''''''''''''''''</span>
<span class="background">'''''''''''''''''''''''''''''</span>###`````````````````````@#@<span class="background">''''''''''''''''''''''''''''</span>
<span class="background">'''''''''''''''''''''''''''''</span>##@`````````````````````@#@<span class="background">''''''''''''''''''''''''''''</span>
<span class="background">''''''''''''''''''''''''''''</span>+##:`````````````````````###<span class="background">''''''''''''''''''''''''''''</span>
<span class="background">''''''''''''''''''''''''''''</span>+##.`````````````````````;##<span class="background">''''''''''''''''''''''''''''</span>
<span class="background">''''''''''''''''''''''''''''</span>+#@````````````````,,````.##<span class="background">''''''''''''''''''''''''''''</span>
<span class="background">''''''''''''''''''''''''''''</span>+#@`````````````;;````````##<span class="background">''''''''''''''''''''''''''''</span>
<span class="background">''''''''''''''''''''''''''''</span>@#@````````````:`````````.##<span class="background">''''''''''''''''''''''''''''</span>
<span class="background">''''''''''''''''''''''''''''</span>@#@``````````````````````,##<span class="background">''''''''''''''''''''''''''''</span>
<span class="background">''''''''''''''''''''''''''</span>+#@#@`````:;.;;````````````+#@+<span class="background">'''''''''''''''''''''''''''</span>
<span class="background">'''''''''''''''''''''''''</span>#```@@````. .@@#`#'+,``````##``.<span class="background">''''''''''''''''''''''''''</span>
<span class="background">''''''''''''''''''''''''</span>@`'#:.@```` @@@+' ;@@`````@````+<span class="background">'''''''''''''''''''''''''</span>
<span class="background">''''''''''''''''''''''''</span>````'`+``' @@@@ @@ #````,,.'`#<span class="background">'''''''''''''''''''''''''</span>
<span class="background">'''''''''''''''''''''''</span>+````#````` @@` @@##,````@```#<span class="background">'''''''''''''''''''''''''</span>
<span class="background">'''''''''''''''''''''''</span>+```#````` '@@ ````.```+<span class="background">'''''''''''''''''''''''''</span>
<span class="background">''''''''''''''''''''''''</span>```.#```` ```````.<span class="background">''''''''''''''''''''''''''</span>
<span class="background">''''''''''''''''''''''''</span>+```@````. ; ````.``@<span class="background">''''''''''''''''''''''''''</span>
<span class="background">''''''''''''''''''''''''</span>+;``'````' @@ :````,`#<span class="background">'''''''''''''''''''''''''''</span>
<span class="background">''''''''''''''''''''''''''</span>+@,`````+. .@.``' .`````@@<span class="background">''''''''''''''''''''''''''''</span>
<span class="background">''''''''''''''''''''''''''''</span>```````````````# #``````#<span class="background">'''''''''''''''''''''''''''''</span>
<span class="background">'''''''''''''''''''''''''''</span>+`````````````````,````````#<span class="background">'''''''''''''''''''''''''''''</span>
<span class="background">'''''''''''''''''''''''''''</span>#`````````````````````````'+<span class="background">'''''''''''''''''''''''''''''</span>
<span class="background">'''''''''''''''''''''''''''</span>#``````````+``````````````@+<span class="background">'''''''''''''''''''''''''''''</span>
<span class="background">'''''''''''''''''''''''''''</span>@`````````@```````````````@<span class="background">''''''''''''''''''''''''''''''</span>
<span class="background">'''''''''''''''''''''''''''</span>@````````@````````````````#+<span class="background">'''''''''''''''''''''''''''''</span>
<span class="background">'''''''''''''''''''''''''''</span>@````````.````````````````#+<span class="background">'''''''''''''''''''''''''''''</span>
<span class="background">''''''''''''''''''''''''''</span>+@````````.````````````````#+<span class="background">'''''''''''''''''''''''''''''</span>
<span class="background">''''''''''''''''''''''''''</span>+@````````@`````,``````````#<span class="background">''''''''''''''''''''''''''''''</span>
<span class="background">''''''''''''''''''''''''''</span>+@`````````@+:...`````````+#<span class="background">''''''''''''''''''''''''''''''</span>
<span class="background">''''''''''''''''''''''''''</span>+@````````````,``.````````@@<span class="background">''''''''''''''''''''''''''''''</span>
<span class="background">''''''''''''''''''''''''''</span>+@```````.'+@@#####'``````@@<span class="background">''''''''''''''''''''''''''''''</span>
<span class="background">''''''''''''''''''''''''''</span>+@``````@###########@`````#@<span class="background">''''''''''''''''''''''''''''''</span>
<span class="background">''''''''''''''''''''''''''</span>+@`````#####@#@@######````#@<span class="background">''''''''''''''''''''''''''''''</span>
<span class="background">''''''''''''''''''''''''''</span>+#````,####'````.@####'```#@<span class="background">''''''''''''''''''''''''''''''</span>
<span class="background">''''''''''''''''''''''''''</span>+#;`@...':`````````###@``.#@<span class="background">''''''''''''''''''''''''''''''</span>
<span class="background">''''''''''''''''''''''''''</span>+##@`````@`:@#:,,;,`##,``'#<span class="background">'''''''''''''''''''''''''''''''</span>
<span class="background">'''''''''''''''''''''''''''</span>#@``````@``````````##```@@<span class="background">'''''''''''''''''''''''''''''''</span>
<span class="background">'''''''''''''''''''''''''''</span>#;```:@.```````````@#```#@<span class="background">'''''''''''''''''''''''''''''''</span>
<span class="background">'''''''''''''''''''''''''''</span>@```'#@.```,#:`````;@``.##<span class="background">'''''''''''''''''''''''''''''''</span>
<span class="background">''''''''''''''''''''''''''</span>+.```,@@````````````@@``'#+<span class="background">'''''''''''''''''''''''''''''''</span>
<span class="background">''''''''''''''''''''''''''</span>#```#`@#.```````````#@``##+<span class="background">'''''''''''''''''''''''''''''''</span>
<span class="background">'''''''''''''''''''''''''</span>+```.;@@@```````````.#@`+##<span class="background">''''''''''''''''''''''''''''''''</span>
<span class="background">'''''''''''''''''''''''''</span>+.`````,@``@@#@#:```@#'`##@<span class="background">''''''''''''''''''''''''''''''''</span>
<span class="background">''''''''''''''''''''''''</span>+`+``````@``@####@``,##+@##@<span class="background">''''''''''''''''''''''''''''''''</span>
<span class="background">''''''''''''''''''''''''</span>@`'`````#:@'#######@@#####@+<span class="background">''''''''''''''''''''''''''''''''</span>
<span class="background">''''''''''''''''''''''''</span>:`.``````'###############<span class="background">'''''''''''''''''''''''''''''''''''</span>
<span class="background">'''''''''''''''''''''''</span>+```+``:#:`@#############@<span class="background">'''''''''''''''''''''''''''''''''''</span>
<span class="background">'''''''''''''''''''''''</span>@``````````@############@@<span class="background">'''''''''''''''''''''''''''''''''''</span>
<span class="background">'''''''''''''''''''''''</span>#`````````,@###########@+<span class="background">''''''''''''''''''''''''''''''''''''</span>
<span class="background">''''''''''''''''''''''''</span>``````.```@@@@####@@@',@<span class="background">''''''''''''''''''''''''''''''''''''</span>
<span class="background">'''''''''''''''''''''''</span>;``````;```#'''+#@``````.+<span class="background">'''''''''''''''''''''''''''''''''''</span>
<span class="background">'''''''''''''''''''''''</span>;``````````+'''''.```````#<span class="background">'''''''''''''''''''''''''''''''''''</span>
<span class="background">''''''''''''''''''''''''</span>``````.``@''''''.````````#<span class="background">''''''''''''''''''''''''''''''''''</span>
<span class="background">'''''''''''''''''''''''</span>+``````+@+''''''+`````````.+<span class="background">'''''''''''''''''''''''''''''''''</span>
<span class="background">'''''''''''''''''''''''</span>@``````#''''''@.```````````+<span class="background">'''''''''''''''''''''''''''''''''</span>
<span class="background">'''''''''''''''''''''''</span>+``````@'''''@+'```````````+@<span class="background">''''''''''''''''''''''''''''''''</span>
<span class="background">''''''''''''''''''''''''</span>;`````+''''@+++``````````,++<span class="background">''''''''''''''''''''''''''''''''</span>
<span class="background">''''''''''''''''''''''''</span>@````:''''@++++``````````;++@<span class="background">'''''''''''''''''''''''''''''''</span>
<span class="background">''''''''''''''''''''''''</span>+````.'''@`.+++``````````+++#<span class="background">'''''''''''''''''''''''''''''''</span>
<span class="background">'''''''''''''''''''''''''</span>:````#'@```++#``````````+++++<span class="background">''''''''''''''''''''''''''''''</span>
<span class="background">''''''''''''''''''''''''''</span>````#',```+++`````````;+++#@<span class="background">''''''''''''''''''''''''''''''</span>
<span class="background">'''''''''''''''''''''''''</span>+````:@````+++.```````;++++;,<span class="background">''''''''''''''''''''''''''''''</span>
<span class="background">'''''''''''''''''''''''''</span>#`````.``,`++++#.``.,++++++;`#<span class="background">'''''''''''''''''''''''''''''</span>
<span class="background">'''''''''''''''''''''''''</span>#``````````++++++++++++++++'`#<span class="background">'''''''''''''''''''''''''''''</span>
</pre>
// alert('Hello world!');
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.