Skip to content

Instantly share code, notes, and snippets.

@redbullmarky
redbullmarky / index.haml
Created February 22, 2019 09:19
Pure CSS 3D Rubik's Cube animation
%p{:style => 'position: absolute; top: 10px; left: 10px; margin: 0;'} Use Google Chrome for best experience.
.container
.rubiks-cube.rubiks-cube-1
- (1...28).each do |i|
.detail
.side.front
.side.back
.side.top
.side.bottom
.side.left
@redbullmarky
redbullmarky / index.html
Created February 20, 2019 13:43
Rubiks cube solver
<body onload="APP=APP(); APP.main() "
onresize="APP.setCanvasSize()" >
<h2>Rubik&#8217;s Cube.</h2>
<div id="left">
<!-- <canvas id="canvas" width="600" height="600"> -->
<canvas id="canvas" style="width: 100%;" >
Oops, your browser does not support the canvas element.
</canvas>
</div>