Roofpig 'setupmoves' and 'tweaks' Lab

HTML

<script src="http://lar5.com/cube/rp/roofpig_and_three.min.js"></script>
<h2>Roofpig 'setupmoves' and 'tweaks' Lab</h2>

<div class="roofpig" data-config="setupmoves=M2 E2 ">setupmoves</div>
<div class="roofpig" data-config="solved=*|tweaks=F:Ubr R:ULB- B:UFL B:UL B:UBL">color tweaks</div>
<div class="roofpig" data-config="colored=D |solved=D |tweaks=X:UF x:RU X:Rf x:Fr">X tweaks</div>
<div class="roofpig" data-config="flags=canvas|pov=Ufr|hover=3|solved=*|tweaks=U:Ub B:uB L:Ul B:uL U:Uf F:uF U:Ur R:uR D:Lb L:lB U:Lf L:lF R:Rf F:rF R:Rb B:rB D:Db B:dB L:Dl F:dL D:Df F:dF D:Dr R:dR">All at once</div>
<div class="roofpig" data-config="flags=canvas|pov=Ufr|hover=3|solved=*|tweaks=U:Ubl R:uBl F:ubL U:U">All at once</div>

CSS

body {
    font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-size: small
}
.roofpig {
    width:120px;
    height:136px;
    margin: 4px;
    float:left;
}