{"id":2624,"date":"2016-09-10T07:26:18","date_gmt":"2016-09-10T05:26:18","guid":{"rendered":"http:\/\/www.phoenixhuis.nl\/?p=2624"},"modified":"2023-02-24T15:24:38","modified_gmt":"2023-02-24T14:24:38","slug":"2016-09-07-hcl-made-in-leeuwarden","status":"publish","type":"post","link":"https:\/\/www.phoenixhuis.nl\/?p=2624","title":{"rendered":"2016.09.07 HCL Made in Leeuwarden"},"content":{"rendered":"<p>In het Historisch Centrum Leeuwarden is vanaf 7 september de tentoonstelling Made in Leeuwarden, sporen van een industrieel verleden te zien. De expositie toont ruim twee honderd jaar industri\u00eble bedrijvigheid in de Friese hoofdstad. Zo passeren enkele sterke merken, geproduceerd voor een veelal nationale en internationale markt, de revue.<\/p>\n<p>Kaas van Frico, levertraan van Draisma van Valkenburg, de Bebogeen van Benninga, Autodrop van Van Slooten, de koffiemelk van Friesche Vlag, de jenever van Bokma, Bebelac van de Lijemf en vuurwerk van Schuurmans : allemaal Made in Leeuwarden!<\/p>\n<p>Dankzij ons ontbreekt Phoenix niet. \ud83d\ude42<\/p>\n<table width=\"128\">\n<tbody>\n<tr>\n<td width=\"128\">                    <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                        .gallery3450 {\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-3450').flickr({\n                            apiKey: '037c012784565c3b5691cc5a0aa912b7',\n                            photosetId: '72157673478292266'\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-3450\">\n                                                <div class=\"row\">\n                            <div class=\"col-xs-12 spinner-wrapper\">\n                                <div class=\"LoadingImg\"><img decoding=\"async\" src=\"https:\/\/www.phoenixhuis.nl\/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-3450\" 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-3450\",\n                });\n            });\n            <\/script>\n\n            <\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"<p>In het Historisch Centrum Leeuwarden is vanaf 7 september de tentoonstelling Made in Leeuwarden, sporen van een industrieel verleden te zien. De expositie toont ruim twee honderd jaar industri\u00eble bedrijvigheid in de Friese hoofdstad. Zo passeren enkele sterke merken, geproduceerd voor een veelal nationale en <span class=\"readmore\"><a class=\"more-link\" href=\"https:\/\/www.phoenixhuis.nl\/?p=3450\">Lees meer&#8230;<\/a><\/span><\/p>\n","protected":false},"author":1,"featured_media":2625,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[26,27,16,15],"class_list":["post-2624","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nieuws","tag-leeuwarden","tag-museum","tag-mutaped","tag-phoenix"],"jetpack_featured_media_url":"https:\/\/www.phoenixhuis.nl\/wp-content\/uploads\/2016\/09\/DSC_9675.jpg","jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/www.phoenixhuis.nl\/index.php?rest_route=\/wp\/v2\/posts\/2624","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.phoenixhuis.nl\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.phoenixhuis.nl\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.phoenixhuis.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.phoenixhuis.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2624"}],"version-history":[{"count":2,"href":"https:\/\/www.phoenixhuis.nl\/index.php?rest_route=\/wp\/v2\/posts\/2624\/revisions"}],"predecessor-version":[{"id":3544,"href":"https:\/\/www.phoenixhuis.nl\/index.php?rest_route=\/wp\/v2\/posts\/2624\/revisions\/3544"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.phoenixhuis.nl\/index.php?rest_route=\/wp\/v2\/media\/2625"}],"wp:attachment":[{"href":"https:\/\/www.phoenixhuis.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2624"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.phoenixhuis.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2624"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.phoenixhuis.nl\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2624"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}