{"id":1406,"date":"2023-05-06T15:35:53","date_gmt":"2023-05-06T12:35:53","guid":{"rendered":"https:\/\/notes.profidev.online\/?p=1406"},"modified":"2023-05-06T15:35:54","modified_gmt":"2023-05-06T12:35:54","slug":"ps4-interface","status":"publish","type":"post","link":"https:\/\/notes.profidev.online\/ru\/other\/1406\/","title":{"rendered":"PS4 Interface"},"content":{"rendered":"\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"PS4 Interface\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/6PqXL-vUNq4?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre class=\"CodeMirror\" data-setting=\"{&quot;showPanel&quot;:true,&quot;languageLabel&quot;:&quot;language&quot;,&quot;fullScreenButton&quot;:true,&quot;copyButton&quot;:true,&quot;mode&quot;:&quot;htmlmixed&quot;,&quot;mime&quot;:&quot;text\/html&quot;,&quot;theme&quot;:&quot;cobalt&quot;,&quot;lineNumbers&quot;:true,&quot;styleActiveLine&quot;:true,&quot;lineWrapping&quot;:true,&quot;readOnly&quot;:false,&quot;fileName&quot;:&quot;&quot;,&quot;TrpContentRestriction&quot;:{&quot;restriction_type&quot;:&quot;exclude&quot;,&quot;selected_languages&quot;:[],&quot;panel_open&quot;:true},&quot;language&quot;:&quot;HTML&quot;,&quot;maxHeight&quot;:&quot;400px&quot;,&quot;modeName&quot;:&quot;html&quot;}\">  &lt;head&gt;\n    &lt;meta charset=&quot;UTF-8&quot;&gt;\n      &lt;title&gt;PS4&lt;\/title&gt;\n      &lt;link rel=&quot;stylesheet&quot; type=&quot;text\/css&quot; href=&quot;https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/animate.css\/3.5.2\/animate.min.css&quot;&gt;\n      &lt;script src=&quot;https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.12.4\/jquery.min.js&quot;&gt;&lt;\/script&gt;\n    &lt;\/head&gt;\n    &lt;body&gt;\n      &lt;header&gt;\n        &lt;div id=&quot;plus&quot;&gt;&lt;\/div&gt;\n        &lt;div id=&quot;info&quot;&gt;&lt;\/div&gt;\n        &lt;div id=&quot;textInfo&quot;&gt;Overwatch Update V 1.2.3&lt;\/div&gt;\n        &lt;div id=&quot;friends&quot;&gt;&lt;\/div&gt;\n        &lt;div id=&quot;user&quot;&gt;&lt;\/div&gt;\n        &lt;div id=&quot;userName&quot;&gt;Pixmy Sky&lt;\/div&gt;\n        &lt;div id=&quot;trophies&quot;&gt;&lt;\/div&gt;\n        &lt;div id=&quot;clock&quot;&gt;10:02 PM&lt;\/div&gt;\n      &lt;\/header&gt;\n    \n    \n      &lt;div id=&quot;games&quot;&gt;\n        &lt;div class=&quot;squareGame animated bounceInLeft&quot;&gt;\n          &lt;div class=&quot;imgGame ps&quot;&gt;&lt;\/div&gt;\n          &lt;div class=&quot;gameText&quot;&gt;Start&lt;\/div&gt;\n          &lt;span class=&quot;gameTitle&quot;&gt;Playstation Store&lt;\/span&gt;\n          &lt;div id=&quot;store&quot;&gt;\n            &lt;div id=&quot;god&quot; class=&quot;storeGame&quot;&gt;&lt;\/div&gt;\n            &lt;div id=&quot;raider&quot; class=&quot;storeGame&quot;&gt;&lt;\/div&gt;\n            &lt;div id=&quot;codi&quot; class=&quot;storeGame&quot;&gt;&lt;\/div&gt;\n            &lt;div id=&quot;mafia&quot; class=&quot;storeGame&quot;&gt;&lt;\/div&gt;\n            &lt;div id=&quot;destiny&quot; class=&quot;storeGame&quot;&gt;&lt;\/div&gt;\n            &lt;div id=&quot;bt1&quot; class=&quot;storeGame&quot;&gt;&lt;\/div&gt;\n            &lt;div id=&quot;lg&quot; class=&quot;storeGame&quot;&gt;&lt;\/div&gt;\n            &lt;div id=&quot;per&quot; class=&quot;storeGame&quot;&gt;&lt;\/div&gt;\n          &lt;\/div&gt;\n        &lt;\/div&gt;\n        &lt;div class=&quot;squareGame animated bounceInLeft&quot;&gt;\n          &lt;div class=&quot;imgGame new&quot;&gt;&lt;\/div&gt;\n          &lt;div class=&quot;gameText ascii&quot;&gt;\u25bc&lt;\/div&gt;\n          &lt;span class=&quot;gameTitle&quot;&gt;What's New&lt;\/span&gt;\n        &lt;\/div&gt;\n        &lt;div class=&quot;squareGame animated bounceInLeft&quot;&gt;\n          &lt;div class=&quot;imgGame overwatch&quot;&gt;&lt;\/div&gt;\n          &lt;div class=&quot;gameText&quot;&gt;Start&lt;\/div&gt;\n          &lt;span class=&quot;gameTitle&quot;&gt;Overwatch&lt;\/span&gt;\n        &lt;\/div&gt;\n        &lt;div class=&quot;squareGame animated bounceInLeft&quot;&gt;\n          &lt;div class=&quot;imgGame rocketLeague&quot;&gt;&lt;\/div&gt;\n          &lt;div class=&quot;gameText&quot;&gt;Start&lt;\/div&gt;\n          &lt;span class=&quot;gameTitle&quot;&gt;Rocket League&lt;\/span&gt;\n        &lt;\/div&gt;\n        &lt;div class=&quot;squareGame animated bounceInLeft&quot;&gt;\n          &lt;div class=&quot;imgGame cod&quot;&gt;&lt;\/div&gt;\n          &lt;div class=&quot;gameText&quot;&gt;Start&lt;\/div&gt;\n          &lt;span class=&quot;gameTitle&quot;&gt;Call Of Duty: Black Ops III&lt;\/span&gt;\n        &lt;\/div&gt;\n        &lt;div class=&quot;squareGame animated bounceInLeft&quot;&gt;\n          &lt;div class=&quot;imgGame furi&quot;&gt;&lt;\/div&gt;\n          &lt;div class=&quot;gameText&quot;&gt;Start&lt;\/div&gt;\n          &lt;span class=&quot;gameTitle&quot;&gt;Furi&lt;\/span&gt;\n        &lt;\/div&gt;\n        &lt;div class=&quot;squareGame animated bounceInLeft&quot;&gt;\n          &lt;div class=&quot;imgGame youtube&quot;&gt;&lt;\/div&gt;\n          &lt;div class=&quot;gameText&quot;&gt;Start&lt;\/div&gt;\n          &lt;span class=&quot;gameTitle&quot;&gt;YouTube&lt;\/span&gt;\n        &lt;\/div&gt;\n        &lt;div class=&quot;squareGame animated bounceInLeft&quot;&gt;\n          &lt;div class=&quot;imgGame bro&quot;&gt;&lt;\/div&gt;\n          &lt;div class=&quot;gameText&quot;&gt;Start&lt;\/div&gt;\n          &lt;span class=&quot;gameTitle&quot;&gt;BroForce&lt;\/span&gt;\n        &lt;\/div&gt;\n        &lt;div class=&quot;squareGame animated bounceInLeft&quot;&gt;\n          &lt;div class=&quot;imgGame outlast&quot;&gt;&lt;\/div&gt;\n          &lt;div class=&quot;gameText&quot;&gt;Start&lt;\/div&gt;\n          &lt;span class=&quot;gameTitle&quot;&gt;Outlast 2&lt;\/span&gt;\n        &lt;\/div&gt;\n      &lt;\/div&gt;\n    \n      &lt;div class='box'&gt;\n        &lt;div class='wave -one'&gt;&lt;\/div&gt;\n        &lt;div class='wave -two'&gt;&lt;\/div&gt;\n        &lt;div class='wave -three'&gt;&lt;\/div&gt;\n      &lt;\/div&gt;\n    &lt;\/body&gt;<\/pre><\/div>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre class=\"CodeMirror\" data-setting=\"{&quot;showPanel&quot;:true,&quot;languageLabel&quot;:&quot;language&quot;,&quot;fullScreenButton&quot;:true,&quot;copyButton&quot;:true,&quot;mode&quot;:&quot;css&quot;,&quot;mime&quot;:&quot;text\/css&quot;,&quot;theme&quot;:&quot;cobalt&quot;,&quot;lineNumbers&quot;:true,&quot;styleActiveLine&quot;:true,&quot;lineWrapping&quot;:true,&quot;readOnly&quot;:false,&quot;fileName&quot;:&quot;&quot;,&quot;TrpContentRestriction&quot;:{&quot;restriction_type&quot;:&quot;exclude&quot;,&quot;selected_languages&quot;:[],&quot;panel_open&quot;:true},&quot;language&quot;:&quot;CSS&quot;,&quot;maxHeight&quot;:&quot;400px&quot;,&quot;modeName&quot;:&quot;css&quot;}\">body{\n\tmargin: 0;\n\tpadding: 0;\n\tbackground-color: #0e6cc4;\n\toverflow-x:hidden;\n\toverflow-y:hidden;\n}\n\nheader{\n\theight: 3em;\n\tposition: fixed;\n\twidth: 100%;\n\ttop: 0;\n\tleft: 0;\n\tz-index: 999;\n}\n\nheader div{\n\theight: 100%;\n\tdisplay: inline-block;\n}\n\n#plus{\n\twidth: 3em;\n\tbackground-image: url(&quot;https:\/\/s20.postimg.org\/9jdjr9lml\/plus.png&quot;);\n\tbackground-size: contain;\n\tbackground-repeat: no-repeat;\n\tbackground-position: center;\n\tfloat: left;\n}\n\n#info{\n\twidth: 3em;\n\tbackground-image: url(&quot;https:\/\/i.postimg.cc\/m2x13xDd\/info.png&quot;);\n\tbackground-size: contain;\n\tbackground-repeat: no-repeat;\n\tbackground-position: center;\n\tfloat: left;\n}\n\n#textInfo{\n\tcolor: white;\n\tfont-family: arial;\n\twidth: 25%;\n\tfloat: left;\n\tline-height: 3em;\n}\n\n#friends{\n\twidth: 3em;\n\tbackground-image: url(&quot;https:\/\/i.postimg.cc\/vHwbv8v1\/friends.png&quot;);\n\tbackground-size: contain;\n\tbackground-repeat: no-repeat;\n\tbackground-position: center;\n\tfloat: left;\n}\n\n#user{\n\tmargin-left: 1em;\n\twidth: 3em;\n\tbackground-image: url(&quot;https:\/\/s20.postimg.org\/yvwsexlfh\/user.png&quot;);\n\tbackground-size: 140%;\n\tbackground-repeat: no-repeat;\n\tbackground-position: center;\n\tfloat: left;\n}\n\n#userName{\n\tcolor: white;\n\tfont-family: arial;\n\twidth: 25%;\n\tfloat: left;\n\tline-height: 3em;\n}\n\n#trophies{\n\tmargin-left: 1em;\n\twidth: 3em;\n\tbackground-image: url(&quot;https:\/\/i.postimg.cc\/wTKmp1Cx\/trophy.png&quot;);\n\tbackground-size: contain;\n\tbackground-repeat: no-repeat;\n\tbackground-position: center;\n\tfloat: left;\n}\n\n#clock{\n\tfont-family: arial;\n\tline-height: 3em;\n\tfloat: right;\n\tmargin-right: 1em;\n\tcolor: white;;\n}\n\n\/*ENF OF HEADER********************************\/\n\n#games{\n\twidth: 1120em;\n\tposition: absolute;\n\ttop: .5em;\n\tleft: 0;\n\tpadding: 5em;\n\tz-index: 99;\n\t\n}\n\n.squareGame{\n\theight: 11em;\n\twidth: 11em;\n\tvertical-align: top;\n\tdisplay: inline-block;\n\ttransition: 0.3s ease;\n}\n\n.squareGame:hover{\n\theight: 16.5em;\n\twidth: 15em;\n\tborder: 3px solid white;\n\tcursor: pointer;\n}\n\n.squareGame:hover .imgGame{\n\theight: 85%;\n}\n\n.imgGame{\n\theight: 100%;\n\tbackground-size: 100%;\n\tbackground-repeat: no-repeat;\n\tbackground-position: center;\n}\n\n.gameText{\n\tcolor: white;\n\tfont-family: arial;\n\ttext-align: center;\n\tline-height: 2.4em;\n\tbackground-color: rgba(255,255,255,.2);\n}\n\n.gameTitle{\n\tposition: absolute;\n\tcolor: white;\n\tfont-size: 1.2em;\n\tfont-family: Arial;\n\ttransform: translate(13.2em,-1.5em);\n}\n\/*SQUARE IMAGE*****************************************\/\n\n.ascii{\n\tfont-weight: bold;\n}\n\n.ps{\n\tbackground-image: url(&quot;https:\/\/i.postimg.cc\/c1pRT9TJ\/ps.png&quot;);\n}\n\n.new{\n\tbackground-image: url(&quot;https:\/\/i.postimg.cc\/X7SSnLHG\/new.png&quot;);\n}\n\n.overwatch{\n\tbackground-image: url(&quot;https:\/\/i.postimg.cc\/kX3QwRGP\/overwatch.png&quot;);\n}\n\n.rocketLeague{\n\tbackground-image: url(&quot;https:\/\/i.postimg.cc\/sfkLSJhY\/rl.png&quot;);\n}\n\n.cod{\n\tbackground-image: url(&quot;https:\/\/i.postimg.cc\/9F5G2TcL\/cod.png&quot;);\n}\n\n.furi{\n\tbackground-image: url(&quot;https:\/\/i.postimg.cc\/dtcZTYk6\/furi.png&quot;);\n}\n\n.youtube{\n\tbackground-image: url(&quot;https:\/\/i.postimg.cc\/L6KF3S10\/yt.png&quot;);\n}\n\n.bro{\n\tbackground-image: url(&quot;https:\/\/i.postimg.cc\/Dykz0PJb\/bro.png&quot;);\n}\n\n.outlast{\n\tbackground-image: url(&quot;https:\/\/i.postimg.cc\/8PQ5xhLw\/outlast.png&quot;);\n}\n\n.storeGame{\n\tbackground-size: 100%;\n\tbackground-repeat: no-repeat;\n\tbackground-position: center;\n}\n\n#god{\n\tbackground-image: url(&quot;https:\/\/i.postimg.cc\/bY7QwSfF\/god.png&quot;);\n}\n\n#raider{\n\tbackground-image: url(&quot;https:\/\/i.postimg.cc\/VLyY6nsT\/tomb.png&quot;);\n}\n\n#codi{\n\tbackground-image: url(&quot;https:\/\/i.postimg.cc\/MKkq3q1Q\/if.png&quot;);\n}\n\n#mafia{\n\tbackground-image: url(&quot;https:\/\/i.postimg.cc\/gk94xTPp\/mafia.png&quot;);\n}\n\n#destiny{\n\tbackground-image: url(&quot;https:\/\/i.postimg.cc\/ncbwWCgJ\/destiny.png&quot;);\n}\n\n#bt1{\n\tbackground-image: url(&quot;https:\/\/i.postimg.cc\/fT4GmHvD\/b1.png&quot;);\n}\n\n#lg{\n\tbackground-image: url(&quot;https:\/\/i.postimg.cc\/sfkNC263\/horizon.png&quot;);\n}\n\n#per{\n\tbackground-image: url(&quot;https:\/\/i.postimg.cc\/QxGz5trH\/per.png&quot;);\n}\n\n\/*store*\/\n\n#store{\n\tpadding: 1em;\n\tpadding-top: 6em;\n\tmargin-top: -3em;\n\twidth: 60em;\n\theight: 25em;\n\tpadding-left: 12em;\n}\n\n#store div{\n\tfloat: left;\n\tborder: 3px solid rgba(245,245,245,1);\n\twidth: 12em;\n\theight: 12em;\n\tdisplay: inline-block;\n}\n\n#store div:hover{\n\ttransform: scale(1.1, 1.1);\n\tbox-shadow: 0px 5px 10px 3px rgba(45,45,45,.7);\n\ttransition: 0.3s ease;\n}\n\n\/*waves****************************\/\n\n\n.box {\n\tposition: fixed;\n\ttop: 0;\n\ttransform: rotate(80deg);\n\tleft: 0;\n}\n\n.wave {\n\tposition: fixed;\n\ttop: 0;\n\tleft: 0;\n  opacity: .4;\n  position: absolute;\n  top: 3%;\n  left: 10%;\n  background: #0af;\n  width: 1500px;\n  height: 1300px;\n  margin-left: -150px;\n  margin-top: -250px;\n  transform-origin: 50% 48%;\n  border-radius: 43%;\n  animation: drift 7000ms infinite linear;\n}\n\n.wave.-three {\n  animation: drift 7500ms infinite linear;\n\tposition: fixed;\n\tbackground-color: #77daff;\n}\n\n.wave.-two {\n  animation: drift 3000ms infinite linear;\n  opacity: .1;\n  background: black;\n\tposition: fixed;\n}\n\n.box:after {\n  content: '';\n  display: block;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 11;\n  transform: translate3d(0, 0, 0);\n}\n\n@keyframes drift {\n  from { transform: rotate(0deg); }\n  from { transform: rotate(360deg); }\n}\n\n\/*LOADING SPACE*\/\n\n.contain {\n\tanimation-delay: 4s;\n\tz-index: 1000;\n\tposition: fixed;\n\ttop: 0;\n\tleft: 0;\n\tbottom: 0;\n\tright: 0;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-flow: row nowrap;\n  flex-flow: row nowrap;\n  -webkit-box-pack: center;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n\n  background: #25a7d7;\n  background: -webkit-linear-gradient(#25a7d7, #2962FF);\n  background: linear-gradient(#25a7d7, #25a7d7);\n}\n\n.icon {\n  width: 100px;\n  height: 100px;\n  margin: 0 5px;\n}\n\n\/*Animation*\/\n.icon:nth-child(2) img {-webkit-animation-delay: 0.2s;animation-delay: 0.2s}\n.icon:nth-child(3) img {-webkit-animation-delay: 0.3s;animation-delay: 0.3s}\n.icon:nth-child(4) img {-webkit-animation-delay: 0.4s;animation-delay: 0.4s}\n\n.icon img {\n  -webkit-animation: anim 2s ease infinite;\n  animation: anim 2s ease infinite;\n  -webkit-transform: scale(0,0) rotateZ(180deg);\n  transform: scale(0,0) rotateZ(180deg);\n}\n\n@-webkit-keyframes anim{\n  0% {\n    -webkit-transform: scale(0,0) rotateZ(-90deg);\n    transform: scale(0,0) rotateZ(-90deg);opacity:0\n  }\n  30% {\n    -webkit-transform: scale(1,1) rotateZ(0deg);\n    transform: scale(1,1) rotateZ(0deg);opacity:1\n  }\n  50% {\n    -webkit-transform: scale(1,1) rotateZ(0deg);\n    transform: scale(1,1) rotateZ(0deg);opacity:1\n  }\n  80% {\n    -webkit-transform: scale(0,0) rotateZ(90deg);\n    transform: scale(0,0) rotateZ(90deg);opacity:0\n  }\n}\n\n@keyframes anim{\n  0% {\n    -webkit-transform: scale(0,0) rotateZ(-90deg);\n    transform: scale(0,0) rotateZ(-90deg);opacity:0\n  }\n  30% {\n    -webkit-transform: scale(1,1) rotateZ(0deg);transform: scale(1,1) rotateZ(0deg);opacity:1\n  }\n  50% {\n    -webkit-transform: scale(1,1) rotateZ(0deg);\n    transform: scale(1,1) rotateZ(0deg);opacity:1\n  }\n  80% {\n    -webkit-transform: scale(0,0) rotateZ(90deg);\n    transform: scale(0,0) rotateZ(90deg);opacity:0\n  }\n}<\/pre><\/div>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre class=\"CodeMirror\" data-setting=\"{&quot;showPanel&quot;:true,&quot;languageLabel&quot;:&quot;language&quot;,&quot;fullScreenButton&quot;:true,&quot;copyButton&quot;:true,&quot;mode&quot;:&quot;javascript&quot;,&quot;mime&quot;:&quot;text\/javascript&quot;,&quot;theme&quot;:&quot;cobalt&quot;,&quot;lineNumbers&quot;:true,&quot;styleActiveLine&quot;:true,&quot;lineWrapping&quot;:true,&quot;readOnly&quot;:false,&quot;fileName&quot;:&quot;&quot;,&quot;TrpContentRestriction&quot;:{&quot;restriction_type&quot;:&quot;exclude&quot;,&quot;selected_languages&quot;:[],&quot;panel_open&quot;:true},&quot;language&quot;:&quot;JavaScript&quot;,&quot;maxHeight&quot;:&quot;400px&quot;,&quot;modeName&quot;:&quot;js&quot;}\">$(document).ready(function(){\n    $(&quot;.gameText&quot;).hide();\n    $('.gameTitle').hide();\n    $('#store').hide();\n    timeout();\n\n    \/\/ Variables for current position\n    var x, y;\n\n    function handleMouse(e) {\n      \/\/ Verify that x and y already have some value\n      if (x &amp;&amp; y) {\n        \/\/ Scroll window by difference between current and previous positions\n        window.scrollBy(e.clientX - x, e.clientY - y);\n      }\n\n      \/\/ Store current position\n      x = e.clientX ;\n      y = e.clientY;\n    }\n\n    \/\/ Assign handleMouse to mouse movement events\n    document.onmousemove = handleMouse;\n\n     $(window).scroll(function(){\n        if ($(this).scrollTop() &gt; 10) {\n            $('header').css(&quot;background-color&quot;,&quot;rgba(34,123,165,.8)&quot;);\n        } else {\n            $('header').css(&quot;background-color&quot;,&quot;rgba(255,255,255,0)&quot;);\n        }\n    });\n});\n\n\nvar time = 0;\n\nfunction timeout() {\n    setTimeout(function () {\n        if(time===0){\n            $(&quot;#textInfo&quot;).text(&quot;Rocket League new content!&quot;);\n            $(&quot;#textInfo&quot;).addClass(&quot;animated slideInDown&quot;);\n            time++;\n        }else\n            if(time===1){\n            $(&quot;#textInfo&quot;).text(&quot;Outlast 2 Demo Downloaded&quot;);\n            $(&quot;#textInfo&quot;).addClass(&quot;animated slideInDown&quot;);\n            time++;\n        }else\n            if(time===2){\n            $(&quot;#textInfo&quot;).text(&quot;Overwatch Update V 1.2.3&quot;);\n            $(&quot;#textInfo&quot;).addClass(&quot;animated slideInDown&quot;);\n            time=0;\n        }\n        setTimeout(function () {\n            $(&quot;#textInfo&quot;).removeClass(&quot;animated slideInDown&quot;);\n        }, 1000);\n        timeout();\n    }, 4000);\n}\n\n$(&quot;.squareGame&quot;).hover(\n    function(){\n        $(this).find('.gameText').show();\n        $(this).find('.gameTitle').show();\n        $(this).find('#store').show();\n    },\n    function(){\n        $(this).find('.gameText').hide();\n        $(this).find('.gameTitle').hide();\n        $(this).find('#store').hide();\n    }\n);\n\nfunction init() {\n  'use strict'\n  function select(a) {\n    return document.querySelector(a);\n  }\n  var randomNum = Math.floor((Math.random() * 24) + 1),\n      triangle = select('.triangle img'),\n      circle = select('.circle img'),\n      cross = select('.cross img'),\n      box = select('.boxi img'),\n      link = 'http:\/\/kapilnemo.free.fr\/codepen\/playstation-loading\/',\n      order = [\n        [1,2,3,4],\n        [1,2,4,3],\n        [1,3,2,4],\n        [1,3,4,2],\n        [1,4,2,3],\n        [1,4,3,2],\n        [2,1,3,4],\n        [2,1,4,3],\n        [2,3,1,4],\n        [2,3,4,1],\n        [2,4,1,3],\n        [2,4,3,1],\n        [3,1,2,4],\n        [3,1,4,2],\n        [3,2,1,4],\n        [3,2,4,1],\n        [3,4,1,2],\n        [3,4,2,1],\n        [4,1,2,3],\n        [4,1,3,2],\n        [4,2,1,3],\n        [4,2,3,1],\n        [4,3,1,2],\n        [4,3,2,1]\n      ];\n\n  triangle.src = link + order[randomNum][0] + &quot;.png&quot;;\n  circle.src = link + order[randomNum][1] + &quot;.png&quot;;\n  cross.src = link + order[randomNum][2] + &quot;.png&quot;;\n  box.src = link + order[randomNum][3] + &quot;.png&quot;;\n\n\n}\nwindow.setInterval(init, 2000);<\/pre><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":1407,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[67],"tags":[],"class_list":["post-1406","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-other"],"_links":{"self":[{"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/posts\/1406","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/comments?post=1406"}],"version-history":[{"count":1,"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/posts\/1406\/revisions"}],"predecessor-version":[{"id":1408,"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/posts\/1406\/revisions\/1408"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/media\/1407"}],"wp:attachment":[{"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/media?parent=1406"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/categories?post=1406"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/tags?post=1406"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}