{"id":202758,"date":"2013-11-19T15:11:03","date_gmt":"2013-11-19T11:11:03","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=202758"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=202758","title":{"rendered":"<span class=\"post_title\">Windows \u0441\u0430\u043f\u0435\u0440 \u0432 50 \u0441\u0442\u0440\u043e\u043a, \u0438\u043b\u0438 \u043a\u0430\u043a \u044f \u043d\u0435 \u0443\u043b\u043e\u0436\u0438\u043b\u0441\u044f \u0432 30 \u0441\u0442\u0440\u043e\u043a<\/span>"},"content":{"rendered":"<div class=\"content html_format\"> \t\t\t\u041d\u0430 \u0445\u0430\u0431\u0440\u0435 \u0441\u0442\u0430\u043b\u0438 \u0432\u044b\u043a\u043b\u0430\u0434\u044b\u0432\u0430\u0442\u044c \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u0438\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043d\u0430 JavaScript \u0432 30 \u0441\u0442\u0440\u043e\u043a, \u0438 \u044f \u0442\u043e\u0436\u0435 \u0440\u0435\u0448\u0438\u043b \u043f\u043e\u043f\u0440\u043e\u0431\u043e\u0432\u0430\u0442\u044c, \u0438 \u043d\u0430\u043f\u0438\u0441\u0430\u043b \u0432\u0441\u0435\u043c \u0438\u0437\u0432\u0435\u0441\u0442\u043d\u0443\u044e \u0438\u0433\u0440\u0443 \u0441\u0430\u043f\u0435\u0440. \u0415\u0441\u043b\u0438 \u0432\u0430\u043c \u0435\u0449\u0435 \u043d\u0435 \u043d\u0430\u0434\u043e\u0435\u043b\u0430 \u044d\u0442\u0430 \u0442\u0435\u043c\u0430, \u0442\u043e \u043f\u0440\u043e\u0448\u0443 \u043f\u043e\u0434 \u043a\u0430\u0442.<br \/>  <a name=\"habracut\"><\/a><br \/>  \u041f\u0435\u0440\u0435\u0434 \u0442\u0435\u043c \u043a\u0430\u043a \u043f\u0438\u0441\u0430\u0442\u044c \u043a\u043e\u0434, \u044f \u043f\u043e\u0441\u0442\u0430\u0432\u0438\u043b \u043f\u0435\u0440\u0435\u0434 \u0441\u043e\u0431\u043e\u0439 \u0443\u0441\u043b\u043e\u0432\u0438\u044f, \u0438\u0433\u0440\u0430 \u0434\u043e\u043b\u0436\u043d\u0430 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u043e\u0432\u0430\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f\u043c, \u0447\u0442\u043e\u0431\u044b \u0431\u044b\u043b\u043e \u0431\u043e\u043b\u0435\u0435 \u043f\u043e\u0445\u043e\u0436\u0435 \u043d\u0430 \u043f\u043e\u0434\u043b\u0438\u043d\u043d\u0443\u044e \u0432\u0435\u0440\u0441\u0438\u044e \u0438\u0433\u0440\u044b.  <\/p>\n<ul>\n<li>\u0411\u043e\u043c\u0431\u044b \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0443\u044e\u0442\u0441\u044f \u043f\u043e\u0441\u043b\u0435 \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u0445\u043e\u0434\u0430. \u0412\u0437\u043e\u0440\u0432\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u043f\u0435\u0440\u0432\u043e\u043c \u0445\u043e\u0434\u0443 \u043d\u0435\u043b\u044c\u0437\u044f<\/li>\n<li>\u0414\u043e\u043b\u0436\u043d\u0430 \u0431\u044b\u0442\u044c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043c\u0435\u0442\u043a\u0438. (\u0424\u043b\u0430\u0436\u043a\u0438 \u0438 \u0432\u043e\u043f\u0440\u043e\u0441\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0437\u043d\u0430\u043a\u0438)<\/li>\n<li>\u0418\u0433\u0440\u0430 \u0434\u043e\u043b\u0436\u043d\u0430 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u043d\u0430 \u0432\u0441\u0435\u0445 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0445 \u0432\u0435\u0440\u0441\u0438\u044f\u0445 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u0432<\/li>\n<li>\u0412 \u0438\u0433\u0440\u0435 \u0434\u043e\u043b\u0436\u043d\u0430 \u0431\u044b\u0442\u044c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c, \u043f\u043e\u0445\u043e\u0436\u0430\u044f \u043d\u0430 \u0443\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u043d\u0438\u0435 \u0434\u0432\u0443\u0445 \u043a\u043d\u043e\u043f\u043a\u043e\u0439 \u043c\u044b\u0448\u0438 \u0438\u0437 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b\u044c\u043d\u043e\u0439 \u0432\u0435\u0440\u0441\u0438\u0438 \u0438\u0433\u0440\u044b<\/li>\n<li>\u0414\u0438\u043d\u0430\u043c\u0438\u0447\u043d\u043e\u0441\u0442\u044c. \u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043a\u043b\u0435\u0442\u043e\u043a \u0438 \u0431\u043e\u0431\u043c, \u043c\u043e\u0436\u043d\u043e \u0438\u0437\u043c\u0435\u043d\u044f\u0442\u044c<\/li>\n<li>\u0410\u043b\u0433\u043e\u0440\u0438\u0442\u043c \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u043e \u043f\u043e\u0445\u043e\u0436\u0438\u0439 \u043d\u0430 \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c \u0438\u0437 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b\u044c\u043d\u043e\u0439 \u0432\u0435\u0440\u0441\u0438\u0438 \u0438\u0433\u0440\u044b<\/li>\n<\/ul>\n<p>  \u0411\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u043e \u0438\u0437 \u043f\u0435\u0440\u0435\u0447\u0438\u0441\u043b\u0435\u043d\u043d\u044b\u0445 \u043f\u0443\u043d\u043a\u0442\u043e\u0432, \u043c\u043d\u0435 \u0432\u0441\u0435 \u0436\u0435 \u0443\u0434\u0430\u043b\u043e\u0441\u044c \u0441\u043e\u0431\u043b\u044e\u0441\u0442\u0438, \u043d\u043e \u043e\u0442 \u044d\u0442\u043e\u0433\u043e \u043a\u043e\u0434 \u043e\u0436\u0438\u0440\u0435\u043b \u0434\u043e 50 \u0441\u0442\u0440\u043e\u043a \u043a\u043e\u0434\u0430. \u0416\u0435\u0440\u0442\u0432\u043e\u0432\u0430\u0442\u044c \u0447\u0438\u0442\u0430\u0431\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c\u044e \u043d\u0435 \u0445\u043e\u0442\u0435\u043b\u043e\u0441\u044c, \u043e\u0442 \u043d\u0435\u0435 \u0438 \u0442\u0430\u043a \u0441\u043b\u0435\u0434\u0430 \u043d\u0435 \u043e\u0441\u0442\u0430\u043b\u043e\u0441\u044c. <\/p>\n<p>  \u0424\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b \u0438\u0437 \u043f\u043e\u0434\u043b\u0438\u043d\u043d\u043e\u0439 \u0438\u0433\u0440\u044b, \u043a\u043e\u0433\u0434\u0430 \u0443\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0448\u044c \u0434\u0432\u0435 \u043a\u043d\u043e\u043f\u043a\u0438 \u043c\u044b\u0448\u0438, \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u0441\u043e\u0441\u0435\u0434\u043d\u0438\u0435 \u043a\u043b\u0435\u0442\u043a\u0438, \u044f \u0435\u0433\u043e \u0432 \u0442\u0430\u043a\u043e\u043c \u0432\u0438\u0434\u0435 \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u043d\u0435 \u0441\u043c\u043e\u0433. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u044f \u0441\u0434\u0435\u043b\u0430\u043b, \u0447\u0442\u043e\u0431\u044b \u043f\u0440\u0438 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u0438 \u043d\u0430 \u0431\u043b\u043e\u043a, \u0432\u043e\u043a\u0440\u0443\u0433 \u043d\u0435\u0433\u043e \u0438 \u0435\u0433\u043e \u0441\u043e\u0441\u0435\u0434\u043d\u0438\u0445 \u0431\u043b\u043e\u043a\u043e\u0432, \u043f\u043e\u044f\u0432\u043b\u044f\u043b\u0430\u0441\u044c \u0440\u0430\u043c\u043a\u0430, \u043e\u0442\u0434\u0435\u043b\u044f\u044e\u0449\u0430\u044f \u044d\u0442\u0438 \u0431\u043b\u043e\u043a\u0438 \u043e\u0442 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0445. <\/p>\n<p>  \u0418\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0431\u043b\u043e\u043a\u043e\u0432, \u043c\u043e\u0436\u043d\u043e \u0432 \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442\u0430\u0445 \u0432\u044b\u0437\u043e\u0432\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438, \u0433\u0434\u0435.  <\/p>\n<pre><code class=\"javascript\">function(\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e_\u0431\u043b\u043e\u043a\u043e\u0432_\u043f\u043e_\u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u0438, \u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e_\u0431\u043b\u043e\u043a\u043e\u0432_\u043f\u043e_\u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u0438, \u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e_\u043c\u0438\u043d, is_generate) <\/code><\/pre>\n<p>  \u041a \u0441\u043e\u0436\u0430\u043b\u0435\u043d\u0438\u044e, \u0435\u0441\u043b\u0438 \u043c\u0435\u043d\u044f\u0442\u044c \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0431\u043b\u043e\u043a\u043e\u0432, \u0442\u043e \u043f\u0440\u0438\u0434\u0435\u0442\u0441\u044f \u043c\u0435\u043d\u044f\u0442\u044c \u0438 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0443 HTML \u043a\u043e\u0434\u0430.<br \/>  \u0412\u043e\u0442 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u043a\u043e\u0434<\/p>\n<pre><code class=\"javascript\">(function(width, height, count_mins, ar, is_generate) { \tfunction $(el) { return document.getElementById(el); } \tfunction get_key(e) { $d = (e.which == null) ? ((e.button == 2) ? 3 : 1) : e.which; console.warn($d); return $d; } \tfunction generate(nx,ny) { \t\tfor(var i = 0,x=0,y=0; i &lt; count_mins; x=Math.round(Math.random()*width),y=Math.round(Math.random()*height)) { \t\t\tif(('p' + x.toString() + '_' + y.toString()) in ar || (nx == x && ny == y)) continue; \t\t\telse ar['p' + x.toString() + '_' + y.toString()] = 'X', i = i+1; \t\t} \t\tfor(var x = 0; x &lt; width; x++)  \t\tfor(var y = 0,c=0; y &lt; height; y++,c=0) { \t\t\tif(ar['p'+x.toString()+'_'+y.toString()]=='X') continue; \t\t\tfor(var ix = -1; ix &lt; 2; ix++) for(var iy = -1; iy &lt; 2; iy++) \t\t\t\tc += ar['p'+(x+ix).toString() + '_' + (y+iy).toString()] == 'X' ? 1 : 0; \t\t\tar['p'+x.toString()+'_'+y.toString()]=c.toString(); \t\t} \t} \tfunction game_over() { \t\tfor(var x = 0; x &lt; width; x++) \t\t\tfor(var y = 0, z=0,g=0; y &lt; height; y++) { \t\t\t\tz=ar['p'+x.toString()+'_'+y.toString()]; \t\t\t\tif(z != '#') { \t\t\t\t\t$('p_'+x.toString()+'_'+y.toString()).innerHTML = z; \t\t\t\t\t$('p_'+x.toString()+'_'+y.toString()).className = 'dig'+z; \t\t\t\t} \t\t\t} \t\t$('saper_game').className = 'game_over'; \t} \tfunction flag(x,y) { \t\tvar i = 'p_'+x.toString()+'_'+y.toString(), c = $(i), cn=c.className, d = cn=='flag' ? (c.className = 'quest') : (cn == 'quest' ? c.className = '' : (cn == '' ? c.className = 'flag' : '')); \t} \tfunction open(x,y) { \t\tvar tmp = ar['p' + x.toString() + '_' + y.toString()],$el=$('p_' + x.toString() + '_' + y.toString()); \t\tif(tmp == []._ || tmp == '#' || (tmp == 'X' && alert('Game Over') == []._ && game_over() == []._ && ($el.className += ' open_lose') )) return; \t\t$el.className = 'is_open dg'+(dg=ar['p'+x.toString()+'_'+y.toString()]); \t\t$el.innerHTML = dg,\tar['p' + x.toString() + '_' + y.toString()] = '#'; \t\tfor(var i = 0; i &lt;= 7 && tmp == '0'; i++) { \t\t   var p = Math.PI\/4*i, c = Math.cos(p).toFixed(2), xx = (c &lt; 0 ? Math.floor(c) : Math.ceil(c)), c = Math.sin(p).toFixed(2),  \t\t   yy = (c &lt; 0 ? -Math.floor(c) : -Math.ceil(c)), p = open(x+xx, y+yy); \t\t} \t} \tfor(var x = 0; x &lt; width; x++)  \t\tfor(var y = 0,c=0; y &lt; height; y++,c=0) { \t\t\t$('p_'+x.toString()+'_'+y.toString()).onclick = function(e) {  \t\t\t\tif(!is_generate) { generate(parseInt(this.id.split('_')[1]), parseInt(this.id.split('_')[2])); is_generate = true; } \t\t\t\tif(this.className != 'flag' && $('saper_game').className != 'game_over') open(parseInt(this.id.split('_')[1]), parseInt(this.id.split('_')[2]));  \t\t\t} \t\t\t$('p_'+x.toString()+'_'+y.toString()).onmousedown = function(e) { var evt = (e==null ? event:e), p=[parseInt(this.id.split('_')[1]), parseInt(this.id.split('_')[2])], d = get_key(evt) == 3 ? flag(p[0], p[1]) : ''; } \t\t} \tdocument.body.oncontextmenu = function() { return false; }; })(10,10,10,{},false); <\/code><\/pre>\n<p>  <\/p>\n<div class=\"spoiler\"><b class=\"spoiler_title\">\u041a\u043e\u0434 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0438<\/b><\/p>\n<div class=\"spoiler_text\">\n<pre><code class=\"html\">&lt;div id=&quot;saper_game&quot; class=&quot;gaming&quot;&gt; \t\t&lt;div class=&quot;row&quot;&gt; \t\t\t&lt;div id=&quot;p_0_0&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_1_0&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_2_0&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_3_0&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_4_0&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_5_0&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_6_0&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_7_0&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_8_0&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_9_0&quot;&gt;&lt;\/div&gt; \t\t&lt;\/div&gt; \t\t&lt;div class=&quot;row&quot;&gt; \t\t\t&lt;div id=&quot;p_0_1&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_1_1&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_2_1&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_3_1&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_4_1&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_5_1&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_6_1&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_7_1&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_8_1&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_9_1&quot;&gt;&lt;\/div&gt; \t\t&lt;\/div&gt; \t\t&lt;div class=&quot;row&quot;&gt; \t\t\t&lt;div id=&quot;p_0_2&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_1_2&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_2_2&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_3_2&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_4_2&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_5_2&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_6_2&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_7_2&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_8_2&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_9_2&quot;&gt;&lt;\/div&gt; \t\t&lt;\/div&gt; \t\t&lt;div class=&quot;row&quot;&gt; \t\t\t&lt;div id=&quot;p_0_3&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_1_3&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_2_3&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_3_3&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_4_3&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_5_3&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_6_3&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_7_3&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_8_3&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_9_3&quot;&gt;&lt;\/div&gt; \t\t&lt;\/div&gt; \t\t&lt;div class=&quot;row&quot;&gt; \t\t\t&lt;div id=&quot;p_0_4&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_1_4&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_2_4&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_3_4&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_4_4&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_5_4&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_6_4&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_7_4&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_8_4&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_9_4&quot;&gt;&lt;\/div&gt; \t\t&lt;\/div&gt; \t\t&lt;div class=&quot;row&quot;&gt; \t\t\t&lt;div id=&quot;p_0_5&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_1_5&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_2_5&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_3_5&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_4_5&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_5_5&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_6_5&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_7_5&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_8_5&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_9_5&quot;&gt;&lt;\/div&gt; \t\t&lt;\/div&gt; \t\t&lt;div class=&quot;row&quot;&gt; \t\t\t&lt;div id=&quot;p_0_6&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_1_6&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_2_6&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_3_6&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_4_6&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_5_6&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_6_6&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_7_6&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_8_6&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_9_6&quot;&gt;&lt;\/div&gt; \t\t&lt;\/div&gt; \t\t&lt;div class=&quot;row&quot;&gt; \t\t\t&lt;div id=&quot;p_0_7&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_1_7&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_2_7&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_3_7&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_4_7&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_5_7&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_6_7&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_7_7&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_8_7&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_9_7&quot;&gt;&lt;\/div&gt; \t\t&lt;\/div&gt; \t\t&lt;div class=&quot;row&quot;&gt; \t\t\t&lt;div id=&quot;p_0_8&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_1_8&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_2_8&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_3_8&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_4_8&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_5_8&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_6_8&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_7_8&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_8_8&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_9_8&quot;&gt;&lt;\/div&gt; \t\t&lt;\/div&gt; \t\t&lt;div class=&quot;row&quot;&gt; \t\t\t&lt;div id=&quot;p_0_9&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_1_9&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_2_9&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_3_9&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_4_9&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_5_9&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_6_9&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_7_9&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_8_9&quot;&gt;&lt;\/div&gt; \t\t\t&lt;div id=&quot;p_9_9&quot;&gt;&lt;\/div&gt; \t\t&lt;\/div&gt; \t&lt;\/div&gt; <\/code><\/pre>\n<p>  <\/div>\n<\/div>\n<p>  <\/p>\n<div class=\"spoiler\"><b class=\"spoiler_title\">\u0418 \u0441\u0442\u0438\u043b\u044c, \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u0441\u044f \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u043e\u0431\u044a\u0435\u043c\u043d\u044b\u0439<\/b><\/p>\n<div class=\"spoiler_text\">\n<pre><code class=\"css\">body { \tbackground: #252525; } #saper_game { \tmargin: 0 auto; \twidth: 430px; } div.row div { \tborder: 3px solid black; \tmargin: 3px; \twidth: 30px; \theight: 28px; \tdisplay: inline-block; \tborder-radius: 4px; \tbackground: #242424; \tbackground: url(data:image\/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA\/Pgo8c3ZnIHhtbG5zPSJod\u2026EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); \tbackground: -moz-linear-gradient(top, rgba(36, 36, 36, 1) 0%, rgba(15, 15, 15, 1) 100%); \tbackground: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(36, 36, 36, 1)), color-stop(100%,rgba(15, 15, 15, 1))); \tbackground: -webkit-linear-gradient(top, rgba(36, 36, 36, 1) 0%,rgba(15, 15, 15, 1) 100%); \tbackground: -o-linear-gradient(top, rgba(36, 36, 36, 1) 0%,rgba(15, 15, 15, 1) 100%); \tbackground: -ms-linear-gradient(top, rgba(36, 36, 36, 1) 0%,rgba(15, 15, 15, 1) 100%); \tbackground: linear-gradient(to bottom, rgba(36, 36, 36, 1) 0%,rgba(15, 15, 15, 1) 100%); \tfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242424', endColorstr='#0f0f0f',GradientType=0 ); \tbox-shadow: inset 0px 1px 0px 0px #494949; \t-webkit-transition: background 0.5s ease; \t-moz-transition: background 0.5s ease; \t-o-transition: background 0.5s ease; \ttransition: background 0.5s ease; \t-webkit-transition: box-shadow 0.5s ease; \t-moz-transition: box-shadow 0.5s ease; \t-o-transition: box-shadow 0.5s ease; \ttransition: box-shadow 0.5s ease; \ttext-align: center; \tpadding-top: 1px; \tcolor: #ADABAB; \tfloat: left; \tcursor: pointer; \t-webkit-touch-callout: none; \t-webkit-user-select: none; \t-khtml-user-select: none; \t-moz-user-select: none; \t-ms-user-select: none; \tuser-select: none; \tposition: relative; \tz-index: 1; \tfont-weight: bold; \tfont-size: 24px; } div.row div.is_open, div.row div.is_open:hover { \tbackground: #f5f0f0; \tbackground: url(data:image\/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA\/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNWM1YzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); \tbackground: -moz-linear-gradient(top,  #f5f0f0 0%, #c5c5c5 100%); \tbackground: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f0f0), color-stop(100%,#c5c5c5)); \tbackground: -webkit-linear-gradient(top,  #f5f0f0 0%,#c5c5c5 100%); \tbackground: -o-linear-gradient(top,  #f5f0f0 0%,#c5c5c5 100%); \tbackground: -ms-linear-gradient(top,  #f5f0f0 0%,#c5c5c5 100%); \tbackground: linear-gradient(to bottom,  #f5f0f0 0%,#c5c5c5 100%); \tfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f0f0', endColorstr='#c5c5c5',GradientType=0 ); \tcolor: black; \tbox-shadow: inset 1px 1px 2px 0px; \tcursor: default; \tfont-weight: bold; } div.row div:hover { \tbackground: #0f0f0f; \tbackground: url(data:image\/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA\/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBmMGYwZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNDI0MjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); \tbackground: -moz-linear-gradient(top,  #0f0f0f 0%, #242424 100%); \tbackground: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0f0f0f), color-stop(100%,#242424)); \tbackground: -webkit-linear-gradient(top,  #0f0f0f 0%,#242424 100%); \tbackground: -o-linear-gradient(top,  #0f0f0f 0%,#242424 100%); \tbackground: -ms-linear-gradient(top,  #0f0f0f 0%,#242424 100%); \tbackground: linear-gradient(to bottom,  #0f0f0f 0%,#242424 100%); \tfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f0f0f', endColorstr='#242424',GradientType=0 ); \tbox-shadow: inset 0px 1px 0px 0px #494949, 0px 0px 3px 0px cyan; \tz-index: 0; }  div.row div:hover:before { \tborder: 1px solid cyan; \tdisplay: block; \tcontent: ''; \theight: 128px; \twidth: 122px; \tmargin-top: -52px; \tmargin-left: -47px; \tbox-shadow: 0px 0px 3px 0px cyan, inset 0px 0px 3px 0px cyan; \tborder-radius: 5px; \tposition: absolute; }  div.row { \twidth: 100%; \theight: 45px; \tclear: both; } .gaming div.row div.flag { \tbackground-image: url('data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8\/9hAAAABmJLR0QA\/wD\/AP+gvaeTAAABK0lEQVQ4jWNgoBZwcHBQcXR01CZVHwucwcjo+5eFVVs7vYv1i4CC1l8mdla27++f8L27dZDz9v4px48f\/46s0c3NjXvXrl1fWZAFvwnIW76RN9X695+N4bWMFQPDXwZ9lh\/fvMUkbXJUDJ6e5Pj68vZfZg7Ob9yyRk8\/3LnNwLArFcUABgaG\/4x\/fjMwMLPBBf6wcjE8U\/SUY\/jHIMfwl4EBhlWvz7zOwMDAwESqn9EBbQz4z8RMtAEoYcD47x8T659v17jeP7nA\/\/Ia83cOUemPIrqGX3nkuYkygPPD40PKhybkHDhw4A9MzDQ01eCdqEniTy5Jqx+swlIsv74wcn19cZ7zy7M1KCa5ODoWujg5tRDtdigYpLFACoAH4n8mptuM\/\/69pNRAkgEAa59hbsPHCCUAAAAASUVORK5CYII=')!important; \tbackground-position: 6px 7px; \tbackground-repeat: no-repeat; } .gaming div.row div.quest { \tbackground-position: 7px 7px; \tbackground-repeat: no-repeat; \tbackground-image: url('data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8\/9hAAAC+ElEQVQ4jWWTP2xbVRjFf9+99\/01TgwJCQkMbkMKqCkEKGoXBpiQEqkpZUL8y8BeRqYwMMBQRMWMGtQgJCSKYWCohARIVCCoMJUgLbSipVERTuzYcexn+713L4OlirafdLZzznC+c4TbbnZxrSTIEkoeQ9S8iICob0WkevHMC5Xb+XKLeOH08WIxXnloZqoUhSFRFDHIcmr1XerNDts7navWuTfWPz1SucNgduH0qfm58mt7y\/ezfq1LrZmR2SHFaAg9QTtLo1WnnybLv3+yuHrTYHZh7a1DT8ysFEfH+eVyh73TEa8vTvL0o0WsdXzz6w6nzm5x5cYALdDtNMgG3aO\/ffxcRWYX18pTE6W\/Dj7+CN9daDM17lN5+2GsteS5w1qLc44b9ZSXTlxHRHDOkrRqTWvzPXp837GVw0\/OHl7fyOiljt2eJQ4U9VbGiTM1HLBn0iP2hR8v92n1QGmNaB3m6eCS8QNvSZmI7XYXRECED76skTshs6C18OyBGOccm7uOTjrMLNQRottHzOhIoVxrpsM0BPqpo9vJEa15YMLnzWNjWGs590efRg\/8yABQUJB0dclYB71BjnWwvZORI3i+RnuKd16ZIA6EK\/9mnPy6QxB7KDV8XDFw1BsGM0hzBMfmdooTwfgKZRQLB+9iZtJgrePD7xNSZQgChdIKgJGCRZRGdZJBpd1OsM4hSlB6iKl7DM45nHNc2nQEoSGIPMLYY2TEIwxAtKkaRH3Rau8uFcNRulZQaojKzwn7pn22EjC+xgs0fuhhfE15DP5cbyFKf6Qufvb8atJPqpHOMQKIIEo4+lTMoRmfhTmfuWmD9jReqJm+10ORs\/FPv3L+\/QNVBeBwy4O01QzE3uz2hesp3QFs7MDfTYdRcN+oUPIyzv3QqIrSy7dsYf+LX82jzOe5GS3rsEgcGeKCR6FouLvkMVYybDV6XNtIqoNMnvnp3Qebd6xx7uWzJZQ6Ltp71XhBOS7EhJEhzS27SV4VbU6ef2\/\/6v81\/wH6bjI89FfNwgAAAABJRU5ErkJggg=='); } #saper_game div.row .dg0 { \ttext-indent: -10000px; } #saper_game div.row .dg1 { \tcolor: #008FFF; } #saper_game div.row .dg2 { \tcolor: green; } #saper_game div.row .dg3 { \tcolor: red; } #saper_game div.row .dg4 { \tcolor: blue; } #saper_game div.row .dg5, #saper_game div.row .dg6, #saper_game div.row .dg7, #saper_game div.row .dg8 { \tcolor: #860000; } #saper_game div.row .digX { \tbackground-image: url('data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8\/9hAAACSElEQVR4XpWTTYgSYRjHH79aHTVRd4VVwQzEi0rSZY+FELLSZYXORtCxU3TsFHTZ7RR2sU7SIaSgkxeFDiaCIqirLX4QiAri98HEr6dn3maGKerQCz\/eQef3PM\/83xn4z8UR14iDl0\/gxb0TCCv\/IdhcLtfdQCBwZrVa75Bg0Gg0t88vXl9+TYUKb5\/DZxMHty7bMPhTtMdisXf5fH7e6\/Ww1WphNpvFSCTS9fv9vWj0DL9fZfD09H6SBNVvpk6nO0kmk93tdov9fh9LpRKm02lMpVIYj8fRbDYjCajlru8PDrhHoqcWOycSiY\/hcPi4WCzCZDKB6XTK9tlsBovFAtRqNRNWy0WPtk9iAZZBKBR6FgwGjwuFAjSbTWi32xKdTgcqlQorJiwn8VRegPP5fNFGowH0zEwSdum6XC7DbrcDhUIheg8IjVjgJgXmFAS5yKap1WowHA5FWeQG4RYz4DKZDCAirNdrGI1GbNzxeAzz+Rw2mw2TERFUKhVwHMf\/plqtVkaxmo\/YU0hoMpnQYDAgfw0AEkqlErVaLR4eHqLH4+FPZE2OhwAFwRE1cSQZrDO9QKDX64EKg9FoZFSr1W\/L5TJAzobPYEl8EAQpKJqCCdQVjo6OGHa7HUjkec\/L0jESr4iW8Jyso8VikUSbzQZOp5OdRL1e\/0LCOQHyAkPiIXFFI0vdHA4HDys2GAwgl8tVqMhjEn787SszEl7iDQXWJXHn9XrR7XbvKNg2CRdCcJysMcgPV0Og7G1zC0UXRJPoy+7fi9JP9hILhtZZYFgAAAAASUVORK5CYII='); \tbackground-repeat: no-repeat; \tbackground-position: 7px 7px; \ttext-indent: -100000px; } #saper_game div.row .open_lose { \tborder-color: red!important; \ttext-indent: 0px!important; \tfont-family: cursive; \tfont-size: 39px; \tfont-weight: normal; \tline-height: 24px; \tcolor: red; } <\/code><\/pre>\n<p>  <\/div>\n<\/div>\n<p>  <a href=\"http:\/\/jsfiddle.net\/Vlad_IT\/mxtKX\/2\/\">\u0421\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 jsfiddle<\/a> \t\t\t<\/p>\n<div class=\"clear\"><\/div>\n<\/p><\/div>\n<p> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"http:\/\/habrahabr.ru\/post\/202758\/\"> http:\/\/habrahabr.ru\/post\/202758\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<div class=\"content html_format\"> \t\t\t\u041d\u0430 \u0445\u0430\u0431\u0440\u0435 \u0441\u0442\u0430\u043b\u0438 \u0432\u044b\u043a\u043b\u0430\u0434\u044b\u0432\u0430\u0442\u044c \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u0438\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043d\u0430 JavaScript \u0432 30 \u0441\u0442\u0440\u043e\u043a, \u0438 \u044f \u0442\u043e\u0436\u0435 \u0440\u0435\u0448\u0438\u043b \u043f\u043e\u043f\u0440\u043e\u0431\u043e\u0432\u0430\u0442\u044c, \u0438 \u043d\u0430\u043f\u0438\u0441\u0430\u043b \u0432\u0441\u0435\u043c \u0438\u0437\u0432\u0435\u0441\u0442\u043d\u0443\u044e \u0438\u0433\u0440\u0443 \u0441\u0430\u043f\u0435\u0440. \u0415\u0441\u043b\u0438 \u0432\u0430\u043c \u0435\u0449\u0435 \u043d\u0435 \u043d\u0430\u0434\u043e\u0435\u043b\u0430 \u044d\u0442\u0430 \u0442\u0435\u043c\u0430, \u0442\u043e \u043f\u0440\u043e\u0448\u0443 \u043f\u043e\u0434 \u043a\u0430\u0442.  <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-202758","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/202758","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=202758"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/202758\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=202758"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=202758"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=202758"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}