HTML


<svg
   xmlns="http://www.w3.org/2000/svg" viewBox="0 0 285 312">
  <defs
     id="defs2262" />
  <path
     d="M 165.54639,261.59704 C 133.61608,294.07243 100.9358,312.57898 84.145169,311.51408 L 38.694539,130.24784 L 17.001417,103.26371 L 79.43528,52.999161 L 141.34005,57.231965 L 193.721,51.94096 L 227.58343,90.036197 L 262.50407,97.443607 L 165.54639,261.59704 z "
     style="fill:#000000;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
     id="path2298" />
  <path
     d="M 5.5647908,101.41744 C 24.291689,92.271767 48.301916,67.618697 58.393994,44.247773 C 75.099522,5.5616141 126.91827,-19.7011 144.74137,22.850013 C 183.79969,-13.967287 227.76762,-3.6237449 233.82436,41.589043 C 236.61118,62.392257 260.67513,85.201607 284.6662,94.683087 C 266.13232,117.43625 240.38008,137.209 230.87142,162.82947 C 217.28722,199.43122 207.64335,241.91272 165.16358,262.15742 C 183.40037,233.95383 179.3934,163.15016 255.48402,100.66918 C 242.92941,100.67052 235.05088,99.08348 225.9277,96.273137 C 223.59142,95.273256 223.9091,95.293642 222.75968,94.095642 C 200.48657,70.881121 189.26203,46.742531 148.1585,66.286767 C 136.70337,69.430127 125.24824,72.805287 113.79312,65.643197 C 91.488262,45.909398 67.759061,63.402437 48.422431,81.193217 C 40.686248,88.310937 30.0357,95.444707 24.481545,100.49455 C 21.906419,102.83586 22.629624,104.43549 21.278275,105.907 L 39.236542,129.47723 L 84.132211,99.920907 C 90.510657,103.28051 93.901358,108.23357 105.03357,109.05783 C 109.29874,108.63481 113.01841,108.58681 111.7271,111.98387 C 82.622898,143.59536 58.388555,196.96111 68.418727,215.90139 C 78.45511,169.17375 97.004396,136.99643 130.52441,108.90005 C 149.97171,108.33071 167.17048,118.68275 191.13356,96.179607 L 210.58835,93.934817 L 234.53271,104.03636 C 237.78354,104.68253 237.73048,107.03515 232.75966,111.55283 C 213.62406,128.94401 195.06528,155.00099 186.79867,171.83889 C 170.03817,205.97762 168.84024,239.2948 153.67936,259.74482 C 116.958,309.27707 85.296073,321.84943 47.852824,305.23864 C 23.75402,294.54779 10.43535,276.69112 2.7109114,243.67597 C -3.7733355,215.96153 10.67581,174.88302 30.257409,148.55789 C 31.021957,135.4604 19.107987,120.29395 7.3948959,112.60192 C -3.135114,105.68682 0.1829458,104.48961 5.5647908,101.41744 z "
     style="fill:#eb0005;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
     id="path2268" />
  <path
     d="M 63.562264,72.046777 C 79.079415,53.184736 96.633666,53.064009 115.67619,66.635347 C 124.33856,68.165667 127.59567,74.380557 145.84561,67.601667 C 158.05698,62.872787 179.84717,41.707702 201.92206,74.427737 C 223.66713,96.910197 196.57184,110.47757 185.78449,87.655247 C 172.78917,98.331447 148.3361,108.19698 135.51994,89.771647 L 130.75804,89.771647 C 104.255,112.75927 90.280654,91.714477 84.197184,81.306037 C 71.58787,93.435747 57.1406,80.456407 63.562264,72.046777 z "
     style="fill:#ffffff;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
     id="path2288" />
  <path
     d="M 112.94027,29.771428 C 111.38587,26.033402 108.63137,25.595646 105.08353,27.33958 C 92.92773,35.533097 89.061565,29.429999 91.614823,20.231099 C 105.8901,-6.0795719 144.84153,4.8821521 130.89854,31.455016 C 119.84738,42.109336 115.37821,34.56819 112.94027,29.771428 z "
     style="fill:#ffffff;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
     id="path2290" />
  <path
     d="M 166.81507,21.353491 C 166.41907,32.106553 175.98059,33.590211 185.33453,25.843057 C 186.402,25.074762 187.2116,23.919676 190.19823,26.030123 C 196.19516,38.104454 207.81231,35.05483 211.14954,27.71371 C 215.56781,-4.9957999 168.91433,4.3573011 166.81507,21.353491 z "
     style="fill:#ffffff;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
     id="path2292" />
  <path
     d="M 90.492431,132.47027 C 63.290012,158.92319 48.725665,193.73638 47.093284,230.49248 C 44.141843,244.59125 28.734052,243.0866 25.393711,230.49248 C 22.957348,195.6393 42.380749,149.87836 84.506342,124.61353 C 92.016225,119.37937 98.867566,124.84648 90.492431,132.47027 z "
     style="fill:#ffffff;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
     id="path2294" />
  <path
     d="M 187.76638,136.95984 C 203.75329,126.54823 190.49007,115.55956 175.15552,126.92251 C 141.71707,158.95252 135.41861,202.05742 117.80397,239.09749 C 91.053004,260.54377 127.66649,289.70129 139.50354,252.19206 C 152.72522,212.34835 157.74806,168.40523 187.76638,136.95984 z "
     style="fill:#ffffff;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
     id="path2296" />
</svg>



CSS


html, body {
	height: 100%;
	margin: 0;
}
svg {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
}



JS




CodePlay Playground as you play with the keyboard:

Console

The CodePlay Code Box Editors Playground is very simple to use, anyone can directly interact with a minimum of knowledge of HTML experience, live an idea or a project. We believe that only 5% of the developers has the full capacity and knowledge of each key on the keyboard. Therefore we decided to put together a single command from the Key [Esc] == 27.
For every need and every situation the keyboard [Esc] key fixes and puts in place the Original Initial Code Box Editors.
All this without losing the contents of each Box Editors .
!Enjoy your CodePlay.


CodePlay Playground is a project based on WordPress entirely revised to have a clean and dynamic HTML output.

Editor:

- [Esc] To reset the Box Editors and the closure of any open window overlay, including the Output (FULL) Preview.

New! - Double Click to Expand /Open & Close All Box Editors

New! - Ctrl + Up/Down to Show /Hide the Footer Bar. This allows hide footer bar when you want, + ESC to Back.

New! - Preview in Full page is now also possible via dblClick on the Vertical Drag-bar. Each keyboard action can be Reset via the ESC button.


Ex.
- Close this? [Esc], or a Click outside.


Front End User - New /Save Post is Now Open, Register *required.
New Play Now