{"id":8726,"date":"2024-11-12T09:25:00","date_gmt":"2024-11-12T01:25:00","guid":{"rendered":"\/euilib\/?page_id=8726"},"modified":"2024-11-12T09:25:37","modified_gmt":"2024-11-12T01:25:37","slug":"eu-research-resources-2","status":"publish","type":"page","link":"\/euilib\/?page_id=8726","title":{"rendered":"EU Research Resources"},"content":{"rendered":"<p class=\"whitespace-pre-wrap break-words\">\u00a0 The EU Research Collection of our library aims to build comprehensive European Union research resources. In addition to supporting EU academic research, policy analysis, and public affairs studies, it also shoulders the responsibility of promoting EU education.<\/p>\n<p class=\"whitespace-pre-wrap break-words\">\u00a0 The collection covers diverse areas including EU development, legal and political systems, economics, and social affairs. It includes EU official documents, academic journal articles, research reports, academic conference proceedings, white papers, and the latest EU academic publications.<\/p>\n<p class=\"whitespace-pre-wrap break-words\">\u00a0 Additionally, TKUL regularly publishes the quarterly &#8220;<a href=\"\/euilib\/?page_id=7692(opens%20in%20a%20new%20tab\">Tamkang University EUi Newsletter<\/a>,&#8221; which systematically compiles the latest EU developments.<\/p>\n<p class=\"whitespace-pre-wrap break-words\">\u00a0 EUi is committed to promoting EU research, aiming to deepen EU academic exchanges, enhance public understanding of the European Union&#8217;s progress, and facilitate dialogue and exchange across different disciplines.<\/p>\n\n\n<style>\n        :root {\n            --eu-blue: #003399;\n            --eu-yellow: #FFCC00;\n        }\n\n        .icons-container {\n            display: flex;\n            justify-content: center;\n            gap: 40px;\n            flex-wrap: wrap;\n            padding: 20px;\n            background-color: #ffffff;\n        }\n\n        .icon-item {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            width: 180px;\n            cursor: pointer;\n            opacity: 0;\n            transform: translateY(20px);\n            animation: fadeInUp 0.8s ease forwards;\n            transition: all 0.3s ease;\n            text-decoration: none;\n            position: relative;\n        }\n\n        @keyframes fadeInUp {\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        .icon-item:nth-child(1) { animation-delay: 0.1s; }\n        .icon-item:nth-child(2) { animation-delay: 0.2s; }\n        .icon-item:nth-child(3) { animation-delay: 0.3s; }\n        .icon-item:nth-child(4) { animation-delay: 0.4s; }\n        .icon-item:nth-child(5) { animation-delay: 0.5s; }\n\n        .learn-more {\n            margin-top: 15px;\n            padding: 8px 16px;\n            background-color: transparent;\n            border: 2px solid var(--eu-blue);\n            border-radius: 20px;\n            color: var(--eu-blue);\n            font-size: 14px;\n            font-weight: 500;\n            opacity: 0;\n            transform: translateY(10px);\n            transition: all 0.3s ease;\n            text-decoration: none;\n            display: inline-block;\n        }\n\n        .icon-item:hover .learn-more {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .learn-more:hover {\n            background-color: var(--eu-blue);\n            color: white;\n            transform: translateY(-3px);\n            box-shadow: 0 4px 12px rgba(0, 51, 153, 0.2);\n        }\n\n        .icon-circle {\n            width: 100px;\n            height: 100px;\n            background-color: var(--eu-blue);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 20px;\n            position: relative;\n            transition: all 0.3s ease;\n            overflow: hidden;\n        }\n\n        .eu-stars {\n            position: relative;\n            width: 10px;\n            height: 10px;\n        }\n\n        .star {\n            position: absolute;\n            width: 10px;\n            height: 10px;\n            background-color: var(--eu-yellow);\n            clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);\n            transition: transform 0.3s ease;\n        }\n\n        \/* 12\u9846\u661f\u661f\u7684\u4f4d\u7f6e *\/\n    .star:nth-child(1) { transform: rotate(0deg) translateY(-40px); }\n    .star:nth-child(2) { transform: rotate(30deg) translateY(-40px); }\n    .star:nth-child(3) { transform: rotate(60deg) translateY(-40px); }\n    .star:nth-child(4) { transform: rotate(90deg) translateY(-40px); }\n    .star:nth-child(5) { transform: rotate(120deg) translateY(-40px); }\n    .star:nth-child(6) { transform: rotate(150deg) translateY(-40px); }\n    .star:nth-child(7) { transform: rotate(180deg) translateY(-40px); }\n    .star:nth-child(8) { transform: rotate(210deg) translateY(-40px); }\n    .star:nth-child(9) { transform: rotate(240deg) translateY(-40px); }\n    .star:nth-child(10) { transform: rotate(270deg) translateY(-40px); }\n    .star:nth-child(11) { transform: rotate(300deg) translateY(-40px); }\n    .star:nth-child(12) { transform: rotate(330deg) translateY(-40px); }\n\n        .icon-item:hover .star {\n            transform: scale(1.2) rotate(360deg);\n        }\n\n        .primary-text {\n            font-size: 1.2rem;\n            color: var(--eu-blue);\n            margin-bottom: 10px;\n            transition: color 0.3s ease;\n            font-weight: bold;\n            text-align: center;\n        }\n\n        .secondary-text {\n            font-size: 1.0rem;\n            color: #4A5568;\n            line-height: 1.5;\n            opacity: 0.8;\n            transition: opacity 0.3s ease;\n            text-align: center;\n        }\n\n        .icon-item:hover {\n            transform: translateY(-10px);\n        }\n\n        .icon-item:hover .icon-circle {\n            background-color: #002664;\n            box-shadow: 0 0 20px rgba(0, 51, 153, 0.3);\n        }\n\n        .icon-item:hover .primary-text {\n            color: #002664;\n        }\n\n        .icon-item:hover .secondary-text {\n            opacity: 1;\n        }\n\n        .icon-item:active {\n            transform: scale(0.95);\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"icons-container\">\n        <a href=\"https:\/\/uco-tku.primo.exlibrisgroup.com\/discovery\/search?query=sub,exact,european%20union,OR&#038;query=any,contains,EU,OR&#038;query=any,contains,%E6%AD%90%E6%B4%B2%E8%81%AF%E7%9B%9F,OR&#038;query=any,contains,european%20union,AND&#038;tab=Everything&#038;search_scope=MyInst_and_CI&#038;sortby=rank&#038;vid=886UCO_TKU:886TKU_INST&#038;lang=en&#038;mode=advanced&#038;offset=0\" class=\"icon-item\">\n            <div class=\"icon-circle\">\n                <div class=\"eu-stars\">\n                    <!-- 12\u9846\u661f\u661f -->\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"primary-text\">TKUL Catalog<\/div>\n            <div class=\"secondary-text\">TKU EU Research Resources<\/div>\n            <span class=\"learn-more\">More<\/span>\n        <\/a>\n\n        <a href=\"\/euilib\/?page_id=7589\" class=\"icon-item\">\n            <div class=\"icon-circle\">\n                <div class=\"eu-stars\">\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"primary-text\">EU Research in Taiwan<\/div>\n            <div class=\"secondary-text\">EU Research Institutions<\/div>\n            <span class=\"learn-more\">More<\/span>\n        <\/a>\n\n        <a href=\"\/euilib\/?page_id=7589\" class=\"icon-item\">\n            <div class=\"icon-circle\">\n                <div class=\"eu-stars\">\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"primary-text\">EU Official<\/div>\n            <div class=\"secondary-text\">Official EU Institutions<\/div>\n            <span class=\"learn-more\">More<\/span>\n        <\/a>\n\n        <a href=\"\/euilib\/?page_id=7589\" class=\"icon-item\">\n            <div class=\"icon-circle\">\n                <div class=\"eu-stars\">\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"primary-text\">European Office in Taiwan<\/div>\n            <div class=\"secondary-text\">European Representative Office in Taiwan <\/div>\n            <span class=\"learn-more\">More<\/span>\n        <\/a>\n\n        <a href=\"\/euilib\/?page_id=7589\" class=\"icon-item\">\n            <div class=\"icon-circle\">\n                <div class=\"eu-stars\">\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                    <div class=\"star\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"primary-text\">EU News<\/div>\n            <div class=\"secondary-text\">EU News Website<\/div>\n            <span class=\"learn-more\">More<\/span>\n        <\/a>\n    <\/div>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u00a0 The EU Research Collection of our library aims to build comprehensive European Union research resources. In addition to supporting EU academic research, policy analysis, and public affairs studies, it also shoulders the responsibility of promoting EU education. \u00a0 The collection covers diverse areas including EU development, legal and political systems, economics, and social affairs. [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"wp-custom-template-detail-4-page-en","meta":{"footnotes":""},"acf":[],"_links":{"self":[{"href":"\/euilib\/index.php?rest_route=\/wp\/v2\/pages\/8726"}],"collection":[{"href":"\/euilib\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"\/euilib\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"\/euilib\/index.php?rest_route=\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"\/euilib\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8726"}],"version-history":[{"count":3,"href":"\/euilib\/index.php?rest_route=\/wp\/v2\/pages\/8726\/revisions"}],"predecessor-version":[{"id":8729,"href":"\/euilib\/index.php?rest_route=\/wp\/v2\/pages\/8726\/revisions\/8729"}],"wp:attachment":[{"href":"\/euilib\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8726"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}