{"id":21885,"date":"2022-05-30T09:21:59","date_gmt":"2022-05-30T01:21:59","guid":{"rendered":"https:\/\/academy.isf.edu.hk\/?page_id=21885"},"modified":"2022-05-30T09:32:32","modified_gmt":"2022-05-30T01:32:32","slug":"isf-celebrates-city-nature-challenge-2022-results","status":"publish","type":"page","link":"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/isf-celebrates-city-nature-challenge-2022-results\/","title":{"rendered":"ISF Celebrates City Nature Challenge 2022 Results"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_section el_class=&#8221;theme-news theme-news-header header-section&#8221;][vc_row el_class=&#8221;container&#8221;][vc_column el_class=&#8221;container&#8221;][vc_empty_space height=&#8221;150px&#8221;][vc_custom_heading text=&#8221;STUDENT ACHIEVEMENTS&#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;144&#8243; el_class=&#8221;header-menu&#8221;][vc_empty_space height=&#8221;150px&#8221;][\/vc_column][\/vc_row][\/vc_section][vc_section el_class=&#8221;theme-news container&#8221;][vc_row el_class=&#8221;container&#8221;][vc_column][vc_empty_space height=&#8221;100px&#8221;]<style text=\"text\/css\"><\/style><h2  class=\"isf_custom_heading filled\" style=\"text-align:left;\">ISF Celebrates City Nature Challenge 2022 Results<\/h2>[vc_empty_space][vc_column_text]April 29 &#8211; May 2, 2022[\/vc_column_text][vc_column_text]From April 29 to May 2, the ISF community joined the annual City Nature Challenge along with 447 cities which resulted in nearly 1.7 million observations in urban environments worldwide. Hong Kong came third in the world with over 33,000 observations and 27% of them are contributed by ISF! Please visit <a href=\"https:\/\/www.inaturalist.org\/projects\/isf-academy-cnc-2022?tab=species\">here<\/a> for the impressive results achieved by the ISF teams.<\/p>\n<p>Under the guidance of <em>Shuyuan <\/em>faculty, the Academy and Pre-School students took part in the challenge representing their Houses, Virtues and grades. Capturing pictures of wild plants and animals locally, the ISF community documented a total of 1,430 species in just four days. Impressively, 413 of our observations were verified in a data quality assessment and achieved Research Grade status, which means that the observations can be found on Google Scholar and are recommended for use by scientists in their studies, contributing to the world of scholarly research.<\/p>\n<p>Through participating in this challenge, students practiced the virtues of <em>Ren <\/em>and <em>Ai<\/em>, demonstrating compassion and care for the natural world by being kind to all creatures and protecting the environment, as well as showing a love of learning and intellectual curiosity that goes beyond the classroom. Reflecting on her experience, one of our Grade 9 students said, \u201cI\u2019ve grown an appreciation for my surroundings and learned to look more carefully at the different plants and animals in my neighborhood, noticing things I previously didn\u2019t know were there.\u201d The project also motivated her to go outside on long walks and interact with friends and family.<\/p>\n<p>Congratulations to Secondary Earth House, Primary Yi and Pre-School Year 2 (Extended Program) on topping the results for each division (cataloguing 3,743, 220, and 209 observations respectively). Secondary Metal House ranked top among the ISF teams with 685 species recorded. Well done to all students for their remarkable discoveries!<\/p>\n<p><em>Shuyuan<\/em> and student volunteers have just begun planning for next year\u2019s challenge and we look forward to breaking more records in April 2023. Join us in discovering more of the biodiversity of our planet!<\/p>\n<p>&nbsp;<\/p>\n<p>Some Research Grade observations by ISF:[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;][\/vc_column][\/vc_row][\/vc_section][vc_section el_class=&#8221;container&#8221;][vc_row][vc_column width=&#8221;1\/12&#8243;][\/vc_column][vc_column width=&#8221;5\/12&#8243;]<style type=\"text\/css\">\r\n                .image-container{\r\n                    width:100%;\r\n                    overflow:hidden;\r\n                    position:relative;\r\n                }\r\n                .image-container img{\r\n                    width:100%;\r\n                    border-radius:0px 72px 0px 72px;\r\n                }\r\n                .image-container.Bottom2Col img{\r\n                    border-radius:72px 0px 72px 0px;\r\n                }\r\n                .image-container .caption-container{\r\n                    position:absolute;\r\n                    right:0;\r\n                    left:0;\r\n                    bottom:0;\r\n                    max-height:50%;\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 30px 30px 30px;\r\n                    overflow:hidden;\r\n                }\r\n                .image-container.Bottom2Col .caption-container{\r\n                    padding:4% 50px;\r\n                    max-height:33%;\r\n                    border-radius:72px 0px 72px 0px;\r\n                }\r\n                .image-container.Mouseover .caption-container{\r\n                    display:none;\r\n                }\r\n                .image-container.Mouseover:hover .caption-container{                    \r\n                    display:block;\r\n                }\r\n                .image-container.Mouseover:hover::after {position:absolute;\r\n                    right:0;\r\n                    left:0;\r\n                    bottom:0;\r\n                    top:0;\r\n                    content:\"\";\r\n                    z-index:1;\r\n                    background:rgba(0,0,0,0.3);\r\n                    border-radius:0px 72px 0px 72px;\r\n                }\r\n                .image-container .caption-inner-container{\r\n                    height:100%;\r\n                    overflow:hidden;\r\n                }\r\n                .image-container .caption-title{\r\n                    width:100%;\r\n                    display:block;\r\n                    float:left;\r\n                    color:#FFF;\r\n                    font-size:28px;\r\n                    font-weight:600;\r\n                    margin-right:-5px;\r\n                    padding:10px 0px;\r\n                    line-height:1.2;\r\n                }\r\n                .image-container.Bottom2Col .caption-title{\r\n                    width:30%;\r\n                    font-size:32px;\r\n                    padding:0px 10px;\r\n                }\r\n                .image-container .caption::before{\r\n                    content:\" \";\r\n                    background:#FFF;\r\n                    position:absolute;\r\n                    display:block;\r\n                    float:left;\r\n                    width:40px;\r\n                    height:3px;\r\n                    margin-top:-20px;\r\n                }\r\n                .image-container.Bottom2Col .caption::before{\r\n                    top:50%;\r\n                    width:3px;\r\n                    height:40px;\r\n                    margin-top:-20px;\r\n                    margin-left:-55px;\r\n                }\r\n                .image-container .caption{\r\n                    color:#FFF;\r\n                    display:block;\r\n                    float:left;\r\n                    font-size:18px;\r\n                    overflow:hidden;\r\n                    line-height:1.4;\r\n                    width:100%;\r\n                    padding:10px 0px;\r\n                    padding-top:20px;\r\n                }\r\n                .image-container.Bottom2Col .caption{\r\n                    width:60%;\r\n                    margin-left:10%;\r\n                    padding:0px 10px;\r\n                    padding-left:50px;\r\n\r\n                }\r\n\r\n\r\n\r\n                <\/style><div class=\" image-container  wpb_content_element wpb_animate_when_almost_visible wpb_ \">\r\n                    <img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/Striped-Sticky-Frog.jpeg\" \/><div class=\"caption-container\">\r\n                        <div class=\"caption-inner-container\">\r\n                            <div class=\"caption-title\">Striped Sticky Frog (Kalophrynus Interlineatus)<\/div>\r\n                            <div class=\"caption\">Contributed by Primary Yi<\/div>\r\n                        <\/div>\r\n                    <\/div><\/div>[\/vc_column][vc_column width=&#8221;5\/12&#8243;]<style type=\"text\/css\">\r\n                .image-container{\r\n                    width:100%;\r\n                    overflow:hidden;\r\n                    position:relative;\r\n                }\r\n                .image-container img{\r\n                    width:100%;\r\n                    border-radius:0px 72px 0px 72px;\r\n                }\r\n                .image-container.Bottom2Col img{\r\n                    border-radius:72px 0px 72px 0px;\r\n                }\r\n                .image-container .caption-container{\r\n                    position:absolute;\r\n                    right:0;\r\n                    left:0;\r\n                    bottom:0;\r\n                    max-height:50%;\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 30px 30px 30px;\r\n                    overflow:hidden;\r\n                }\r\n                .image-container.Bottom2Col .caption-container{\r\n                    padding:4% 50px;\r\n                    max-height:33%;\r\n                    border-radius:72px 0px 72px 0px;\r\n                }\r\n                .image-container.Mouseover .caption-container{\r\n                    display:none;\r\n                }\r\n                .image-container.Mouseover:hover .caption-container{                    \r\n                    display:block;\r\n                }\r\n                .image-container.Mouseover:hover::after {position:absolute;\r\n                    right:0;\r\n                    left:0;\r\n                    bottom:0;\r\n                    top:0;\r\n                    content:\"\";\r\n                    z-index:1;\r\n                    background:rgba(0,0,0,0.3);\r\n                    border-radius:0px 72px 0px 72px;\r\n                }\r\n                .image-container .caption-inner-container{\r\n                    height:100%;\r\n                    overflow:hidden;\r\n                }\r\n                .image-container .caption-title{\r\n                    width:100%;\r\n                    display:block;\r\n                    float:left;\r\n                    color:#FFF;\r\n                    font-size:28px;\r\n                    font-weight:600;\r\n                    margin-right:-5px;\r\n                    padding:10px 0px;\r\n                    line-height:1.2;\r\n                }\r\n                .image-container.Bottom2Col .caption-title{\r\n                    width:30%;\r\n                    font-size:32px;\r\n                    padding:0px 10px;\r\n                }\r\n                .image-container .caption::before{\r\n                    content:\" \";\r\n                    background:#FFF;\r\n                    position:absolute;\r\n                    display:block;\r\n                    float:left;\r\n                    width:40px;\r\n                    height:3px;\r\n                    margin-top:-20px;\r\n                }\r\n                .image-container.Bottom2Col .caption::before{\r\n                    top:50%;\r\n                    width:3px;\r\n                    height:40px;\r\n                    margin-top:-20px;\r\n                    margin-left:-55px;\r\n                }\r\n                .image-container .caption{\r\n                    color:#FFF;\r\n                    display:block;\r\n                    float:left;\r\n                    font-size:18px;\r\n                    overflow:hidden;\r\n                    line-height:1.4;\r\n                    width:100%;\r\n                    padding:10px 0px;\r\n                    padding-top:20px;\r\n                }\r\n                .image-container.Bottom2Col .caption{\r\n                    width:60%;\r\n                    margin-left:10%;\r\n                    padding:0px 10px;\r\n                    padding-left:50px;\r\n\r\n                }\r\n\r\n\r\n\r\n                <\/style><div class=\" image-container  wpb_content_element wpb_animate_when_almost_visible wpb_ \">\r\n                    <img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/False-Tiger-Moth.jpeg\" \/><div class=\"caption-container\">\r\n                        <div class=\"caption-inner-container\">\r\n                            <div class=\"caption-title\">False Tiger Moth (Dysphania Militaris)<\/div>\r\n                            <div class=\"caption\">Contributed by Secondary Earth<\/div>\r\n                        <\/div>\r\n                    <\/div><\/div>[\/vc_column][vc_column width=&#8221;1\/12&#8243;][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;50px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/12&#8243;][\/vc_column][vc_column width=&#8221;5\/12&#8243;]<style type=\"text\/css\">\r\n                .image-container{\r\n                    width:100%;\r\n                    overflow:hidden;\r\n                    position:relative;\r\n                }\r\n                .image-container img{\r\n                    width:100%;\r\n                    border-radius:0px 72px 0px 72px;\r\n                }\r\n                .image-container.Bottom2Col img{\r\n                    border-radius:72px 0px 72px 0px;\r\n                }\r\n                .image-container .caption-container{\r\n                    position:absolute;\r\n                    right:0;\r\n                    left:0;\r\n                    bottom:0;\r\n                    max-height:50%;\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 30px 30px 30px;\r\n                    overflow:hidden;\r\n                }\r\n                .image-container.Bottom2Col .caption-container{\r\n                    padding:4% 50px;\r\n                    max-height:33%;\r\n                    border-radius:72px 0px 72px 0px;\r\n                }\r\n                .image-container.Mouseover .caption-container{\r\n                    display:none;\r\n                }\r\n                .image-container.Mouseover:hover .caption-container{                    \r\n                    display:block;\r\n                }\r\n                .image-container.Mouseover:hover::after {position:absolute;\r\n                    right:0;\r\n                    left:0;\r\n                    bottom:0;\r\n                    top:0;\r\n                    content:\"\";\r\n                    z-index:1;\r\n                    background:rgba(0,0,0,0.3);\r\n                    border-radius:0px 72px 0px 72px;\r\n                }\r\n                .image-container .caption-inner-container{\r\n                    height:100%;\r\n                    overflow:hidden;\r\n                }\r\n                .image-container .caption-title{\r\n                    width:100%;\r\n                    display:block;\r\n                    float:left;\r\n                    color:#FFF;\r\n                    font-size:28px;\r\n                    font-weight:600;\r\n                    margin-right:-5px;\r\n                    padding:10px 0px;\r\n                    line-height:1.2;\r\n                }\r\n                .image-container.Bottom2Col .caption-title{\r\n                    width:30%;\r\n                    font-size:32px;\r\n                    padding:0px 10px;\r\n                }\r\n                .image-container .caption::before{\r\n                    content:\" \";\r\n                    background:#FFF;\r\n                    position:absolute;\r\n                    display:block;\r\n                    float:left;\r\n                    width:40px;\r\n                    height:3px;\r\n                    margin-top:-20px;\r\n                }\r\n                .image-container.Bottom2Col .caption::before{\r\n                    top:50%;\r\n                    width:3px;\r\n                    height:40px;\r\n                    margin-top:-20px;\r\n                    margin-left:-55px;\r\n                }\r\n                .image-container .caption{\r\n                    color:#FFF;\r\n                    display:block;\r\n                    float:left;\r\n                    font-size:18px;\r\n                    overflow:hidden;\r\n                    line-height:1.4;\r\n                    width:100%;\r\n                    padding:10px 0px;\r\n                    padding-top:20px;\r\n                }\r\n                .image-container.Bottom2Col .caption{\r\n                    width:60%;\r\n                    margin-left:10%;\r\n                    padding:0px 10px;\r\n                    padding-left:50px;\r\n\r\n                }\r\n\r\n\r\n\r\n                <\/style><div class=\" image-container  wpb_content_element wpb_animate_when_almost_visible wpb_ \">\r\n                    <img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/Common-Rose-Swallowtail.jpg\" \/><div class=\"caption-container\">\r\n                        <div class=\"caption-inner-container\">\r\n                            <div class=\"caption-title\">Common Rose Swallowtail (Pachliopta Aristolochiae)<\/div>\r\n                            <div class=\"caption\">Contributed by Secondary Water<\/div>\r\n                        <\/div>\r\n                    <\/div><\/div>[\/vc_column][vc_column width=&#8221;5\/12&#8243;]<style type=\"text\/css\">\r\n                .image-container{\r\n                    width:100%;\r\n                    overflow:hidden;\r\n                    position:relative;\r\n                }\r\n                .image-container img{\r\n                    width:100%;\r\n                    border-radius:0px 72px 0px 72px;\r\n                }\r\n                .image-container.Bottom2Col img{\r\n                    border-radius:72px 0px 72px 0px;\r\n                }\r\n                .image-container .caption-container{\r\n                    position:absolute;\r\n                    right:0;\r\n                    left:0;\r\n                    bottom:0;\r\n                    max-height:50%;\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 30px 30px 30px;\r\n                    overflow:hidden;\r\n                }\r\n                .image-container.Bottom2Col .caption-container{\r\n                    padding:4% 50px;\r\n                    max-height:33%;\r\n                    border-radius:72px 0px 72px 0px;\r\n                }\r\n                .image-container.Mouseover .caption-container{\r\n                    display:none;\r\n                }\r\n                .image-container.Mouseover:hover .caption-container{                    \r\n                    display:block;\r\n                }\r\n                .image-container.Mouseover:hover::after {position:absolute;\r\n                    right:0;\r\n                    left:0;\r\n                    bottom:0;\r\n                    top:0;\r\n                    content:\"\";\r\n                    z-index:1;\r\n                    background:rgba(0,0,0,0.3);\r\n                    border-radius:0px 72px 0px 72px;\r\n                }\r\n                .image-container .caption-inner-container{\r\n                    height:100%;\r\n                    overflow:hidden;\r\n                }\r\n                .image-container .caption-title{\r\n                    width:100%;\r\n                    display:block;\r\n                    float:left;\r\n                    color:#FFF;\r\n                    font-size:28px;\r\n                    font-weight:600;\r\n                    margin-right:-5px;\r\n                    padding:10px 0px;\r\n                    line-height:1.2;\r\n                }\r\n                .image-container.Bottom2Col .caption-title{\r\n                    width:30%;\r\n                    font-size:32px;\r\n                    padding:0px 10px;\r\n                }\r\n                .image-container .caption::before{\r\n                    content:\" \";\r\n                    background:#FFF;\r\n                    position:absolute;\r\n                    display:block;\r\n                    float:left;\r\n                    width:40px;\r\n                    height:3px;\r\n                    margin-top:-20px;\r\n                }\r\n                .image-container.Bottom2Col .caption::before{\r\n                    top:50%;\r\n                    width:3px;\r\n                    height:40px;\r\n                    margin-top:-20px;\r\n                    margin-left:-55px;\r\n                }\r\n                .image-container .caption{\r\n                    color:#FFF;\r\n                    display:block;\r\n                    float:left;\r\n                    font-size:18px;\r\n                    overflow:hidden;\r\n                    line-height:1.4;\r\n                    width:100%;\r\n                    padding:10px 0px;\r\n                    padding-top:20px;\r\n                }\r\n                .image-container.Bottom2Col .caption{\r\n                    width:60%;\r\n                    margin-left:10%;\r\n                    padding:0px 10px;\r\n                    padding-left:50px;\r\n\r\n                }\r\n\r\n\r\n\r\n                <\/style><div class=\" image-container  wpb_content_element wpb_animate_when_almost_visible wpb_ \">\r\n                    <img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/Panama-Rose.jpg\" \/><div class=\"caption-container\">\r\n                        <div class=\"caption-inner-container\">\r\n                            <div class=\"caption-title\">Panama Rose (Arachnothryx Leucophylla)<\/div>\r\n                            <div class=\"caption\">Contributed by Primary Ren<\/div>\r\n                        <\/div>\r\n                    <\/div><\/div>[\/vc_column][vc_column width=&#8221;1\/12&#8243;][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;50px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/12&#8243;][\/vc_column][vc_column width=&#8221;5\/12&#8243;]<style type=\"text\/css\">\r\n                .image-container{\r\n                    width:100%;\r\n                    overflow:hidden;\r\n                    position:relative;\r\n                }\r\n                .image-container img{\r\n                    width:100%;\r\n                    border-radius:0px 72px 0px 72px;\r\n                }\r\n                .image-container.Bottom2Col img{\r\n                    border-radius:72px 0px 72px 0px;\r\n                }\r\n                .image-container .caption-container{\r\n                    position:absolute;\r\n                    right:0;\r\n                    left:0;\r\n                    bottom:0;\r\n                    max-height:50%;\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 30px 30px 30px;\r\n                    overflow:hidden;\r\n                }\r\n                .image-container.Bottom2Col .caption-container{\r\n                    padding:4% 50px;\r\n                    max-height:33%;\r\n                    border-radius:72px 0px 72px 0px;\r\n                }\r\n                .image-container.Mouseover .caption-container{\r\n                    display:none;\r\n                }\r\n                .image-container.Mouseover:hover .caption-container{                    \r\n                    display:block;\r\n                }\r\n                .image-container.Mouseover:hover::after {position:absolute;\r\n                    right:0;\r\n                    left:0;\r\n                    bottom:0;\r\n                    top:0;\r\n                    content:\"\";\r\n                    z-index:1;\r\n                    background:rgba(0,0,0,0.3);\r\n                    border-radius:0px 72px 0px 72px;\r\n                }\r\n                .image-container .caption-inner-container{\r\n                    height:100%;\r\n                    overflow:hidden;\r\n                }\r\n                .image-container .caption-title{\r\n                    width:100%;\r\n                    display:block;\r\n                    float:left;\r\n                    color:#FFF;\r\n                    font-size:28px;\r\n                    font-weight:600;\r\n                    margin-right:-5px;\r\n                    padding:10px 0px;\r\n                    line-height:1.2;\r\n                }\r\n                .image-container.Bottom2Col .caption-title{\r\n                    width:30%;\r\n                    font-size:32px;\r\n                    padding:0px 10px;\r\n                }\r\n                .image-container .caption::before{\r\n                    content:\" \";\r\n                    background:#FFF;\r\n                    position:absolute;\r\n                    display:block;\r\n                    float:left;\r\n                    width:40px;\r\n                    height:3px;\r\n                    margin-top:-20px;\r\n                }\r\n                .image-container.Bottom2Col .caption::before{\r\n                    top:50%;\r\n                    width:3px;\r\n                    height:40px;\r\n                    margin-top:-20px;\r\n                    margin-left:-55px;\r\n                }\r\n                .image-container .caption{\r\n                    color:#FFF;\r\n                    display:block;\r\n                    float:left;\r\n                    font-size:18px;\r\n                    overflow:hidden;\r\n                    line-height:1.4;\r\n                    width:100%;\r\n                    padding:10px 0px;\r\n                    padding-top:20px;\r\n                }\r\n                .image-container.Bottom2Col .caption{\r\n                    width:60%;\r\n                    margin-left:10%;\r\n                    padding:0px 10px;\r\n                    padding-left:50px;\r\n\r\n                }\r\n\r\n\r\n\r\n                <\/style><div class=\" image-container  wpb_content_element wpb_animate_when_almost_visible wpb_ \">\r\n                    <img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/Cinnabar-Bracket.jpg\" \/><div class=\"caption-container\">\r\n                        <div class=\"caption-inner-container\">\r\n                            <div class=\"caption-title\">Cinnabar Bracket (Trametes Sanguinea)<\/div>\r\n                            <div class=\"caption\">Contributed by Pre-School Year 2 (EP)<\/div>\r\n                        <\/div>\r\n                    <\/div><\/div>[\/vc_column][vc_column width=&#8221;5\/12&#8243;]<style type=\"text\/css\">\r\n                .image-container{\r\n                    width:100%;\r\n                    overflow:hidden;\r\n                    position:relative;\r\n                }\r\n                .image-container img{\r\n                    width:100%;\r\n                    border-radius:0px 72px 0px 72px;\r\n                }\r\n                .image-container.Bottom2Col img{\r\n                    border-radius:72px 0px 72px 0px;\r\n                }\r\n                .image-container .caption-container{\r\n                    position:absolute;\r\n                    right:0;\r\n                    left:0;\r\n                    bottom:0;\r\n                    max-height:50%;\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 30px 30px 30px;\r\n                    overflow:hidden;\r\n                }\r\n                .image-container.Bottom2Col .caption-container{\r\n                    padding:4% 50px;\r\n                    max-height:33%;\r\n                    border-radius:72px 0px 72px 0px;\r\n                }\r\n                .image-container.Mouseover .caption-container{\r\n                    display:none;\r\n                }\r\n                .image-container.Mouseover:hover .caption-container{                    \r\n                    display:block;\r\n                }\r\n                .image-container.Mouseover:hover::after {position:absolute;\r\n                    right:0;\r\n                    left:0;\r\n                    bottom:0;\r\n                    top:0;\r\n                    content:\"\";\r\n                    z-index:1;\r\n                    background:rgba(0,0,0,0.3);\r\n                    border-radius:0px 72px 0px 72px;\r\n                }\r\n                .image-container .caption-inner-container{\r\n                    height:100%;\r\n                    overflow:hidden;\r\n                }\r\n                .image-container .caption-title{\r\n                    width:100%;\r\n                    display:block;\r\n                    float:left;\r\n                    color:#FFF;\r\n                    font-size:28px;\r\n                    font-weight:600;\r\n                    margin-right:-5px;\r\n                    padding:10px 0px;\r\n                    line-height:1.2;\r\n                }\r\n                .image-container.Bottom2Col .caption-title{\r\n                    width:30%;\r\n                    font-size:32px;\r\n                    padding:0px 10px;\r\n                }\r\n                .image-container .caption::before{\r\n                    content:\" \";\r\n                    background:#FFF;\r\n                    position:absolute;\r\n                    display:block;\r\n                    float:left;\r\n                    width:40px;\r\n                    height:3px;\r\n                    margin-top:-20px;\r\n                }\r\n                .image-container.Bottom2Col .caption::before{\r\n                    top:50%;\r\n                    width:3px;\r\n                    height:40px;\r\n                    margin-top:-20px;\r\n                    margin-left:-55px;\r\n                }\r\n                .image-container .caption{\r\n                    color:#FFF;\r\n                    display:block;\r\n                    float:left;\r\n                    font-size:18px;\r\n                    overflow:hidden;\r\n                    line-height:1.4;\r\n                    width:100%;\r\n                    padding:10px 0px;\r\n                    padding-top:20px;\r\n                }\r\n                .image-container.Bottom2Col .caption{\r\n                    width:60%;\r\n                    margin-left:10%;\r\n                    padding:0px 10px;\r\n                    padding-left:50px;\r\n\r\n                }\r\n\r\n\r\n\r\n                <\/style><div class=\" image-container  wpb_content_element wpb_animate_when_almost_visible wpb_ \">\r\n                    <img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/Red-based-Jezebel.jpg\" \/><div class=\"caption-container\">\r\n                        <div class=\"caption-inner-container\">\r\n                            <div class=\"caption-title\">Red-based Jezebel (Delias Pasithoe)<\/div>\r\n                            <div class=\"caption\">Contributed by ISF Science Team<\/div>\r\n                        <\/div>\r\n                    <\/div><\/div>[\/vc_column][vc_column width=&#8221;1\/12&#8243;][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;50px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/12&#8243;][\/vc_column][vc_column width=&#8221;5\/12&#8243;]<style type=\"text\/css\">\r\n                .image-container{\r\n                    width:100%;\r\n                    overflow:hidden;\r\n                    position:relative;\r\n                }\r\n                .image-container img{\r\n                    width:100%;\r\n                    border-radius:0px 72px 0px 72px;\r\n                }\r\n                .image-container.Bottom2Col img{\r\n                    border-radius:72px 0px 72px 0px;\r\n                }\r\n                .image-container .caption-container{\r\n                    position:absolute;\r\n                    right:0;\r\n                    left:0;\r\n                    bottom:0;\r\n                    max-height:50%;\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 30px 30px 30px;\r\n                    overflow:hidden;\r\n                }\r\n                .image-container.Bottom2Col .caption-container{\r\n                    padding:4% 50px;\r\n                    max-height:33%;\r\n                    border-radius:72px 0px 72px 0px;\r\n                }\r\n                .image-container.Mouseover .caption-container{\r\n                    display:none;\r\n                }\r\n                .image-container.Mouseover:hover .caption-container{                    \r\n                    display:block;\r\n                }\r\n                .image-container.Mouseover:hover::after {position:absolute;\r\n                    right:0;\r\n                    left:0;\r\n                    bottom:0;\r\n                    top:0;\r\n                    content:\"\";\r\n                    z-index:1;\r\n                    background:rgba(0,0,0,0.3);\r\n                    border-radius:0px 72px 0px 72px;\r\n                }\r\n                .image-container .caption-inner-container{\r\n                    height:100%;\r\n                    overflow:hidden;\r\n                }\r\n                .image-container .caption-title{\r\n                    width:100%;\r\n                    display:block;\r\n                    float:left;\r\n                    color:#FFF;\r\n                    font-size:28px;\r\n                    font-weight:600;\r\n                    margin-right:-5px;\r\n                    padding:10px 0px;\r\n                    line-height:1.2;\r\n                }\r\n                .image-container.Bottom2Col .caption-title{\r\n                    width:30%;\r\n                    font-size:32px;\r\n                    padding:0px 10px;\r\n                }\r\n                .image-container .caption::before{\r\n                    content:\" \";\r\n                    background:#FFF;\r\n                    position:absolute;\r\n                    display:block;\r\n                    float:left;\r\n                    width:40px;\r\n                    height:3px;\r\n                    margin-top:-20px;\r\n                }\r\n                .image-container.Bottom2Col .caption::before{\r\n                    top:50%;\r\n                    width:3px;\r\n                    height:40px;\r\n                    margin-top:-20px;\r\n                    margin-left:-55px;\r\n                }\r\n                .image-container .caption{\r\n                    color:#FFF;\r\n                    display:block;\r\n                    float:left;\r\n                    font-size:18px;\r\n                    overflow:hidden;\r\n                    line-height:1.4;\r\n                    width:100%;\r\n                    padding:10px 0px;\r\n                    padding-top:20px;\r\n                }\r\n                .image-container.Bottom2Col .caption{\r\n                    width:60%;\r\n                    margin-left:10%;\r\n                    padding:0px 10px;\r\n                    padding-left:50px;\r\n\r\n                }\r\n\r\n\r\n\r\n                <\/style><div class=\" image-container  wpb_content_element wpb_animate_when_almost_visible wpb_ \">\r\n                    <img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/Retina-rubrivitta.jpg\" \/><div class=\"caption-container\">\r\n                        <div class=\"caption-inner-container\">\r\n                            <div class=\"caption-title\">Retina Rubrivitta<\/div>\r\n                            <div class=\"caption\">Contributed by Secondary Water<\/div>\r\n                        <\/div>\r\n                    <\/div><\/div>[\/vc_column][vc_column width=&#8221;5\/12&#8243;]<style type=\"text\/css\">\r\n                .image-container{\r\n                    width:100%;\r\n                    overflow:hidden;\r\n                    position:relative;\r\n                }\r\n                .image-container img{\r\n                    width:100%;\r\n                    border-radius:0px 72px 0px 72px;\r\n                }\r\n                .image-container.Bottom2Col img{\r\n                    border-radius:72px 0px 72px 0px;\r\n                }\r\n                .image-container .caption-container{\r\n                    position:absolute;\r\n                    right:0;\r\n                    left:0;\r\n                    bottom:0;\r\n                    max-height:50%;\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 30px 30px 30px;\r\n                    overflow:hidden;\r\n                }\r\n                .image-container.Bottom2Col .caption-container{\r\n                    padding:4% 50px;\r\n                    max-height:33%;\r\n                    border-radius:72px 0px 72px 0px;\r\n                }\r\n                .image-container.Mouseover .caption-container{\r\n                    display:none;\r\n                }\r\n                .image-container.Mouseover:hover .caption-container{                    \r\n                    display:block;\r\n                }\r\n                .image-container.Mouseover:hover::after {position:absolute;\r\n                    right:0;\r\n                    left:0;\r\n                    bottom:0;\r\n                    top:0;\r\n                    content:\"\";\r\n                    z-index:1;\r\n                    background:rgba(0,0,0,0.3);\r\n                    border-radius:0px 72px 0px 72px;\r\n                }\r\n                .image-container .caption-inner-container{\r\n                    height:100%;\r\n                    overflow:hidden;\r\n                }\r\n                .image-container .caption-title{\r\n                    width:100%;\r\n                    display:block;\r\n                    float:left;\r\n                    color:#FFF;\r\n                    font-size:28px;\r\n                    font-weight:600;\r\n                    margin-right:-5px;\r\n                    padding:10px 0px;\r\n                    line-height:1.2;\r\n                }\r\n                .image-container.Bottom2Col .caption-title{\r\n                    width:30%;\r\n                    font-size:32px;\r\n                    padding:0px 10px;\r\n                }\r\n                .image-container .caption::before{\r\n                    content:\" \";\r\n                    background:#FFF;\r\n                    position:absolute;\r\n                    display:block;\r\n                    float:left;\r\n                    width:40px;\r\n                    height:3px;\r\n                    margin-top:-20px;\r\n                }\r\n                .image-container.Bottom2Col .caption::before{\r\n                    top:50%;\r\n                    width:3px;\r\n                    height:40px;\r\n                    margin-top:-20px;\r\n                    margin-left:-55px;\r\n                }\r\n                .image-container .caption{\r\n                    color:#FFF;\r\n                    display:block;\r\n                    float:left;\r\n                    font-size:18px;\r\n                    overflow:hidden;\r\n                    line-height:1.4;\r\n                    width:100%;\r\n                    padding:10px 0px;\r\n                    padding-top:20px;\r\n                }\r\n                .image-container.Bottom2Col .caption{\r\n                    width:60%;\r\n                    margin-left:10%;\r\n                    padding:0px 10px;\r\n                    padding-left:50px;\r\n\r\n                }\r\n\r\n\r\n\r\n                <\/style><div class=\" image-container  wpb_content_element wpb_animate_when_almost_visible wpb_ \">\r\n                    <img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/Asian-Painted-Frog.jpeg\" \/><div class=\"caption-container\">\r\n                        <div class=\"caption-inner-container\">\r\n                            <div class=\"caption-title\">Asian Painted Frog (Kaloula Pulchra)<\/div>\r\n                            <div class=\"caption\">Contributed by Primary Yi<\/div>\r\n                        <\/div>\r\n                    <\/div><\/div>[\/vc_column][vc_column width=&#8221;1\/12&#8243;][\/vc_column][\/vc_row][vc_row][vc_column][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-news theme-news-header header-section&#8221;][vc_row el_class=&#8221;container&#8221;][vc_column el_class=&#8221;container&#8221;][vc_empty_space height=&#8221;150px&#8221;][vc_custom_heading text=&#8221;STUDENT ACHIEVEMENTS&#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;144&#8243; el_class=&#8221;header-menu&#8221;][vc_empty_space height=&#8221;150px&#8221;][\/vc_column][\/vc_row][\/vc_section][vc_section el_class=&#8221;theme-news container&#8221;][vc_row el_class=&#8221;container&#8221;][vc_column][vc_empty_space height=&#8221;100px&#8221;][vc_empty_space][vc_column_text]April 29 &#8211; May 2, 2022[\/vc_column_text][vc_column_text]From April 29 to May 2, the ISF community joined the annual City Nature Challenge along with 447 cities which resulted in nearly 1.7 million observations in urban environments worldwide. Hong Kong&hellip;&nbsp;<a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/isf-celebrates-city-nature-challenge-2022-results\/\" class=\"\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">ISF Celebrates City Nature Challenge 2022 Results<\/span><\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"parent":4168,"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\/21885"}],"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=21885"}],"version-history":[{"count":3,"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/pages\/21885\/revisions"}],"predecessor-version":[{"id":21896,"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/pages\/21885\/revisions\/21896"}],"up":[{"embeddable":true,"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/pages\/4168"}],"wp:attachment":[{"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/media?parent=21885"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}