{"id":142,"date":"2018-03-25T00:40:06","date_gmt":"2018-03-25T00:40:06","guid":{"rendered":"http:\/\/rathervague.co.uk\/writings\/?p=142"},"modified":"2018-08-06T22:47:02","modified_gmt":"2018-08-06T21:47:02","slug":"landscape","status":"publish","type":"post","link":"http:\/\/rathervague.co.uk\/writings\/images\/landscape\/","title":{"rendered":"Landscape"},"content":{"rendered":"<p><!--more--><\/p>\n                    <style>\n                                            .flickr-img-responsive {\n                            width:100% !important;\n                            height:auto !important;\n                            display:block !important;\n                        }\n                        .LoadingImg img {\n                            max-width: 45px;\n                            max-height: 45px;\n                            box-shadow: none;\n                        }\n                        .wpfrank-flickr-div{\n                            padding:15px;\n                        }\n                        @media (max-width: 786px){\n                            .col-md-3 {\n                                width:49.9%;\n                                float:left;\n                            }\n                        }\n                        .play-pause {\n                            display: none !important;\n                        }\n                        .gallery101 {\n                            overflow:hidden;\n                            clear: both;\n                        }\n                        .fnf{\n                            background-color: #a92929;\n                            border-radius: 5px;\n                            color: #fff;\n                            font-family: initial;\n                            text-align: center;\n                            padding:12px;\n                        }\n                    <\/style>\n                    <script type=\"text\/javascript\">\n                    jQuery(function() {\n                        jQuery('.gallery-101').flickr({\n                            apiKey: '037c012784565c3b5691cc5a0aa912b7',\n                            photosetId: '72157689132836130'\n                        });\n                    });\n\n                    ;(function ($, window, document, undefined) {\n                        'use strict';\n                        var pluginName = \"flickr\",\n                            defaults = {\n                                apiKey: \"\",\n                                photosetId: \"\",\n                                errorText: \"<div class='fnf'><i class='far fa-times-circle'><\/i> Error generating gallery.<\/div>\",\n                                loadingSpeed: 38,\n                                photosLimit: 200\n                            },\n                            apiUrl = 'https:\/\/api.flickr.com\/services\/rest\/',\n                            photos = [];\n\n                        function Plugin(element, options) {\n                            this.element = $(element);\n                            this.settings = $.extend({}, defaults, options);\n                            this._defaults = defaults;\n                            this._name = pluginName;\n\n                            this._hideSpinner = function() {\n                                this.element.find('.spinner-wrapper').hide().find('*').hide();\n                            };\n\n                            this._printError = function() {\n                                this.element.find('.gallery-container').append($(\"<div><\/div>\", { \"class\": \"col-lg-12\" })\n                                    .append($(\"<div><\/div>\", { \"class\": \"error-wrapper\" })\n                                        .append($(\"<span><\/span>\", { \"class\": \"label label-danger error\" })\n                                            .html(this.settings.errorText))));\n                            };\n\n                            this._flickrAnimate = function() {\n                                this.element.find('.gallery-container img').each($.proxy(function(index, el) {\n                                    var image = el;\n                                    setTimeout(function() {\n                                        $(image).parent().fadeIn();\n                                    }, this.settings.loadingSpeed * index);\n                                }, this));\n                            };\n\n                            this._printGallery = function(photos) {\n                                var element = this.element.find('.gallery-container');\n                                if (!photos || photos.length === 0) {\n                                    this._hideSpinner();\n                                    this._printError();\n                                    return;\n                                }\n                                $.each(photos, function(key, photo) {\n                                    if (!photo || !photo.thumbnail) return; \/\/ Skip undefined or invalid photos\n                                    var img = $('<img>', { 'class': 'thumb img-thumbnail flickr-img-responsive', src: photo.thumbnail, 'alt': photo.title });\n                                    element.append($('<div><\/div>', { 'class': ' col-md-3 col-sm-4 col-center wpfrank-flickr-div' })\n                                        .append($('<a><\/a>', { 'class': '', href: photo.href, 'data-gallery': '', 'title': photo.title }).hide()\n                                            .append(img)));\n                                });\n\n                                element.imagesLoaded()\n                                    .done($.proxy(this._flickrAnimate, this))\n                                    .always($.proxy(this._hideSpinner, this));\n                            };\n\n                            this._flickrPhotoset = function(photoset) {\n                                var _this = this;\n                                photos[photoset.id] = [];\n                                $.each(photoset.photo, function(key, photo) {\n                                    if (photo.media !== \"photo\") {\n                                        return true; \/\/ Skip videos\n                                    }\n                                    if (key >= _this.settings.photosLimit) {\n                                        return false;\n                                    }\n                                    photos[photoset.id][key] = {\n                                        thumbnail: 'https:\/\/farm' + photo.farm + '.static.flickr.com\/' + photo.server + '\/' + photo.id + '_' + photo.secret + '_q.jpg',\n                                        href: 'https:\/\/farm' + photo.farm + '.static.flickr.com\/' + photo.server + '\/' + photo.id + '_' + photo.secret + '_b.jpg',\n                                        title: photo.title\n                                    };\n                                });\n\n                                console.log('Filtered photos:', photos[photoset.id]); \/\/ Debug log\n                                if (photos[photoset.id].length > 0) {\n                                    this._printGallery(photos[photoset.id]);\n                                } else {\n                                    this._hideSpinner();\n                                    this._printError();\n                                }\n                            };\n\n                            this._onFlickrResponse = function(response) {\n                                console.log('API Response:', response); \/\/ Debug log\n                                if (response.stat === \"ok\") {\n                                    this._flickrPhotoset(response.photoset);\n                                } else {\n                                    this._hideSpinner();\n                                    this._printError();\n                                }\n                            };\n\n                            this._flickrRequest = function(method, data) {\n                                var url = apiUrl + \"?format=json&jsoncallback=?&method=\" + method + \"&api_key=\" + this.settings.apiKey;\n                                $.each(data, function(key, value) {\n                                    url += \"&\" + key + \"=\" + value;\n                                });\n\n                                $.ajax({\n                                    dataType: \"json\",\n                                    url: url,\n                                    context: this,\n                                    success: this._onFlickrResponse\n                                });\n                            };\n\n                            this._flickrInit = function () {\n                                this._flickrRequest('flickr.photosets.getPhotos', {\n                                    photoset_id: this.settings.photosetId,\n                                    extras: 'media'\n                                });\n                            };\n\n                            this.init();\n                        }\n\n                        Plugin.prototype = {\n                            init: function () {\n                                this._flickrInit();\n                            }\n                        };\n\n                        $.fn[pluginName] = function (options) {\n                            this.each(function () {\n                                if (!$.data(this, \"plugin_\" + pluginName)) {\n                                    $.data(this, \"plugin_\" + pluginName, new Plugin(this, options));\n                                }\n                            });\n                            return this;\n                        };\n                    })(jQuery, window, document);\n                    <\/script>\n                    <div class=\"gallery-101\">\n                                                    <h3>Landscape<\/h3>\n                                                <div class=\"row\">\n                            <div class=\"col-xs-12 spinner-wrapper\">\n                                <div class=\"LoadingImg\"><img decoding=\"async\" src=\"http:\/\/rathervague.co.uk\/writings\/wp-content\/plugins\/flickr-album-gallery\/img\/loading.gif\" \/><\/div>\n                            <\/div>\n                            <div align=\"center\" class=\"gallery-container\"><\/div>\n                        <\/div>\n                    <\/div>\n                    \n            <!-- Blueimp gallery -->\n            <div id=\"blueimp-gallery-101\" class=\"blueimp-gallery blueimp-gallery-controls\">\n                <div class=\"slides\"><\/div>\n                <h3 class=\"title\"><\/h3>\n                <a class=\"prev\">\u2039<\/a>\n                <a class=\"next\">\u203a<\/a>\n                <a class=\"close\">\u00d7<\/a>\n                <a class=\"play-pause\"><\/a>\n                <ol class=\"indicator\"><\/ol>\n                <div class=\"modal fade\">\n                    <div class=\"modal-dialog\">\n                        <div class=\"modal-content\">\n                            <div class=\"modal-header\">\n                                <button type=\"button\" class=\"close\" aria-hidden=\"true\">\u00d7<\/button>\n                                <h4 class=\"modal-title\"><\/h4>\n                            <\/div>\n                            <div class=\"modal-body next\"><\/div>\n                            <div class=\"modal-footer\">\n                                <button type=\"button\" class=\"btn btn-default pull-left prev\">\n                                    <i class=\"glyphicon glyphicon-chevron-left\"><\/i>\n                                    Previous                                <\/button>\n                                <button type=\"button\" class=\"btn btn-primary next\">\n                                    Next                                    <i class=\"glyphicon glyphicon-chevron-right\"><\/i>\n                                <\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <script type=\"text\/javascript\">\n            jQuery(function() {\n                jQuery.extend(blueimp.Gallery.prototype.options, {\n                    useBootstrapModal: false,\n                    hidePageScrollbars: false,\n                    container: \"#blueimp-gallery-101\",\n                });\n            });\n            <\/script>\n\n            \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":174,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[32,18,22,30],"tags":[],"class_list":["post-142","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-featured","category-images","category-landscape","category-random"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Landscape -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/rathervague.co.uk\/writings\/images\/landscape\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Landscape -\" \/>\n<meta property=\"og:url\" content=\"http:\/\/rathervague.co.uk\/writings\/images\/landscape\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-03-25T00:40:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-08-06T21:47:02+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/rathervague.co.uk\/writings\/wp-content\/uploads\/2018\/03\/landscapesi.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"300\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Del Sozou\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Del Sozou\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"http:\/\/rathervague.co.uk\/writings\/images\/landscape\/\",\"url\":\"http:\/\/rathervague.co.uk\/writings\/images\/landscape\/\",\"name\":\"Landscape -\",\"isPartOf\":{\"@id\":\"http:\/\/rathervague.co.uk\/writings\/#website\"},\"primaryImageOfPage\":{\"@id\":\"http:\/\/rathervague.co.uk\/writings\/images\/landscape\/#primaryimage\"},\"image\":{\"@id\":\"http:\/\/rathervague.co.uk\/writings\/images\/landscape\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/rathervague.co.uk\/writings\/wp-content\/uploads\/2018\/03\/landscapesi.png\",\"datePublished\":\"2018-03-25T00:40:06+00:00\",\"dateModified\":\"2018-08-06T21:47:02+00:00\",\"author\":{\"@id\":\"http:\/\/rathervague.co.uk\/writings\/#\/schema\/person\/fe809b475960f6033b624e283866d122\"},\"breadcrumb\":{\"@id\":\"http:\/\/rathervague.co.uk\/writings\/images\/landscape\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\/\/rathervague.co.uk\/writings\/images\/landscape\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"http:\/\/rathervague.co.uk\/writings\/images\/landscape\/#primaryimage\",\"url\":\"http:\/\/rathervague.co.uk\/writings\/wp-content\/uploads\/2018\/03\/landscapesi.png\",\"contentUrl\":\"http:\/\/rathervague.co.uk\/writings\/wp-content\/uploads\/2018\/03\/landscapesi.png\",\"width\":1000,\"height\":300},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\/\/rathervague.co.uk\/writings\/images\/landscape\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"http:\/\/rathervague.co.uk\/writings\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Landscape\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\/\/rathervague.co.uk\/writings\/#website\",\"url\":\"http:\/\/rathervague.co.uk\/writings\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\/\/rathervague.co.uk\/writings\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Person\",\"@id\":\"http:\/\/rathervague.co.uk\/writings\/#\/schema\/person\/fe809b475960f6033b624e283866d122\",\"name\":\"Del Sozou\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Landscape -","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"http:\/\/rathervague.co.uk\/writings\/images\/landscape\/","og_locale":"en_GB","og_type":"article","og_title":"Landscape -","og_url":"http:\/\/rathervague.co.uk\/writings\/images\/landscape\/","article_published_time":"2018-03-25T00:40:06+00:00","article_modified_time":"2018-08-06T21:47:02+00:00","og_image":[{"width":1000,"height":300,"url":"http:\/\/rathervague.co.uk\/writings\/wp-content\/uploads\/2018\/03\/landscapesi.png","type":"image\/png"}],"author":"Del Sozou","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Del Sozou"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"http:\/\/rathervague.co.uk\/writings\/images\/landscape\/","url":"http:\/\/rathervague.co.uk\/writings\/images\/landscape\/","name":"Landscape -","isPartOf":{"@id":"http:\/\/rathervague.co.uk\/writings\/#website"},"primaryImageOfPage":{"@id":"http:\/\/rathervague.co.uk\/writings\/images\/landscape\/#primaryimage"},"image":{"@id":"http:\/\/rathervague.co.uk\/writings\/images\/landscape\/#primaryimage"},"thumbnailUrl":"http:\/\/rathervague.co.uk\/writings\/wp-content\/uploads\/2018\/03\/landscapesi.png","datePublished":"2018-03-25T00:40:06+00:00","dateModified":"2018-08-06T21:47:02+00:00","author":{"@id":"http:\/\/rathervague.co.uk\/writings\/#\/schema\/person\/fe809b475960f6033b624e283866d122"},"breadcrumb":{"@id":"http:\/\/rathervague.co.uk\/writings\/images\/landscape\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["http:\/\/rathervague.co.uk\/writings\/images\/landscape\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"http:\/\/rathervague.co.uk\/writings\/images\/landscape\/#primaryimage","url":"http:\/\/rathervague.co.uk\/writings\/wp-content\/uploads\/2018\/03\/landscapesi.png","contentUrl":"http:\/\/rathervague.co.uk\/writings\/wp-content\/uploads\/2018\/03\/landscapesi.png","width":1000,"height":300},{"@type":"BreadcrumbList","@id":"http:\/\/rathervague.co.uk\/writings\/images\/landscape\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http:\/\/rathervague.co.uk\/writings\/"},{"@type":"ListItem","position":2,"name":"Landscape"}]},{"@type":"WebSite","@id":"http:\/\/rathervague.co.uk\/writings\/#website","url":"http:\/\/rathervague.co.uk\/writings\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/rathervague.co.uk\/writings\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Person","@id":"http:\/\/rathervague.co.uk\/writings\/#\/schema\/person\/fe809b475960f6033b624e283866d122","name":"Del Sozou"}]}},"_links":{"self":[{"href":"http:\/\/rathervague.co.uk\/writings\/wp-json\/wp\/v2\/posts\/142","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/rathervague.co.uk\/writings\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/rathervague.co.uk\/writings\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/rathervague.co.uk\/writings\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/rathervague.co.uk\/writings\/wp-json\/wp\/v2\/comments?post=142"}],"version-history":[{"count":5,"href":"http:\/\/rathervague.co.uk\/writings\/wp-json\/wp\/v2\/posts\/142\/revisions"}],"predecessor-version":[{"id":1119,"href":"http:\/\/rathervague.co.uk\/writings\/wp-json\/wp\/v2\/posts\/142\/revisions\/1119"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/rathervague.co.uk\/writings\/wp-json\/wp\/v2\/media\/174"}],"wp:attachment":[{"href":"http:\/\/rathervague.co.uk\/writings\/wp-json\/wp\/v2\/media?parent=142"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/rathervague.co.uk\/writings\/wp-json\/wp\/v2\/categories?post=142"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/rathervague.co.uk\/writings\/wp-json\/wp\/v2\/tags?post=142"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}