{"id":112,"date":"2011-07-31T16:55:44","date_gmt":"2011-07-31T16:55:44","guid":{"rendered":"http:\/\/192.168.1.50\/Themes\/2012\/Nano2\/Website_WP\/?page_id=112"},"modified":"2015-05-07T07:33:46","modified_gmt":"2015-05-07T07:33:46","slug":"gallery","status":"publish","type":"page","link":"https:\/\/evergreendevelopments.net\/?page_id=112","title":{"rendered":"Gallery"},"content":{"rendered":"<div class=\"uk-margin-large-bottom uk-text-center\">\r\n    <h2 class=\"uk-h1 uk-margin-bottom-remove\">Dynamic Grid<\/h2>\r\n    <p class=\"uk-text-large uk-margin-small-top\">Gallery items can be filtered by tag with the Dynamic Grid option.<\/p>\r\n<\/div>\r\n\r\n\n\n    \n    <ul id=\"wk-da4\" class=\"uk-subnav uk-subnav-pill uk-flex-center\">\n\n                <li class=\"uk-active\" data-uk-filter=\"\"><a href=\"#\">All<\/a><\/li>\n        \n                <li data-uk-filter=\"Essentials\"><a href=\"#\">Essentials<\/a><\/li>\n                <li data-uk-filter=\"Photography\"><a href=\"#\">Photography<\/a><\/li>\n                <li data-uk-filter=\"Print\"><a href=\"#\">Print<\/a><\/li>\n                <li data-uk-filter=\"Typography\"><a href=\"#\">Typography<\/a><\/li>\n        \n    <\/ul>\n\n    \n\n<div id=\"wk-gridda4\" class=\"uk-grid-width-1-1 uk-grid-width-small-1-2 uk-grid-width-medium-1-2 uk-grid-width-large-1-3 uk-grid-width-xlarge-1-3 \" data-uk-grid=\"{gutter: ' 30',controls: '#wk-da4'}\" >\n\n    \n    <div data-uk-filter=\"Essentials,Photography\">\n    \n<div class=\"uk-panel\">\n\n    <figure class=\"uk-overlay uk-overlay-hover \">\n\n        <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/yootheme\/pages\/gallery\/portfolio-01.jpg\" class=\"uk-overlay-scale\" alt=\"Camera\" width=\"1000\" height=\"675\">\n                <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n        \n        <div class=\"uk-overlay-panel uk-overlay-fade uk-flex uk-flex-center uk-flex-middle uk-text-center\">\n            <div>\n\n                                <h3 class=\"uk-panel-title uk-margin-small\">Camera<\/h3>\n                \n                                <div class=\"uk-margin-small\">Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.<\/div>\n                \n                \n            <\/div>\n        <\/div>\n\n                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/yootheme\/pages\/gallery\/portfolio-01.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1da4'}\" title=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.\"><\/a>\n                                    \n    <\/figure>\n\n<\/div>\n    <\/div>\n\n        \n    <div data-uk-filter=\"Photography,Print,Typography\">\n    \n<div class=\"uk-panel\">\n\n    <figure class=\"uk-overlay uk-overlay-hover \">\n\n        <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/yootheme\/pages\/gallery\/portfolio-02.jpg\" class=\"uk-overlay-scale\" alt=\"T-Shirt\" width=\"1000\" height=\"675\">\n                <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n        \n        <div class=\"uk-overlay-panel uk-overlay-fade uk-flex uk-flex-center uk-flex-middle uk-text-center\">\n            <div>\n\n                                <h3 class=\"uk-panel-title uk-margin-small\">T-Shirt<\/h3>\n                \n                                <div class=\"uk-margin-small\">Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.<\/div>\n                \n                \n            <\/div>\n        <\/div>\n\n                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/yootheme\/pages\/gallery\/portfolio-02.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1da4'}\" title=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.\"><\/a>\n                                    \n    <\/figure>\n\n<\/div>\n    <\/div>\n\n        \n    <div data-uk-filter=\"Essentials,Print,Typography\">\n    \n<div class=\"uk-panel\">\n\n    <figure class=\"uk-overlay uk-overlay-hover \">\n\n        <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/yootheme\/pages\/gallery\/portfolio-03.jpg\" class=\"uk-overlay-scale\" alt=\"Fler\" width=\"1000\" height=\"675\">\n                <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n        \n        <div class=\"uk-overlay-panel uk-overlay-fade uk-flex uk-flex-center uk-flex-middle uk-text-center\">\n            <div>\n\n                                <h3 class=\"uk-panel-title uk-margin-small\">Fler<\/h3>\n                \n                                <div class=\"uk-margin-small\">Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.<\/div>\n                \n                \n            <\/div>\n        <\/div>\n\n                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/yootheme\/pages\/gallery\/portfolio-03.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1da4'}\" title=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.\"><\/a>\n                                    \n    <\/figure>\n\n<\/div>\n    <\/div>\n\n        \n    <div data-uk-filter=\"Print,Typography\">\n    \n<div class=\"uk-panel\">\n\n    <figure class=\"uk-overlay uk-overlay-hover \">\n\n        <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/yootheme\/pages\/gallery\/portfolio-04.jpg\" class=\"uk-overlay-scale\" alt=\"Business Card\" width=\"1000\" height=\"675\">\n                <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n        \n        <div class=\"uk-overlay-panel uk-overlay-fade uk-flex uk-flex-center uk-flex-middle uk-text-center\">\n            <div>\n\n                                <h3 class=\"uk-panel-title uk-margin-small\">Business Card<\/h3>\n                \n                                <div class=\"uk-margin-small\">Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.<\/div>\n                \n                \n            <\/div>\n        <\/div>\n\n                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/yootheme\/pages\/gallery\/portfolio-04.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1da4'}\" title=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.\"><\/a>\n                                    \n    <\/figure>\n\n<\/div>\n    <\/div>\n\n        \n    <div data-uk-filter=\"Essentials,Print\">\n    \n<div class=\"uk-panel\">\n\n    <figure class=\"uk-overlay uk-overlay-hover \">\n\n        <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/yootheme\/pages\/gallery\/portfolio-05.jpg\" class=\"uk-overlay-scale\" alt=\"Workspace\" width=\"1000\" height=\"675\">\n                <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n        \n        <div class=\"uk-overlay-panel uk-overlay-fade uk-flex uk-flex-center uk-flex-middle uk-text-center\">\n            <div>\n\n                                <h3 class=\"uk-panel-title uk-margin-small\">Workspace<\/h3>\n                \n                                <div class=\"uk-margin-small\">Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.<\/div>\n                \n                \n            <\/div>\n        <\/div>\n\n                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/yootheme\/pages\/gallery\/portfolio-05.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1da4'}\" title=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.\"><\/a>\n                                    \n    <\/figure>\n\n<\/div>\n    <\/div>\n\n        \n    <div data-uk-filter=\"Photography\">\n    \n<div class=\"uk-panel\">\n\n    <figure class=\"uk-overlay uk-overlay-hover \">\n\n        <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/yootheme\/pages\/gallery\/portfolio-06.jpg\" class=\"uk-overlay-scale\" alt=\"Vintage\" width=\"1000\" height=\"675\">\n                <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n        \n        <div class=\"uk-overlay-panel uk-overlay-fade uk-flex uk-flex-center uk-flex-middle uk-text-center\">\n            <div>\n\n                                <h3 class=\"uk-panel-title uk-margin-small\">Vintage<\/h3>\n                \n                                <div class=\"uk-margin-small\">Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.<\/div>\n                \n                \n            <\/div>\n        <\/div>\n\n                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/yootheme\/pages\/gallery\/portfolio-06.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1da4'}\" title=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.\"><\/a>\n                                    \n    <\/figure>\n\n<\/div>\n    <\/div>\n\n        \n    <div data-uk-filter=\"Essentials,Photography,Print\">\n    \n<div class=\"uk-panel\">\n\n    <figure class=\"uk-overlay uk-overlay-hover \">\n\n        <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/yootheme\/pages\/gallery\/portfolio-07.jpg\" class=\"uk-overlay-scale\" alt=\"Sticker\" width=\"1000\" height=\"675\">\n                <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n        \n        <div class=\"uk-overlay-panel uk-overlay-fade uk-flex uk-flex-center uk-flex-middle uk-text-center\">\n            <div>\n\n                                <h3 class=\"uk-panel-title uk-margin-small\">Sticker<\/h3>\n                \n                                <div class=\"uk-margin-small\">Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.<\/div>\n                \n                \n            <\/div>\n        <\/div>\n\n                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/yootheme\/pages\/gallery\/portfolio-07.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1da4'}\" title=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.\"><\/a>\n                                    \n    <\/figure>\n\n<\/div>\n    <\/div>\n\n        \n    <div data-uk-filter=\"Essentials,Photography,Typography\">\n    \n<div class=\"uk-panel\">\n\n    <figure class=\"uk-overlay uk-overlay-hover \">\n\n        <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/yootheme\/pages\/gallery\/portfolio-08.jpg\" class=\"uk-overlay-scale\" alt=\"Badge\" width=\"1000\" height=\"675\">\n                <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n        \n        <div class=\"uk-overlay-panel uk-overlay-fade uk-flex uk-flex-center uk-flex-middle uk-text-center\">\n            <div>\n\n                                <h3 class=\"uk-panel-title uk-margin-small\">Badge<\/h3>\n                \n                                <div class=\"uk-margin-small\">Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.<\/div>\n                \n                \n            <\/div>\n        <\/div>\n\n                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/yootheme\/pages\/gallery\/portfolio-08.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1da4'}\" title=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.\"><\/a>\n                                    \n    <\/figure>\n\n<\/div>\n    <\/div>\n\n        \n    <div data-uk-filter=\"Print\">\n    \n<div class=\"uk-panel\">\n\n    <figure class=\"uk-overlay uk-overlay-hover \">\n\n        <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/yootheme\/pages\/gallery\/portfolio-09.jpg\" class=\"uk-overlay-scale\" alt=\"Corporate Identity\" width=\"1000\" height=\"675\">\n                <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n        \n        <div class=\"uk-overlay-panel uk-overlay-fade uk-flex uk-flex-center uk-flex-middle uk-text-center\">\n            <div>\n\n                                <h3 class=\"uk-panel-title uk-margin-small\">Corporate Identity<\/h3>\n                \n                                <div class=\"uk-margin-small\">Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.<\/div>\n                \n                \n            <\/div>\n        <\/div>\n\n                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/yootheme\/pages\/gallery\/portfolio-09.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1da4'}\" title=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.\"><\/a>\n                                    \n    <\/figure>\n\n<\/div>\n    <\/div>\n\n        \n    <div data-uk-filter=\"Essentials,Photography\">\n    \n<div class=\"uk-panel\">\n\n    <figure class=\"uk-overlay uk-overlay-hover \">\n\n        <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/yootheme\/pages\/gallery\/portfolio-10.jpg\" class=\"uk-overlay-scale\" alt=\"Sneakers\" width=\"1000\" height=\"675\">\n                <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n        \n        <div class=\"uk-overlay-panel uk-overlay-fade uk-flex uk-flex-center uk-flex-middle uk-text-center\">\n            <div>\n\n                                <h3 class=\"uk-panel-title uk-margin-small\">Sneakers<\/h3>\n                \n                                <div class=\"uk-margin-small\">Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.<\/div>\n                \n                \n            <\/div>\n        <\/div>\n\n                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/yootheme\/pages\/gallery\/portfolio-10.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1da4'}\" title=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.\"><\/a>\n                                    \n    <\/figure>\n\n<\/div>\n    <\/div>\n\n        \n    <div data-uk-filter=\"Essentials\">\n    \n<div class=\"uk-panel\">\n\n    <figure class=\"uk-overlay uk-overlay-hover \">\n\n        <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/yootheme\/pages\/gallery\/portfolio-11.jpg\" class=\"uk-overlay-scale\" alt=\"Portfolio App\" width=\"1000\" height=\"675\">\n                <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n        \n        <div class=\"uk-overlay-panel uk-overlay-fade uk-flex uk-flex-center uk-flex-middle uk-text-center\">\n            <div>\n\n                                <h3 class=\"uk-panel-title uk-margin-small\">Portfolio App<\/h3>\n                \n                                <div class=\"uk-margin-small\">Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.<\/div>\n                \n                \n            <\/div>\n        <\/div>\n\n                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/yootheme\/pages\/gallery\/portfolio-11.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1da4'}\" title=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.\"><\/a>\n                                    \n    <\/figure>\n\n<\/div>\n    <\/div>\n\n        \n    <div data-uk-filter=\"Print,Typography\">\n    \n<div class=\"uk-panel\">\n\n    <figure class=\"uk-overlay uk-overlay-hover \">\n\n        <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/yootheme\/pages\/gallery\/portfolio-12.jpg\" class=\"uk-overlay-scale\" alt=\"Typography\" width=\"1000\" height=\"675\">\n                <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n        \n        <div class=\"uk-overlay-panel uk-overlay-fade uk-flex uk-flex-center uk-flex-middle uk-text-center\">\n            <div>\n\n                                <h3 class=\"uk-panel-title uk-margin-small\">Typography<\/h3>\n                \n                                <div class=\"uk-margin-small\">Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.<\/div>\n                \n                \n            <\/div>\n        <\/div>\n\n                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/yootheme\/pages\/gallery\/portfolio-12.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1da4'}\" title=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.\"><\/a>\n                                    \n    <\/figure>\n\n<\/div>\n    <\/div>\n\n    \n<\/div>\n\n\n<script>\n(function($){\n\n    \/\/ get the images of the gallery and replace it by a canvas of the same size to fix the problem with overlapping images on load.\n    $('img[width][height]:not(.uk-overlay-panel)', $('#wk-gridda4')).each(function() {\n\n        var $img = $(this);\n\n        if (this.width == 'auto' || this.height == 'auto' || !$img.is(':visible')) {\n            return;\n        }\n\n        var $canvas = $('<canvas class=\"uk-responsive-width\"><\/canvas>').attr({width:$img.attr('width'), height:$img.attr('height')}),\n            img = new Image,\n            release = function() {\n                $canvas.remove();\n                $img.css('display', '');\n                release = function(){};\n            };\n\n        $img.css('display', 'none').after($canvas);\n\n        $(img).on('load', function(){ release(); });\n        setTimeout(function(){ release(); }, 1000);\n\n        img.src = this.src;\n\n    });\n\n})(jQuery);\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Dynamic Grid Gallery items can be filtered by tag with the Dynamic Grid option.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/evergreendevelopments.net\/index.php?rest_route=\/wp\/v2\/pages\/112"}],"collection":[{"href":"https:\/\/evergreendevelopments.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/evergreendevelopments.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/evergreendevelopments.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/evergreendevelopments.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=112"}],"version-history":[{"count":0,"href":"https:\/\/evergreendevelopments.net\/index.php?rest_route=\/wp\/v2\/pages\/112\/revisions"}],"wp:attachment":[{"href":"https:\/\/evergreendevelopments.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}