{"version":"1.0","provider_name":"HTML Online","provider_url":"https:\/\/html-online.com\/articles","author_name":"HTML Editor","author_url":"https:\/\/html-online.com\/articles\/author\/adminka\/","title":"HTML5 CSS3 Rubik's Cube - Without Canvas","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"P5xIYQIPTv\"><a href=\"https:\/\/html-online.com\/articles\/html5-rubiks-cube\/\">HTML5 Rubik&#8217;s Cube<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/html-online.com\/articles\/html5-rubiks-cube\/embed\/#?secret=P5xIYQIPTv\" width=\"600\" height=\"338\" title=\"&#8220;HTML5 Rubik&#8217;s Cube&#8221; &#8212; HTML Online\" data-secret=\"P5xIYQIPTv\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/\/# sourceURL=https:\/\/html-online.com\/articles\/wp-includes\/js\/wp-embed.min.js\n<\/script>\n","description":"To start building our HTML5 Rubik's Cube we have to define the \"stickers of the cube\" as 54 divs. We will have to position them one by one so we assign a"}