{"id":4882,"date":"2021-08-06T12:25:27","date_gmt":"2021-08-06T12:25:27","guid":{"rendered":"https:\/\/www.bearloga.space\/?page_id=4882"},"modified":"2021-08-06T12:25:27","modified_gmt":"2021-08-06T12:25:27","slug":"jquery-logosdistort-js","status":"publish","type":"page","link":"https:\/\/www.bearloga.space\/uk\/jquery-logosdistort-js\/","title":{"rendered":"jQuery \u2014 Logosdistort.js"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Logosdistort.js \u2014 \u043f\u043b\u0430\u0433\u0438\u043d jQuery \u0434\u043b\u044f \u0431\u044b\u0441\u0442\u0440\u043e\u0439 \u0438 \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u044d\u0444\u0444\u0435\u043a\u0442\u0430 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u043c\u044b\u0448\u0438 \u043d\u0430 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u041f\u0440\u043e\u0441\u0442\u043e\u0439 \u043f\u0440\u0438\u043c\u0435\u0440 logosdistort, \u043a\u0430\u043a \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u043e \u043d\u0438\u0436\u0435 \u2014<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n   &lt;head&gt;\n      &lt;meta name = \"viewport\" content = \"width = device-width, initial-scale = 1.0\"&gt;\n      &lt;link rel = \"stylesheet\" \n         href = \"\/\/maxcdn.bootstrapcdn.com\/font-awesome\/4.3.0\/css\/font-awesome.min.css\"&gt;\n      &lt;link href = \"assets\/css\/style.css\" rel = \"stylesheet\" \/&gt;\n      &lt;link href = \"assets\/css\/perspectiveRules.css\" rel = \"stylesheet\" \/&gt;\n   &lt;\/head&gt;\n\t\n   &lt;body&gt;\n      &lt;div id = \"min-max-tag\"&gt;&lt;i class = \"fa fa-chevron-circle-left\"&gt;&lt;\/i&gt;&lt;\/div&gt;\n\n      &lt;div id = \"demo1\"&gt;\n         &lt;div id = \"particle-target\" &gt;&lt;\/div&gt;\n         &lt;img alt = \"logo\" src = \"assets\/images\/logo.png\" \/&gt;\n      &lt;\/div&gt;\n\n      &lt;script \n         src = \"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/2.1.3\/jquery.min.js\"&gt;\n      &lt;\/script&gt;\n      &lt;script src = \"assets\/js\/jquery.logosDistort.min.js\"&gt;&lt;\/script&gt;\n      &lt;script src = \"assets\/js\/jquery.particleground.min.js\"&gt;&lt;\/script&gt;\n\t\t\n      &lt;script&gt;\n         var particles = true,\n         particleDensity,\n\t\t\t\n         options = {\n            effectWeight: 1,\n            outerBuffer: 1.08,\n            elementDepth: 220\n         };\n\n         $(document).ready(function() {\n\n            $(\"#demo1\").logosDistort(options);\n\n            if (particles) {\n               particleDensity = window.outerWidth * 7.5;\n               if (particleDensity &lt; 13000) {\n                  particleDensity = 13000;\n               } else if (particleDensity &gt; 20000) {\n                  particleDensity = 20000;\n               }\n               return $('#particle-target').particleground({\n                  dotColor: '#1ec5ee',\n                  lineColor: '#0a4e90',\n                  density: particleDensity.toFixed(0),\n                  parallax: false\n               });\n            }\n         });\n      &lt;\/script&gt;\n\n   &lt;\/body&gt;\n&lt;\/html&gt;<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Logosdistort.js \u2014 \u043f\u043b\u0430\u0433\u0438\u043d jQuery \u0434\u043b\u044f \u0431\u044b\u0441\u0442\u0440\u043e\u0439 \u0438 \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u044d\u0444\u0444\u0435\u043a\u0442\u0430 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u043c\u044b\u0448\u0438 \u043d\u0430 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u041f\u0440\u043e\u0441\u0442\u043e\u0439 \u043f\u0440\u0438\u043c\u0435\u0440 logosdistort, \u043a\u0430\u043a \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u043e \u043d\u0438\u0436\u0435 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[154],"tags":[],"class_list":["post-4882","page","type-page","status-publish","hentry","category-jquery"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/pages\/4882","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/comments?post=4882"}],"version-history":[{"count":0,"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/pages\/4882\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/media?parent=4882"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/categories?post=4882"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/tags?post=4882"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}