{"id":154,"date":"2020-06-01T07:37:09","date_gmt":"2020-06-01T07:37:09","guid":{"rendered":"https:\/\/awplife.com\/demo\/animated-live-wall-wordpress-plugin\/?page_id=154"},"modified":"2020-06-01T10:04:38","modified_gmt":"2020-06-01T10:04:38","slug":"animated-link-gallery","status":"publish","type":"page","link":"https:\/\/awplife.com\/demo\/animated-live-wall-free-wordpress-plugin\/animated-link-gallery\/","title":{"rendered":"Animated Link Gallery"},"content":{"rendered":"\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"text-align:center\">YouTube\/ Vimeo \/ Link Gallery<\/h2>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">\t<style type=\"text\/css\">\n\t.brick {\n\t\tbackground: #f5f5f5;\n\t\tbox-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);\n\t\tcolor: #333;\n\t\tborder: none;\n\t}\n\t.brick {\n\t\twidth: 221.2px;\n\t}\n\t.info {\n\t\tpadding: 15px;\n\t\tcolor: #333;\n\t}\n\t.brick img {\n\t\tmargin: 0px;\n\t\tpadding: 0px;\n\t\tdisplay: block;\n\t}\n\t\n\t\n\t@keyframes start {\n\t\tfrom {\n\t\t\ttransform: scale(0);\n\t\t}\n\t\tto {\n\t\t\ttransform: scale(1);\n\t\t}\n\t}\n\n\n\t@-webkit-keyframes start {\n\t\tfrom {\n\t\t\t-webkit-transform: scale(0);\n\t\t}\n\t\tto {\n\t\t\t-webkit-transform: scale(1);\n\t\t}\n\t}\n\n\t.free-wall .brick[data-state=\"init\"] {\n\t\tdisplay: none;\n\t}\n\n\t.free-wall .brick[data-state=\"start\"]  {\n\t\tdisplay: block;\n\t\tanimation: start 0.5s;\n\t\t-webkit-animation: start 0.5s;\n\t}\n\n\t.free-wall .brick[data-state=\"move\"]  {\n\t\ttransition: top 0.5s, left 0.5s, width 0.5s, height 0.5s;\n\t\t-webkit-transition: top 0.5s, left 0.5s, width 0.5s, height 0.5s;\n\t}\n\n\t<\/style>\n\t<div id=\"alw-loader\" style=\"display:none; text-align:center; width:100%;\">\n\t\t<!-- begin folding modal -->\n\t\t<div class=\"alw-pre-loader folding\">\n\t\t\t<div class=\"sk-cube1 sk-cube\"><\/div>\n\t\t\t<div class=\"sk-cube2 sk-cube\"><\/div>\n\t\t\t<div class=\"sk-cube4 sk-cube\"><\/div>\n\t\t\t<div class=\"sk-cube3 sk-cube\"><\/div>\n\t\t<\/div>\n\t<\/div>\n\t<div id=\"freewall\" class=\"free-wall\">\n\t\t\t\t\t\t\t \n\t\t\t\t\t<div class=\"brick\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.youtube.com\/embed\/lgrTqOpYaHY\" class=\"pw-lightbox youtube\" target=\"_new\" rel=\"noopener\">\n\t\t\t\t\t\t\t<div class=\"img-wrapper\">\n \t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/awplife.com\/demo\/animated-live-wall-free-wordpress-plugin\/wp-content\/uploads\/sites\/86\/2020\/05\/Car.jpg\" width=\"100%\" alt=\"YouTube Link\"\/>\n \t\t\t\t\t\t\t\t<i class=\"alw-icon fab fa-youtube\"><\/i>\n \t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"pw-caption\">\n\t\t\t\t\t\t\t\t<p>YouTube Link<\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t<div class=\"brick\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/wordpress.org\/\" class=\" \" target=\"_new\" rel=\"noopener\">\n\t\t\t\t\t\t\t<div class=\"img-wrapper\">\n \t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/awplife.com\/demo\/animated-live-wall-free-wordpress-plugin\/wp-content\/uploads\/sites\/86\/2020\/05\/white-desk-1.jpg\" width=\"100%\" alt=\"Link\"\/>\n \t\t\t\t\t\t\t\t<i class=\"alw-icon fas fa-link\"><\/i>\n \t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"pw-caption\">\n\t\t\t\t\t\t\t\t<p>Link<\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t<div class=\"brick\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/player.vimeo.com\/video\/76979871\" class=\"pw-lightbox vemio\" target=\"_new\" rel=\"noopener\">\n\t\t\t\t\t\t\t<div class=\"img-wrapper\">\n \t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/awplife.com\/demo\/animated-live-wall-free-wordpress-plugin\/wp-content\/uploads\/sites\/86\/2020\/06\/Coffee-Cup.jpg\" width=\"100%\" alt=\"Vimeo Link\"\/>\n \t\t\t\t\t\t\t\t<i class=\"alw-icon fab fa-vimeo\"><\/i>\n \t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"pw-caption\">\n\t\t\t\t\t\t\t\t<p>Vimeo Link<\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t<div class=\"brick\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.google.com\/\" class=\" \" target=\"_new\" rel=\"noopener\">\n\t\t\t\t\t\t\t<div class=\"img-wrapper\">\n \t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/awplife.com\/demo\/animated-live-wall-free-wordpress-plugin\/wp-content\/uploads\/sites\/86\/2020\/06\/Blue.jpg\" width=\"100%\" alt=\"Link\"\/>\n \t\t\t\t\t\t\t\t<i class=\"alw-icon fas fa-link\"><\/i>\n \t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"pw-caption\">\n\t\t\t\t\t\t\t\t<p>Link<\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t<div class=\"brick\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/player.vimeo.com\/video\/182592195\" class=\"pw-lightbox vemio\" target=\"_new\" rel=\"noopener\">\n\t\t\t\t\t\t\t<div class=\"img-wrapper\">\n \t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/awplife.com\/demo\/animated-live-wall-free-wordpress-plugin\/wp-content\/uploads\/sites\/86\/2020\/06\/Blue-Orange.jpg\" width=\"100%\" alt=\"Vimeo Link\"\/>\n \t\t\t\t\t\t\t\t<i class=\"alw-icon fab fa-vimeo\"><\/i>\n \t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"pw-caption\">\n\t\t\t\t\t\t\t\t<p>Vimeo Link<\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t<div class=\"brick\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.youtube.com\/embed\/7NzzfxH2SGA\" class=\"pw-lightbox youtube\" target=\"_new\" rel=\"noopener\">\n\t\t\t\t\t\t\t<div class=\"img-wrapper\">\n \t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/awplife.com\/demo\/animated-live-wall-free-wordpress-plugin\/wp-content\/uploads\/sites\/86\/2020\/06\/Lamp.jpg\" width=\"100%\" alt=\"YouTube Link\"\/>\n \t\t\t\t\t\t\t\t<i class=\"alw-icon fab fa-youtube\"><\/i>\n \t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"pw-caption\">\n\t\t\t\t\t\t\t\t<p>YouTube Link<\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n\t<\/div>\n\t<script type=\"text\/javascript\">\njQuery('#freewall').hide();\njQuery('#awl-loader').show();\n\tjQuery( document ).ready(function() {\t\n\t\tjQuery('#freewall').show();\n\t\tjQuery('#awl-loader').hide();\n\t\tvar wall = new Freewall(\"#freewall\");\n\t\twall.reset({\n\t\t\tanimate: false,\n\t\t\tcellW: 300, \/\/ function(container) {return 100;} 200 to 300\n\t\t\tcellH: 'auto', \/\/ function(container) {return 100;}\n\t\t\tdelay: 50, \/\/ slowdown active block;\n\t\t\tengine: 'giot',\n\t\t\tfixSize: null, \/\/ resize + adjust = fill gap;\n\t\t\t\/\/fixSize: 0, resize but keep ratio = no fill gap;\n\t\t\t\/\/fixSize: 1, no resize + no adjust = no fill gap;\n\t\t\tgutterX: 15, \/\/ width spacing between blocks;\n\t\t\tgutterY: 15, \/\/ height spacing between blocks;\n\t\t\tkeepOrder: true, \/\/ images show as uploaded\n\t\t\tselector: '.brick',\n\t\t\tdraggable: false,\n\t\t\tcacheSize: true, \/\/ caches the original size of block;\n\t\t\trightToLeft: false,\n\t\t\tbottomToTop: false,\n\t\t\tonGapFound: function() {},\n\t\t\tonComplete: function() {},\n\t\t\tonResize: function() {\n\t\t\t\twall.fitWidth();\n\t\t\t},\n\t\t\tonBlockDrag: function() {},\n\t\t\tonBlockMove: function() {},\n\t\t\tonBlockDrop: function() {},\n\t\t\tonBlockReady: function() {},\n\t\t\tonBlockFinish: function() {},\n\t\t\tonBlockActive: function() {},\n\t\t\tonBlockResize: function() {}\t\t\n\t\t});\n\n\t\twall.container.find('.brick a').load(function() {\n\t\t\twall.fitWidth();\n\t\t});\n\t\twall.container.find('.brick a').resize();\n\t\t\n\t\t\/\/ lightbox\n\t\t\t\tjQuery(\".pw-lightbox\").colorbox({\n\t\t\trel:'pw-lightbox',\n\t\t});\t\n\t\tjQuery(\".youtube\").colorbox({iframe:true, innerWidth:640, innerHeight:390});\n\t\tjQuery(\".vemio\").colorbox({iframe:true, innerWidth:640, innerHeight:390});\n\t\t\t});\n\t\n<\/script>\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>YouTube\/ Vimeo \/ Link Gallery<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-154","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/awplife.com\/demo\/animated-live-wall-free-wordpress-plugin\/wp-json\/wp\/v2\/pages\/154","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/awplife.com\/demo\/animated-live-wall-free-wordpress-plugin\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/awplife.com\/demo\/animated-live-wall-free-wordpress-plugin\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/awplife.com\/demo\/animated-live-wall-free-wordpress-plugin\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/awplife.com\/demo\/animated-live-wall-free-wordpress-plugin\/wp-json\/wp\/v2\/comments?post=154"}],"version-history":[{"count":4,"href":"https:\/\/awplife.com\/demo\/animated-live-wall-free-wordpress-plugin\/wp-json\/wp\/v2\/pages\/154\/revisions"}],"predecessor-version":[{"id":176,"href":"https:\/\/awplife.com\/demo\/animated-live-wall-free-wordpress-plugin\/wp-json\/wp\/v2\/pages\/154\/revisions\/176"}],"wp:attachment":[{"href":"https:\/\/awplife.com\/demo\/animated-live-wall-free-wordpress-plugin\/wp-json\/wp\/v2\/media?parent=154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}