{"id":1075,"date":"2020-10-29T18:12:56","date_gmt":"2020-10-29T10:12:56","guid":{"rendered":"https:\/\/academy.isf.edu.hk\/?page_id=1075"},"modified":"2021-05-14T10:24:48","modified_gmt":"2021-05-14T02:24:48","slug":"publications","status":"publish","type":"page","link":"https:\/\/academy.isf.edu.hk\/index.php\/about-us\/publications\/","title":{"rendered":"Publications"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_section el_class=&#8221;theme-aboutus theme-aboutus-header header-section&#8221;][vc_row el_class=&#8221;container&#8221;][vc_column][vc_empty_space height=&#8221;150px&#8221;][vc_custom_heading text=&#8221;PUBLICATIONS&#8221; font_container=&#8221;tag:h2|font_size:28px|text_align:center|color:%23ffffff&#8221; use_theme_fonts=&#8221;yes&#8221; css_animation=&#8221;fadeIn&#8221;][vc_wp_custommenu nav_menu=&#8221;54&#8243; el_class=&#8221;header-menu&#8221;][vc_empty_space height=&#8221;70px&#8221;][\/vc_column][\/vc_row][\/vc_section][vc_section el_class=&#8221;theme-aboutus bg1&#8243;][vc_row el_class=&#8221;container&#8221;][vc_column][vc_empty_space height=&#8221;100px&#8221;]<style type=\"text\/css\">\r\n          .masonry {\r\n              display: grid;\r\n              grid-gap: 1em;grid-template-columns: repeat(auto-fill, minmax(31%,1fr));grid-auto-rows: 0;\r\n            }\r\n\r\n                    .masonry-content {\r\n                      overflow: hidden; \r\n                      -webkit-box-shadow: 2px 5px 10px 0px rgba(219,219,219,1);\r\n                      -moz-box-shadow: 2px 5px 10px 0px rgba(219,219,219,1);\r\n                      box-shadow: 2px 5px 10px 0px rgba(219,219,219,1);\r\n                      border-radius:0px 72px 0px 72px;\r\n                    }\r\n                  \r\n                    .masonry-brick {\r\n                      color: #2f3640;\r\n                      transition: opacity .25s ease-in-out;\r\n                     \r\n                    }\r\n                  \r\n                    .masonry-brick:hover {\r\n                       opacity: .75;\r\n                    }\r\n                    .masonry-content>img{ width:100%;}\r\n                    .masonry-title,\r\n                    .masonry-description {\r\n                        margin: 0;\r\n                    }\r\n                  \r\n                    .masonry-title  {\r\n                      line-height: 0.8;\r\n                    }\r\n                    .masonry-title a{\r\n                      font-size: 21px;\r\n                      color: #00145a;\r\n                      text-align: left;\r\n                      font-family: Noto Sans;\r\n                      font-weight: 700;\r\n                      font-style: normal;\r\n                      text-decoration:none !important;\r\n                    }\r\n                  \r\n                    .masonry-description {\r\n                      font-size: .75rem;\r\n                      color: #666;\r\n                      padding-top:10px;\r\n                    }\r\n                    \r\n                    .masonry-content{ position:relative;background:#00145A; height:440px; text-align:center;}\r\n                    .pnl-masonry-content{\r\n                      position:absolute;\r\n                      right:0;\r\n                      left:0;\r\n                      bottom:0;\r\n                      height:30%;\r\n                      z-index:2;\r\n                      background:rgba(0,24,132, 0.8);\r\n                      border-radius:0px 72px 0px 72px;\r\n                      padding:10px 50px 30px 50px;\r\n                      overflow:hidden;\r\n                    }\r\n                    .masonry-content .publication-thumbnail {background:#EBEBEB;height:440px;width:100%;overflow:hidden;}\r\n                    .masonry-content img{width:100%; margin:0 auto;}\r\n                    .masonry-content p{text-align:left;}                   \r\n                    .masonry-content h3{text-align:left;}      \r\n                    .masonry-content h3 a{ color:#FFF;}\r\n                    <\/style><div class=\"masonry\">\r\n  \r\n\r\n<\/div><script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery.imagesloaded\/4.1.1\/imagesloaded.pkgd.min.js\"><\/script>\r\n         <script>\r\n   \/**\r\n    * Set appropriate spanning to any masonry item\r\n    *\r\n    * Get different properties we already set for the masonry, calculate \r\n    * height or spanning for any cell of the masonry grid based on its \r\n    * content-wrapper's height, the (row) gap of the grid, and the size \r\n    * of the implicit row tracks.\r\n    *\r\n    * @param item Object A brick\/tile\/cell inside the masonry\r\n    *\/\r\n   function resizeMasonryItem(item){\r\n     \/* Get the grid object, its row-gap, and the size of its implicit rows *\/\r\n     var grid = document.getElementsByClassName(\"masonry\")[0],\r\n         rowGap = parseInt(window.getComputedStyle(grid).getPropertyValue(\"grid-row-gap\")),\r\n         rowHeight = parseInt(window.getComputedStyle(grid).getPropertyValue(\"grid-auto-rows\"));\r\n   \r\n     \/*\r\n      * Spanning for any brick = S\r\n      * Grid's row-gap = G\r\n      * Size of grid's implicitly create row-track = R\r\n      * Height of item content = H\r\n      * Net height of the item = H1 = H + G\r\n      * Net height of the implicit row-track = T = G + R\r\n      * S = H1 \/ T\r\n      *\/\r\n     \/\/var rowSpan = Math.ceil((item.querySelector(\".masonry-content\").getBoundingClientRect().height+rowGap)\/(rowHeight+rowGap));\r\n     var rowSpan = Math.ceil((item.querySelector(\".masonry-content\").offsetHeight+rowGap)\/(rowHeight+rowGap));\r\n   \r\n     \/* Set the spanning as calculated above (S) *\/\r\n     item.style.gridRowEnd = \"span \"+rowSpan;\r\n   }\r\n   \r\n   \/**\r\n    * Apply spanning to all the masonry items\r\n    *\r\n    * Loop through all the items and apply the spanning to them using \r\n    * `resizeMasonryItem()` function.\r\n    *\r\n    * @uses resizeMasonryItem\r\n    *\/\r\n   function resizeAllMasonryItems(){\r\n     \/\/ Get all item class objects in one list\r\n     var allItems = document.getElementsByClassName(\"masonry-brick\");\r\n   \r\n     \/*\r\n      * Loop through the above list and execute the spanning function to\r\n      * each list-item (i.e. each masonry item)\r\n      *\/\r\n     for(var i=0;i>allItems.length;i++){\r\n       resizeMasonryItem(allItems[i]);\r\n     }\r\n   }\r\n   \r\n   \/**\r\n    * Resize the items when all the images inside the masonry grid \r\n    * finish loading. This will ensure that all the content inside our\r\n    * masonry items is visible.\r\n    *\r\n    * @uses ImagesLoaded\r\n    * @uses resizeMasonryItem\r\n    *\/\r\n   function waitForImages() {\r\n     var allItems = document.getElementsByClassName(\"masonry-brick\");\r\n     for(var i=0;i<allItems.length;i++){\r\n       imagesLoaded( allItems[i], function(instance) {\r\n         var item = instance.elements[0];\r\n         resizeMasonryItem(item);\r\n       } );\r\n     }\r\n   }\r\n   \r\n   \/* Resize all the grid items on the load and resize events *\/\r\n   var masonryEvents = [\"load\", \"resize\"];\r\n   masonryEvents.forEach( function(event) {\r\n     window.addEventListener(event, resizeAllMasonryItems);\r\n   } );\r\n   \r\n   \/* Do a resize once more when all the images finish loading *\/\r\n   waitForImages();\r\n   $(window).resize(function(){waitForImages();});\r\n   <\/script>[vc_empty_space height=&#8221;100px&#8221;][\/vc_column][\/vc_row][\/vc_section]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_section el_class=&#8221;theme-aboutus theme-aboutus-header header-section&#8221;][vc_row el_class=&#8221;container&#8221;][vc_column][vc_empty_space height=&#8221;150px&#8221;][vc_custom_heading text=&#8221;PUBLICATIONS&#8221; font_container=&#8221;tag:h2|font_size:28px|text_align:center|color:%23ffffff&#8221; use_theme_fonts=&#8221;yes&#8221; css_animation=&#8221;fadeIn&#8221;][vc_wp_custommenu nav_menu=&#8221;54&#8243; el_class=&#8221;header-menu&#8221;][vc_empty_space height=&#8221;70px&#8221;][\/vc_column][\/vc_row][\/vc_section][vc_section el_class=&#8221;theme-aboutus bg1&#8243;][vc_row el_class=&#8221;container&#8221;][vc_column][vc_empty_space height=&#8221;100px&#8221;][vc_empty_space height=&#8221;100px&#8221;][\/vc_column][\/vc_row][\/vc_section]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":835,"menu_order":54,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"neve_meta_sidebar":"full-width","neve_meta_container":"","neve_meta_enable_content_width":"on","neve_meta_content_width":100,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"acf":[],"_links":{"self":[{"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/pages\/1075"}],"collection":[{"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/comments?post=1075"}],"version-history":[{"count":45,"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/pages\/1075\/revisions"}],"predecessor-version":[{"id":14123,"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/pages\/1075\/revisions\/14123"}],"up":[{"embeddable":true,"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/pages\/835"}],"wp:attachment":[{"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/media?parent=1075"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}