{"id":4953,"date":"2021-01-26T15:17:48","date_gmt":"2021-01-26T07:17:48","guid":{"rendered":"https:\/\/academy.isf.edu.hk\/?page_id=4953"},"modified":"2021-02-02T17:41:47","modified_gmt":"2021-02-02T09:41:47","slug":"teacher-recruitment-flyer","status":"publish","type":"page","link":"https:\/\/academy.isf.edu.hk\/index.php\/general-contacts\/career\/teacher-recruitment-flyer\/","title":{"rendered":"Teacher Recruitment Flyer"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_section el_class=&#8221;theme-contactus header-section&#8221;][vc_row el_class=&#8221;container&#8221;][vc_column el_class=&#8221;container&#8221;][vc_empty_space height=&#8221;70px&#8221;][vc_custom_heading text=&#8221;GENERAL CONTACTS&#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_empty_space height=&#8221;70px&#8221;][\/vc_column][\/vc_row][\/vc_section][vc_section el_class=&#8221;theme-contactus container&#8221;][vc_row][vc_column][vc_empty_space height=&#8221;100px&#8221;]<style text=\"text\/css\"><\/style><h2  class=\"isf_custom_heading filled\" style=\"text-align:left;\">Teacher Recruitment Flyer<\/h2>[vc_empty_space height=&#8221;50px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column]<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:#EBEBEB;  height:280px; 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:40%;\r\n                    z-index:2;\r\n                    background: rgba(255, 103, 32, 0.8);\r\n\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 .job-thumbnail {background:#EBEBEB;height:280px;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\r\n                  .filter-nav{ width:100%; clear:both; display:flex; margin:20px 0px;padding:0px 5px}\r\n                  .filter-nav li{\r\n                    background:#f2f2f2; \r\n                    border-radius:0px 10px 0px 10px; \r\n                    width:auto;\r\n                    padding:5px 10px;\r\n                    margin:5px;\r\n                    cursor:pointer;\r\n                  }\r\n                  .filter-nav li:hover, .filter-nav li.active{\r\n                    background:#ff6720;\r\n                    color:#FFF;\r\n                  }\r\n                  .filter-nav li.active:after{\r\n                    content:\"x\";                    \r\n                    font-family: DINPro, sans-serif;\r\n                    width:20px;\r\n                    height:20px;\r\n                    margin-left:10px;\r\n                    opacity:0.5;\r\n                  }\r\n                  \r\n                  .job-item{display:none;}\r\n                  .job-item.active{display:block;}\r\n                    <\/style><div id=\"\"><div class=\"masonry\"><div class=\"masonry-brick job-item active cat-careers \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/contact-us\/career\/teacher-recruitment-flyer\/teacher-recruitment-2019\/\" class=\"vc_gitem-link\" title=\"Teacher Recruitment Flyer\">\r\n                                    <div class=\"job-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/teacherRecruitment2019.jpg) no-repeat center center;background-size:100% 100%;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/teacherRecruitment2019.jpg\" alt=\"Teacher Recruitment Flyer\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Careers<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/contact-us\/career\/teacher-recruitment-flyer\/teacher-recruitment-2019\/\" class=\"vc_gitem-link\" title=\"Teacher Recruitment Flyer\">Teacher Recruitment Flyer<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\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   \r\n   $(\".vc_tta-tab a\").click(waitForImages);\r\n   $(window).resize(function(){waitForImages();});\r\n   \r\n   \r\n     function checkFilter(){\r\n       $(\"# #cat-all\").removeClass(\"active\");\r\n         $(\"# .job-item\").removeClass(\"active\");\r\n         $(\"# .cat-filter\").each(function(index, element) {\r\n             \/\/alert(\"ID:\"+$(this).attr(\"id\"));\r\n             if($(this).hasClass(\"active\")){\r\n               $(\"# .\"+$(this).attr(\"id\")).addClass(\"active\");\r\n             }\r\n         });\r\n       \r\n\r\n     }\r\n     \r\n     $(document).ready(function(){\r\n       $(\"# #cat-all\").click(function(){\r\n         $(\"# #cat-all\").toggleClass(\"active\");\r\n         if($(\"# #cat-all\").hasClass(\"active\")){\r\n           $(\"# .job-item\").addClass(\"active\");\r\n           $(\"# .cat-filter\").removeClass(\"active\");\r\n         }else{\r\n           $(\"# .job-item\").removeClass(\"active\");\r\n         }\r\n     });\r\n     $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               });\r\n   <\/script><\/div>[\/vc_column][\/vc_row][\/vc_section][vc_section][vc_row][vc_column][vc_empty_space height=&#8221;200px&#8221;][\/vc_column][\/vc_row][\/vc_section]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_section el_class=&#8221;theme-contactus header-section&#8221;][vc_row el_class=&#8221;container&#8221;][vc_column el_class=&#8221;container&#8221;][vc_empty_space height=&#8221;70px&#8221;][vc_custom_heading text=&#8221;GENERAL CONTACTS&#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_empty_space height=&#8221;70px&#8221;][\/vc_column][\/vc_row][\/vc_section][vc_section el_class=&#8221;theme-contactus container&#8221;][vc_row][vc_column][vc_empty_space height=&#8221;100px&#8221;][vc_empty_space height=&#8221;50px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][\/vc_column][\/vc_row][\/vc_section][vc_section][vc_row][vc_column][vc_empty_space height=&#8221;200px&#8221;][\/vc_column][\/vc_row][\/vc_section]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":310,"menu_order":0,"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\/4953"}],"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=4953"}],"version-history":[{"count":12,"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/pages\/4953\/revisions"}],"predecessor-version":[{"id":11786,"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/pages\/4953\/revisions\/11786"}],"up":[{"embeddable":true,"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/pages\/310"}],"wp:attachment":[{"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/media?parent=4953"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}