{"id":10132,"date":"2026-04-07T12:53:56","date_gmt":"2026-04-07T09:53:56","guid":{"rendered":"https:\/\/kutuphaneveteknoloji.com\/?page_id=10132"},"modified":"2026-04-10T13:29:26","modified_gmt":"2026-04-10T10:29:26","slug":"posterler-2026","status":"publish","type":"page","link":"https:\/\/kutuphaneveteknoloji.com\/en\/posterler-2026\/","title":{"rendered":"Posters &#8211; 2026"},"content":{"rendered":"<section class=\"l-section wpb_row height_custom\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_1 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_top type_default stacking_default\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"w-html\"><!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Library and Technology Posters<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        primary: '#004049',\n                        primaryLight: '#005a66',\n                        bgLight: '#f4f7f6',\n                    }\n                }\n            }\n        }\n    <\/script>\n    <style>\n        body {\n            font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n            background-color: theme('colors.bgLight');\n        }\n        \n        \/* To display PDF iframe preview like a thumbnail *\/\n        .pdf-preview-container {\n            position: relative;\n            height: 220px;\n            overflow: hidden;\n            background: #e2e8f0;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n        \n        .pdf-preview-iframe {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 300px;\n            border: none;\n            pointer-events: none;\n            transform: scale(1);\n            transform-origin: top center;\n        }\n    <\/style>\n<\/head>\n<body class=\"text-gray-800 antialiased selection:bg-primary selection:text-white\">\n\n    <!-- Header -->\n    <header class=\"bg-primary text-white py-12 px-4 shadow-lg text-center relative overflow-hidden\">\n        <div class=\"relative z-10 max-w-4xl mx-auto\">\n            <p class=\"text-lg md:text-xl opacity-90 font-light\">\n                Updated 2026 poster archive categorized by cities and institutions\n            <\/p>\n        <\/div>\n\n        <div class=\"absolute top-0 left-0 w-full h-full overflow-hidden z-0 opacity-10\">\n            <div class=\"absolute -top-20 -left-20 w-64 h-64 rounded-full bg-white blur-3xl\"><\/div>\n            <div class=\"absolute bottom-0 right-10 w-80 h-80 rounded-full bg-white blur-3xl\"><\/div>\n        <\/div>\n    <\/header>\n\n    <main class=\"max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8\">\n        \n        <!-- Stats & Filter -->\n        <div class=\"flex flex-col sm:flex-row justify-between items-center mb-8 border-b border-gray-200 pb-4\">\n            <h2 class=\"text-2xl font-semibold text-primary\" id=\"poster-count\">Loading...<\/h2>\n            \n            <div class=\"mt-4 sm:mt-0 flex items-center space-x-3\">\n                <label for=\"sort-select\" class=\"text-sm text-gray-500 font-medium\">Sort:<\/label>\n                <select id=\"sort-select\" class=\"text-sm border border-gray-300 rounded-lg shadow-sm py-2 pl-3 pr-8 focus:outline-none focus:border-primary focus:ring-1 focus:ring-primary text-gray-700 bg-white cursor-pointer transition-colors\">\n                    <option value=\"city-asc\">City \/ Institution (A - Z)<\/option>\n                    <option value=\"city-desc\">City \/ Institution (Z - A)<\/option>\n                    <option value=\"owner-asc\">Name (A - Z)<\/option>\n                    <option value=\"owner-desc\">Name (Z - A)<\/option>\n                <\/select>\n            <\/div>\n        <\/div>\n\n        <!-- Poster Grid -->\n        <div id=\"poster-grid\" class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-8\">\n        <\/div>\n\n    <\/main>\n\n    <footer class=\"bg-white border-t border-gray-200 py-8 text-center mt-12\">\n        <p class=\"text-gray-500 text-sm\">\u00a9 2026 Library and Technology. All rights reserved.<\/p>\n    <\/footer>\n\n    <script>\n        const baseUrl = \"https:\/\/kutuphaneveteknoloji.com\/wp-content\/uploads\/2026\/04\/\";\n        \n        const posters = [\n            { city: \"Tunceli\", owner: \"Hasret \u00d6zdemir\", url: \"Tunceli_Hasret-Ozdemir.pdf\" },\n            { city: \"\u015e\u0131rnak\", owner: \"Hilal \u00d6zel\", url: \"Sirnak_Hilal-Ozel.pdf\" },\n            { city: \"Sinop\", owner: \"Muhammed Ali G\u00fcr\", url: \"Sinop_Muhammed-Ali-Gur.pdf\" },\n            { city: \"Ordu\", owner: \"Seda Akbulut\", url: \"Ordu_Seda-Akbulut.pdf\" },\n            { city: \"Ni\u011fde\", owner: \"\u0130smail Bak\u0131r\", url: \"Nigde_Ismail-Bakir.pdf\" },\n            { city: \"K\u0131r\u0131kkale\", owner: \"Taha Yavuzer\", url: \"Kirikkale_Taha-Yavuzer.pdf\" },\n            { city: \"Karaman\", owner: \"Harun Karaca\", url: \"Karaman_Harun-Karaca.pdf\" },\n            { city: \"Kahramanmara\u015f\", owner: \"Soner Fidan\", url: \"Kahramanmaras_Soner-Fidan.pdf\" },\n            { city: \"\u0130zmir\", owner: \"Ebru G\u00fcltekin\", url: \"Izmir_Ebru-Gultekin.pdf\" },\n            { city: \"\u0130stanbul\", owner: \"Zeynep G\u00f6zde \u015een\", url: \"Istanbul_Zeynep-Gozde-Sen.pdf\" },\n            { city: \"\u0130stanbul\", owner: \"Selda Kuzu\", url: \"Istanbul_Selda-Kuzu.pdf\" },\n            { city: \"\u0130stanbul\", owner: \"Melek K\u0131l\u0131\u00e7 Yal\u00e7\u0131n\", url: \"Istanbul_Melek-Kilic-Yalcin.pdf\" },\n            { city: \"Isparta\", owner: \"Seher Can\", url: \"Isparta_Seher-Can.pdf\" },\n            { city: \"Hatay\", owner: \"\u015eerif Kart\", url: \"Hatay_Serif-Kart.pdf\" },\n            { city: \"Gaziantep\", owner: \"Merve \u015eereflio\u011flu\", url: \"Gaziantep_Merve-Sereflioglu.pdf\" },\n            { city: \"D\u00fczce\", owner: \"Rabia G\u00fcbay\", url: \"Duzce_Rabia-Gubay.pdf\" },\n            { city: \"\u00c7orum\", owner: \"Sevcan Ya\u011f\", url: \"Corum_Sevcan-Yag.pdf\" },\n            { city: \"\u00c7anakkale\", owner: \"Leman Ertem\", url: \"Canakkale_Leman-Ertem.pdf\" },\n            { city: \"Bal\u0131kesir\", owner: \"Zeynep Urullu\", url: \"Balikesir_Zeynep-Urullu.pdf\" },\n            { city: \"Bal\u0131kesir\", owner: \"Gizem Duygu \u015eeref\", url: \"Balikesir_Gizem-Duygu-Seref.pdf\" },\n            { city: \"Antalya\", owner: \"Ayfer \u0130\u00e7\u00f6z\", url: \"Antalya_Ayfer-Icoz.pdf\" },\n            { city: \"Ankara - General Directorate of Libraries and Publications\", owner: \"Yeliz Karadavut\", url: \"Ankara_KYGM_Yeliz-Karadavut.pdf\" },\n            { city: \"Ankara - General Directorate of Libraries and Publications\", owner: \"Sibel Bayram\", url: \"Ankara_KYGM_Sibel-Bayram.pdf\" },\n            { city: \"Ankara - General Directorate of Libraries and Publications\", owner: \"O\u011fuz Kuru\", url: \"Ankara_KYGM_Oguz-Kuru.pdf\" },\n            { city: \"Ankara - General Directorate of Libraries and Publications\", owner: \"G\u00fclcan Danac\u0131\", url: \"Ankara_KYGM_Gulcan-Danaci.pdf\" },\n            { city: \"Ankara - General Directorate of Libraries and Publications\", owner: \"Fatma Arslan B\u00fclb\u00fcl\", url: \"Ankara_KYGM_Fatma-Arslan-Bulbul.pdf\" },\n            { city: \"Ankara - General Directorate of Libraries and Publications\", owner: \"Cemre Yazar\", url: \"Ankara_KYGM_Cemre-Yazar.pdf\" },\n            { city: \"Ankara - General Directorate of Libraries and Publications\", owner: \"B\u00fc\u015fra Aksan\", url: \"Ankara_KYGM_Busra-Aksan.pdf\" },\n            { city: \"Ankara - General Directorate of Libraries and Publications\", owner: \"Ay\u015feg\u00fcl Karag\u00fclle\", url: \"Ankara_KYGM_Aysegul-Karagulle.pdf\" },\n            { city: \"Ad\u0131yaman\", owner: \"Yusuf Yolcu\", url: \"Adiyaman_Yusuf-Yolcu.pdf\" }\n        ];\n\n        const gridContainer = document.getElementById('poster-grid');\n        const countDisplay = document.getElementById('poster-count');\n        const sortSelect = document.getElementById('sort-select');\n\n        function renderPosters(postersArray) {\n            gridContainer.innerHTML = '';\n            countDisplay.innerText = `Total ${postersArray.length} Posters`;\n\n            postersArray.forEach(poster => {\n                const fullUrl = baseUrl + poster.url;\n                \n                const cardHTML = `\n                    <div class=\"bg-white rounded-xl shadow-sm hover:shadow-xl transition-all duration-300 border border-gray-100 flex flex-col overflow-hidden group\">\n                        \n                        <div class=\"pdf-preview-container group-hover:opacity-90 transition-opacity\">\n                            <iframe \n                                class=\"pdf-preview-iframe\" \n                                src=\"${fullUrl}#toolbar=0&navpanes=0&scrollbar=0&view=FitH\" \n                                title=\"${poster.owner} Poster\"\n                                loading=\"lazy\">\n                            <\/iframe>\n                        <\/div>\n\n                        <div class=\"p-5 flex-grow flex flex-col\">\n                            <span class=\"text-xs font-bold tracking-wider text-primary uppercase mb-2 block\">\n                                City: ${poster.city}\n                            <\/span>\n                            <h3 class=\"text-lg font-bold text-gray-900 mb-4 flex-grow\">\n                                <span class=\"text-gray-500 font-medium text-sm block mb-1\">Poster Owner<\/span>\n                                ${poster.owner}\n                            <\/h3>\n                            \n                            <a href=\"${fullUrl}\" target=\"_blank\" class=\"w-full inline-flex items-center justify-center px-4 py-2.5 bg-primary hover:bg-primaryLight text-white font-medium rounded-lg transition-colors duration-200\">\n                                Open Full Screen\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                `;\n                \n                gridContainer.insertAdjacentHTML('beforeend', cardHTML);\n            });\n        }\n\n        function sortPosters(sortType) {\n            let sortedPosters = [...posters];\n\n            sortedPosters.sort((a, b) => {\n                if (sortType === 'city-asc') {\n                    return a.city.localeCompare(b.city, 'en');\n                } else if (sortType === 'city-desc') {\n                    return b.city.localeCompare(a.city, 'en');\n                } else if (sortType === 'owner-asc') {\n                    return a.owner.localeCompare(b.owner, 'en');\n                } else if (sortType === 'owner-desc') {\n                    return b.owner.localeCompare(a.owner, 'en');\n                }\n                return 0;\n            });\n\n            renderPosters(sortedPosters);\n        }\n\n        document.addEventListener(\"DOMContentLoaded\", () => {\n            sortPosters(sortSelect.value);\n\n            sortSelect.addEventListener('change', (e) => {\n                sortPosters(e.target.value);\n            });\n        });\n    <\/script>\n<\/body>\n<\/html><\/div><\/div><\/div><\/div><\/div><\/section>\n","protected":false},"excerpt":{"rendered":"Library and Technology Posters Updated 2026 poster archive categorized by cities and institutions Loading... Sort: City \/ Institution (A - Z) City \/ Institution (Z - A) Name (A - Z) Name (Z - A) \u00a9 2026 Library and Technology. All rights reserved.","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"footnotes":""},"class_list":["post-10132","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kutuphaneveteknoloji.com\/en\/wp-json\/wp\/v2\/pages\/10132","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kutuphaneveteknoloji.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kutuphaneveteknoloji.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kutuphaneveteknoloji.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/kutuphaneveteknoloji.com\/en\/wp-json\/wp\/v2\/comments?post=10132"}],"version-history":[{"count":3,"href":"https:\/\/kutuphaneveteknoloji.com\/en\/wp-json\/wp\/v2\/pages\/10132\/revisions"}],"predecessor-version":[{"id":10138,"href":"https:\/\/kutuphaneveteknoloji.com\/en\/wp-json\/wp\/v2\/pages\/10132\/revisions\/10138"}],"wp:attachment":[{"href":"https:\/\/kutuphaneveteknoloji.com\/en\/wp-json\/wp\/v2\/media?parent=10132"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}