{"id":65247,"date":"2025-12-29T13:38:32","date_gmt":"2025-12-29T05:38:32","guid":{"rendered":"https:\/\/thei.edu.hk\/?page_id=65247"},"modified":"2026-02-04T12:01:07","modified_gmt":"2026-02-04T04:01:07","slug":"ecf-mini-game","status":"publish","type":"page","link":"https:\/\/thei.edu.hk\/sc\/ecf-mini-game\/","title":{"rendered":"ECF Mini-Game"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"65247\" class=\"elementor elementor-65247\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-54ec86a elementor-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"54ec86a\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-327ff5b\" data-id=\"327ff5b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-14a3026 elementor-hidden-mobile_extra elementor-hidden-mobile elementor--h-position-center elementor--v-position-middle elementor-widget elementor-widget-slides\" data-id=\"14a3026\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;navigation&quot;:&quot;none&quot;,&quot;transition&quot;:&quot;slide&quot;,&quot;transition_speed&quot;:500}\" data-widget_type=\"slides.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper\">\n\t\t\t\t\t<div class=\"elementor-slides-wrapper elementor-main-swiper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Slides\" dir=\"ltr\" data-animation=\"\">\n\t\t\t\t<div class=\"swiper-wrapper elementor-slides\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-repeater-item-293c4a8 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\" aria-label=\"banner_ver1\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f97c9c8 elementor-hidden-desktop elementor-hidden-tablet elementor--h-position-center elementor--v-position-middle elementor-widget elementor-widget-slides\" data-id=\"f97c9c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;navigation&quot;:&quot;none&quot;,&quot;transition&quot;:&quot;slide&quot;,&quot;transition_speed&quot;:500}\" data-widget_type=\"slides.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper\">\n\t\t\t\t\t<div class=\"elementor-slides-wrapper elementor-main-swiper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Slides\" dir=\"ltr\" data-animation=\"\">\n\t\t\t\t<div class=\"swiper-wrapper elementor-slides\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-repeater-item-293c4a8 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\" aria-label=\"Mobile_cover 3\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-197615c e-flex e-con-boxed e-con e-parent\" data-id=\"197615c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-e92d2a6 e-con-full e-flex e-con e-child\" data-id=\"e92d2a6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cb9e5c7 elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-thim-ekits-header-info\" data-id=\"cb9e5c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"thim-ekits-header-info.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"header-info-swapper\">\n\t\t\t<ul class=\"thim-header-info\">\n\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"\/ecfhydrogen\/#ourcentre\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tOur Centre\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-165a066 e-con-full e-flex e-con e-child\" data-id=\"165a066\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-939ff09 elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-thim-ekits-header-info\" data-id=\"939ff09\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"thim-ekits-header-info.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"header-info-swapper\">\n\t\t\t<ul class=\"thim-header-info\">\n\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"\/ecf-guided-tour-workshop\/\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tGuided Tour \/ Workshop\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-462ba38 e-con-full e-flex e-con e-child\" data-id=\"462ba38\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f2f06a4 elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-thim-ekits-header-info\" data-id=\"f2f06a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"thim-ekits-header-info.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"header-info-swapper\">\n\t\t\t<ul class=\"thim-header-info\">\n\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"\/ecf-learning-resources\/\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tLearning Resources\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cd70bcf e-con-full e-flex e-con e-child\" data-id=\"cd70bcf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f189b19 elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-thim-ekits-header-info\" data-id=\"f189b19\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"thim-ekits-header-info.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"header-info-swapper\">\n\t\t\t<ul class=\"thim-header-info\">\n\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"\/ecf-hydrogen-energy\/\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tAbout Hydrogen Energy\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c5d9a9b e-flex e-con-boxed e-con e-parent\" data-id=\"c5d9a9b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5da3763 e-con-full e-flex e-con e-child\" data-id=\"5da3763\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7541c3d elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-thim-ekits-header-info\" data-id=\"7541c3d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"thim-ekits-header-info.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"header-info-swapper\">\n\t\t\t<ul class=\"thim-header-info\">\n\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"\/ecf-latest-news-media-coverage\/#latestnews\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tLatest News\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-85b92f5 e-con-full e-flex e-con e-child\" data-id=\"85b92f5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-815a18e elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-thim-ekits-header-info\" data-id=\"815a18e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"thim-ekits-header-info.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"header-info-swapper\">\n\t\t\t<ul class=\"thim-header-info\">\n\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"\/ecf-latest-news-media-coverage\/#mediacoverage\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tMedia Coverage\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0d148e1 e-con-full e-flex e-con e-child\" data-id=\"0d148e1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-756f83f elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-thim-ekits-header-info\" data-id=\"756f83f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"thim-ekits-header-info.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"header-info-swapper\">\n\t\t\t<ul class=\"thim-header-info\">\n\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"\/ecfhydrogen\/#contactus\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tContact Us\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e4b8193 e-con-full e-flex e-con e-child\" data-id=\"e4b8193\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8b66555 elementor-section-stretched elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8b66555\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-custom\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e960f54\" data-id=\"e960f54\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-32a55ca elementor-widget elementor-widget-heading\" data-id=\"32a55ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Interactive game <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c7ada89 elementor-section-stretched elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c7ada89\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-custom\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3493cfe\" data-id=\"3493cfe\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-228467a elementor-widget elementor-widget-text-editor\" data-id=\"228467a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h1><strong>How to play<\/strong><\/h1>\n<ul>\n \t<li>Use the arrow keys &#8216;\u2191&#8217;, &#8216;\u2193&#8217; , &#8216;\u2190&#8217; , &#8216;\u2192&#8217; or &#8216;W&#8217;, &#8216;A&#8217;, &#8216;S&#8217;, &#8216;D&#8217; keys to move the player (red dot) and collect falling hydrogen molecules.<\/li>\n \t<li>Different colors of hydrogen molecules represent different production methods, their environmental impacts are reflected by different points.<\/li>\n \t<li>Avoid black carbon dioxide molecules from fossil fuels to prevent losing points.<\/li>\n \t<li>Collect hydrogen molecules from different production methods to earn points and learn about hydrogen technologies.<\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-235de3f e-flex e-con-boxed e-con e-parent\" data-id=\"235de3f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b1afb9d elementor-widget elementor-widget-image\" data-id=\"b1afb9d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2560\" height=\"1290\" src=\"https:\/\/thei.edu.hk\/wp-content\/uploads\/2026\/01\/\u6c2bCOLOR2-01_resize-scaled.png\" class=\"attachment-full size-full wp-image-67477\" alt=\"\" srcset=\"https:\/\/thei.edu.hk\/wp-content\/uploads\/2026\/01\/\u6c2bCOLOR2-01_resize-scaled.png 2560w, https:\/\/thei.edu.hk\/wp-content\/uploads\/2026\/01\/\u6c2bCOLOR2-01_resize-400x202.png 400w, https:\/\/thei.edu.hk\/wp-content\/uploads\/2026\/01\/\u6c2bCOLOR2-01_resize-1024x516.png 1024w, https:\/\/thei.edu.hk\/wp-content\/uploads\/2026\/01\/\u6c2bCOLOR2-01_resize-768x387.png 768w, https:\/\/thei.edu.hk\/wp-content\/uploads\/2026\/01\/\u6c2bCOLOR2-01_resize-1536x774.png 1536w, https:\/\/thei.edu.hk\/wp-content\/uploads\/2026\/01\/\u6c2bCOLOR2-01_resize-2048x1032.png 2048w, https:\/\/thei.edu.hk\/wp-content\/uploads\/2026\/01\/\u6c2bCOLOR2-01_resize-18x9.png 18w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-669b8ad elementor-widget elementor-widget-html\" data-id=\"669b8ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!doctype html>\r\n<html>\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<title>Untitled Document<\/title>\r\n<\/head>\r\n\r\n<body>\r\n\t<!-- \u2705 WordPress \u53ef\u7528\uff1a\u76f4\u63a5 copy & paste \u5165 Custom HTML \/ Elementor HTML widget -->\r\n<!-- \u6ce8\u610f\uff1a\u5982\u679c\u4f60\u500b\u7db2\u7ad9\u6709 cache \/ security plugin \u6703\u64cb <script>\uff0c\u5c31\u8981 whitelist \u6216\u7528\u300cHeader\/Footer \u63d2\u5165 script\u300d\u985e plugin -->\r\n\r\n<div id=\"hydrogen-game-root\">\r\n  <style>\r\n        body {\r\n            font-family: Arial, sans-serif;\r\n            margin: 0;\r\n            padding: 0;\r\n            background-color: #f0f8ff;\r\n        }\r\n        .description-container {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 10px;\r\n            padding: 20px;\r\n            background-color: #e6f7ff;\r\n        }\r\n        .description-box {\r\n            background-color: #ffffff;\r\n            border-radius: 8px;\r\n            padding: 15px;\r\n            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\r\n        }\r\n        .description-box:nth-child(odd) {\r\n            background-color: #f0f8ff;\r\n        }\r\n        .description-title {\r\n            font-size: 18px;\r\n            font-weight: bold;\r\n            margin-bottom: 10px;\r\n        }\r\n        .description-text {\r\n            font-size: 14px;\r\n            line-height: 1.5;\r\n        }\r\n        canvas {\r\n            display: block;\r\n            margin: auto;\r\n            background-color: #f0f8ff;\r\n            border: 1px solid black; \/* Thin line outline *\/\r\n        }\r\n        #score {\r\n            position: absolute;\r\n            top: 0px; \/* Adjusted for new layout *\/\r\n            right: 80px;\r\n            font-size: 20px;\r\n            font-weight: bold;\r\n        }\r\n        #timer {\r\n            position: absolute;\r\n            top: 33px; \/* Adjusted for new layout *\/\r\n            right: 80px;\r\n            font-size: 20px;\r\n            font-weight: bold;\r\n        }\r\n        #focusButton {\r\n            z-index=99\r\n            position: absolute;\r\n            top: 630px; \/* Adjusted for new layout *\/\r\n            right: 270px;\r\n            padding: 10px;\r\n            background-color: #ffffff;\r\n            color: white;\r\n            border: none;\r\n            cursor: pointer;\r\n        }\r\n        #retryButton {\r\n            position: absolute;\r\n            top: 63px; \/* Adjusted for new layout *\/\r\n            right: 80px;\r\n            padding: 10px;\r\n            background-color: #28a745;\r\n            color: white;\r\n            border: none;\r\n            cursor: pointer;\r\n            display: none; \/* Hidden by default *\/\r\n        }\r\n        .molecule-legend {\r\n            position: absolute;\r\n            top: 0px; \/* Position to the left of the canvas *\/\r\n            left: 90px;\r\n            width: 250px;\r\n            background-color: #ffffff;\r\n            border-radius: 8px;\r\n            padding: 15px;\r\n            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\r\n        }\r\n        .molecule-entry {\r\n            display: flex;\r\n            align-items: center;\r\n            margin-bottom: 10px;\r\n        }\r\n        .molecule-circle {\r\n            width: 20px;\r\n            height: 20px;\r\n            border-radius: 50%;\r\n            margin-right: 10px;\r\n        }\r\n        .molecule-name {\r\n            font-size: 14px;\r\n            font-weight: bold;\r\n        }\r\n        .molecule-score {\r\n            font-size: 14px;\r\n            margin-left: auto;\r\n        }\r\n    <\/style>\r\n\r\n\r\n  \r\n\r\n  <!-- Game Area -->\r\n  <div class=\"game-area\">\r\n    <!-- Molecule Legend -->\r\n    <div class=\"molecule-legend\">\r\n      <div class=\"molecule-entry\">\r\n        <div class=\"molecule-circle\" style=\"background-color: black;\"><\/div>\r\n        <div class=\"molecule-name\">Fossil Fuels<br>\u5316\u77f3\u71c3\u6599<\/div>\r\n        <div class=\"molecule-score\">-50<\/div>\r\n      <\/div>\r\n      <div class=\"molecule-entry\">\r\n        <div class=\"molecule-circle\" style=\"background-color: brown;\"><\/div>\r\n        <div class=\"molecule-name\">Brown Hydrogen<br>\u68d5\u6c2b<\/div>\r\n        <div class=\"molecule-score\">+10<\/div>\r\n      <\/div>\r\n      <div class=\"molecule-entry\">\r\n        <div class=\"molecule-circle\" style=\"background-color: grey;\"><\/div>\r\n        <div class=\"molecule-name\">Grey Hydrogen<br>\u7070\u6c2b<\/div>\r\n        <div class=\"molecule-score\">+20<\/div>\r\n      <\/div>\r\n      <div class=\"molecule-entry\">\r\n        <div class=\"molecule-circle\" style=\"background-color: blue;\"><\/div>\r\n        <div class=\"molecule-name\">Blue Hydrogen<br>\u85cd\u6c2b<\/div>\r\n        <div class=\"molecule-score\">+50<\/div>\r\n      <\/div>\r\n      <div class=\"molecule-entry\">\r\n        <div class=\"molecule-circle\" style=\"background-color: turquoise;\"><\/div>\r\n        <div class=\"molecule-name\">Turquoise Hydrogen<br>\u7da0\u677e\u77f3\u6c2b<\/div>\r\n        <div class=\"molecule-score\">+70<\/div>\r\n      <\/div>\r\n      <div class=\"molecule-entry\">\r\n        <div class=\"molecule-circle\" style=\"background-color: green;\"><\/div>\r\n        <div class=\"molecule-name\">Green Hydrogen<br>\u7da0\u6c2b<\/div>\r\n        <div class=\"molecule-score\">+100<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"hint\">\r\n        Operate\uff1aWASD \/ \u2191\u2193\u2190\u2192<br>\r\n        \r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Canvas + HUD -->\r\n    <div>\r\n      <canvas id=\"gameCanvas\" width=\"600\" height=\"600\" tabindex=\"0\"><\/canvas>\r\n    <\/div>\r\n\r\n    <div class=\"hud\">\r\n      <div id=\"score\">Score \u5206\u6578: 0<\/div>\r\n      <div id=\"timer\">Time Remaining \u5269\u9918\u6642\u9593: 60<\/div>\r\n      <button id=\"focusButton\" type=\"button\">Click to Enable Controls<\/button>\r\n      <button id=\"retryButton\" type=\"button\">Retry \u91cd\u8a66<\/button>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      const root = document.getElementById('hydrogen-game-root');\r\n      if (!root) return;\r\n\r\n      const canvas = root.querySelector('#gameCanvas');\r\n      const ctx = canvas.getContext('2d');\r\n      const scoreDisplay = root.querySelector('#score');\r\n      const timerDisplay = root.querySelector('#timer');\r\n      const focusButton = root.querySelector('#focusButton');\r\n      const retryButton = root.querySelector('#retryButton');\r\n\r\n      \/\/ Game variables\r\n      let player = { x: 400, y: 400, radius: 15 };\r\n      let molecules = [];\r\n      let score = 0;\r\n      let gameInterval = null;\r\n      let timerInterval = null;\r\n      let timeRemaining = 60;\r\n\r\n      \/\/ Molecule colors and points\r\n      const moleculeTypes = [\r\n        { color: 'brown', points: 10 },\r\n        { color: 'grey', points: 20 },\r\n        { color: 'blue', points: 50 },\r\n        { color: 'turquoise', points: 70 },\r\n        { color: 'green', points: 100 },\r\n        { color: 'black', points: -50 } \/\/ Fossil fuels \/ CO2 penalty\r\n      ];\r\n\r\n\t\/\/ Keyboard controls - prevent default behavior for arrow\/WASD keys\r\n    const keys = {};\r\n    function onKeyDown(e) {\r\n      const key = e.key.toLowerCase();\r\n      \/\/ Check for game control keys\r\n      if (['arrowup', 'arrowdown', 'arrowleft', 'arrowright', 'w', 'a', 's', 'd'].includes(key)) {\r\n        e.preventDefault(); \/\/ Prevent page scrolling\r\n        keys[key] = true;\r\n        \r\n        \/\/ Also handle arrow keys in lowercase format\r\n        if (key.includes('arrow')) {\r\n          const simpleKey = key.replace('arrow', '');\r\n          keys[simpleKey] = true;\r\n        }\r\n      }\r\n    }\r\n    \r\n    function onKeyUp(e) {\r\n      const key = e.key.toLowerCase();\r\n      if (['arrowup', 'arrowdown', 'arrowleft', 'arrowright', 'w', 'a', 's', 'd'].includes(key)) {\r\n        e.preventDefault();\r\n        keys[key] = false;\r\n        \r\n        if (key.includes('arrow')) {\r\n          const simpleKey = key.replace('arrow', '');\r\n          keys[simpleKey] = false;\r\n        }\r\n      }\r\n    }\r\n\r\n      \/\/ Generate random molecules from the top\r\n      function generateMolecules() {\r\n        if (Math.random() < 0.05) {\r\n          const type = moleculeTypes[Math.floor(Math.random() * moleculeTypes.length)];\r\n          const radius = 10;\r\n          const x = Math.random() * canvas.width;\r\n          const y = 0;\r\n\r\n          const angle = Math.random() * 2 * Math.PI;\r\n          const dx = 0.8 * radius * Math.cos(angle);\r\n          const dy = 0.8 * radius * Math.sin(angle);\r\n\r\n          molecules.push({\r\n            x, y,\r\n            radius,\r\n            color: type.color,\r\n            points: type.points,\r\n            speed: Math.random() * 2 + 1,\r\n            dx, dy,\r\n            isBlack: type.color === 'black'\r\n          });\r\n        }\r\n      }\r\n\r\n      \/\/ Update game state\r\n      function update() {\r\n        \/\/ Move player\r\n        if (keys['ArrowUp'] || keys['up'] || keys['w']) player.y -= 5;\r\n        if (keys['ArrowDown'] || keys['down'] || keys['s']) player.y += 5;\r\n        if (keys['ArrowLeft'] || keys['left'] || keys['a']) player.x -= 5;\r\n        if (keys['ArrowRight'] || keys['right'] || keys['d']) player.x += 5;\r\n\r\n        \/\/ Keep player within bounds\r\n        player.x = Math.max(player.radius, Math.min(canvas.width - player.radius, player.x));\r\n        player.y = Math.max(player.radius, Math.min(canvas.height - player.radius, player.y));\r\n\r\n        \/\/ Move molecules downward\r\n        molecules.forEach(m => { m.y += m.speed; });\r\n\r\n        \/\/ Check collisions\r\n        molecules = molecules.filter(m => {\r\n          const dx = m.x - player.x;\r\n          const dy = m.y - player.y;\r\n          const distance = Math.sqrt(dx * dx + dy * dy);\r\n\r\n          if (distance < player.radius + m.radius) {\r\n            score += m.points;\r\n            return false;\r\n          }\r\n          return m.y < canvas.height + m.radius;\r\n        });\r\n\r\n        scoreDisplay.textContent = `Score \u5206\u6578: ${score}`;\r\n      }\r\n\r\n      \/\/ Draw everything\r\n      function draw() {\r\n        ctx.clearRect(0, 0, canvas.width, canvas.height);\r\n\r\n        \/\/ Player\r\n        ctx.beginPath();\r\n        ctx.arc(player.x, player.y, player.radius, 0, Math.PI * 2);\r\n        ctx.fillStyle = 'red';\r\n        ctx.fill();\r\n        ctx.closePath();\r\n\r\n        \/\/ Molecules\r\n        molecules.forEach(m => {\r\n          if (m.isBlack) {\r\n            \/\/ 3 circles\r\n            ctx.beginPath(); ctx.arc(m.x, m.y, m.radius, 0, Math.PI * 2); ctx.fillStyle = m.color; ctx.fill(); ctx.closePath();\r\n            ctx.beginPath(); ctx.arc(m.x + m.dx, m.y + m.dy, m.radius, 0, Math.PI * 2); ctx.fillStyle = m.color; ctx.fill(); ctx.closePath();\r\n            ctx.beginPath(); ctx.arc(m.x - m.dx, m.y - m.dy, m.radius, 0, Math.PI * 2); ctx.fillStyle = m.color; ctx.fill(); ctx.closePath();\r\n          } else {\r\n            \/\/ 2 circles\r\n            ctx.beginPath(); ctx.arc(m.x, m.y, m.radius, 0, Math.PI * 2); ctx.fillStyle = m.color; ctx.fill(); ctx.closePath();\r\n            ctx.beginPath(); ctx.arc(m.x + m.dx, m.y + m.dy, m.radius, 0, Math.PI * 2); ctx.fillStyle = m.color; ctx.fill(); ctx.closePath();\r\n          }\r\n        });\r\n      }\r\n\r\n      function showFinalScore() {\r\n        ctx.clearRect(0, 0, canvas.width, canvas.height);\r\n        ctx.font = '36px Arial';\r\n        ctx.textAlign = 'center';\r\n        ctx.textBaseline = 'middle';\r\n        ctx.fillStyle = 'black';\r\n        ctx.fillText(`Game Over! Final Score: ${score}`, canvas.width \/ 2, canvas.height \/ 2);\r\n      }\r\n\r\n      function gameLoop() {\r\n        generateMolecules();\r\n        update();\r\n        draw();\r\n      }\r\n\r\n      function stopAllIntervals() {\r\n        if (gameInterval) { clearInterval(gameInterval); gameInterval = null; }\r\n        if (timerInterval) { clearInterval(timerInterval); timerInterval = null; }\r\n      }\r\n\r\n      function startGame() {\r\n        score = 0;\r\n        timeRemaining = 60;\r\n        molecules = [];\r\n        player.x = 300;\r\n        player.y = 300;\r\n\r\n        \/\/ reset keys\r\n        Object.keys(keys).forEach(k => delete keys[k]);\r\n\r\n        retryButton.style.display = 'none';\r\n        timerDisplay.textContent = `Time Remaining \u5269\u9918\u6642\u9593: ${timeRemaining}`;\r\n        scoreDisplay.textContent = `Score: ${score}`;\r\n\r\n        stopAllIntervals();\r\n\r\n        gameInterval = setInterval(gameLoop, 1000 \/ 60);\r\n\r\n        timerInterval = setInterval(() => {\r\n          timeRemaining--;\r\n          timerDisplay.textContent = `Time Remaining \u5269\u9918\u6642\u9593: ${timeRemaining}`;\r\n\r\n          if (timeRemaining <= 0) {\r\n            stopAllIntervals();\r\n            showFinalScore();\r\n            retryButton.style.display = 'inline-block';\r\n          }\r\n        }, 1000);\r\n      }\r\n\r\n      \/\/ Focus \/ enable controls\r\n      focusButton.addEventListener('click', () => {\r\n        canvas.focus();\r\n        focusButton.style.display = 'none';\r\n      });\r\n\r\n      retryButton.addEventListener('click', () => {\r\n        startGame();\r\n      });\r\n\r\n      \/\/ Attach keyboard listeners (scoped)\r\n      window.addEventListener('keydown', onKeyDown);\r\n      window.addEventListener('keyup', onKeyUp);\r\n\r\n      \/\/ Start\r\n      startGame();\r\n\r\n      \/\/ Cleanup if block removed (SPA builders)\r\n      const observer = new MutationObserver(() => {\r\n        if (!document.body.contains(root)) {\r\n          stopAllIntervals();\r\n          window.removeEventListener('keydown', onKeyDown);\r\n          window.removeEventListener('keyup', onKeyUp);\r\n          observer.disconnect();\r\n        }\r\n      });\r\n      observer.observe(document.body, { childList: true, subtree: true });\r\n    })();\r\n  <\/script>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-49a9128 e-flex e-con-boxed e-con e-parent\" data-id=\"49a9128\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-59a57fb elementor-widget elementor-widget-html\" data-id=\"59a57fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div align=\"center\"><a href=\"#\" onclick=\"history.back(); return false;\">\n  <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/back_resize2.png\" alt=\"Go Back\">\n<\/a><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Our Centre Guided Tour \/ Workshop Learning Resources About Hydrogen Energy Latest News Media Coverage Contact Us Interactive game How to play Use the arrow keys &#8216;\u2191&#8217;, &#8216;\u2193&#8217; , &#8216;\u2190&#8217; , &#8216;\u2192&#8217; or &#8216;W&#8217;, &#8216;A&#8217;, &#8216;S&#8217;, &#8216;D&#8217; keys to move &hellip; <\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"ppma_author":[94],"class_list":["post-65247","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>ECF Mini-Game - Technological and Higher Education Institute of Hong Kong<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/thei.edu.hk\/sc\/ecf-mini-game\/\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"ECF Mini-Game - Technological and Higher Education Institute of Hong Kong\" \/>\n<meta property=\"og:description\" content=\"Our Centre Guided Tour \/ Workshop Learning Resources About Hydrogen Energy Latest News Media Coverage Contact Us Interactive game How to play Use the arrow keys &#8216;\u2191&#8217;, &#8216;\u2193&#8217; , &#8216;\u2190&#8217; , &#8216;\u2192&#8217; or &#8216;W&#8217;, &#8216;A&#8217;, &#8216;S&#8217;, &#8216;D&#8217; keys to move &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thei.edu.hk\/sc\/ecf-mini-game\/\" \/>\n<meta property=\"og:site_name\" content=\"Technological and Higher Education Institute of Hong Kong\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-04T04:01:07+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/thei.edu.hk\/sc\/ecf-mini-game\/\",\"url\":\"https:\/\/thei.edu.hk\/sc\/ecf-mini-game\/\",\"name\":\"ECF Mini-Game - Technological and Higher Education Institute of Hong Kong\",\"isPartOf\":{\"@id\":\"https:\/\/thei.edu.hk\/sc\/#website\"},\"datePublished\":\"2025-12-29T05:38:32+00:00\",\"dateModified\":\"2026-02-04T04:01:07+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/thei.edu.hk\/sc\/ecf-mini-game\/#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/thei.edu.hk\/sc\/ecf-mini-game\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/thei.edu.hk\/sc\/ecf-mini-game\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/thei.edu.hk\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"ECF Mini-Game\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/thei.edu.hk\/sc\/#website\",\"url\":\"https:\/\/thei.edu.hk\/sc\/\",\"name\":\"Technological and Higher Education Institute of Hong Kong\",\"description\":\"Technological and Higher Education Institute of Hong Kong\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/thei.edu.hk\/sc\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-Hans\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"ECF Mini-Game - Technological and Higher Education Institute of Hong Kong","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/thei.edu.hk\/sc\/ecf-mini-game\/","og_locale":"zh_CN","og_type":"article","og_title":"ECF Mini-Game - Technological and Higher Education Institute of Hong Kong","og_description":"Our Centre Guided Tour \/ Workshop Learning Resources About Hydrogen Energy Latest News Media Coverage Contact Us Interactive game How to play Use the arrow keys &#8216;\u2191&#8217;, &#8216;\u2193&#8217; , &#8216;\u2190&#8217; , &#8216;\u2192&#8217; or &#8216;W&#8217;, &#8216;A&#8217;, &#8216;S&#8217;, &#8216;D&#8217; keys to move &hellip;","og_url":"https:\/\/thei.edu.hk\/sc\/ecf-mini-game\/","og_site_name":"Technological and Higher Education Institute of Hong Kong","article_modified_time":"2026-02-04T04:01:07+00:00","twitter_card":"summary_large_image","twitter_misc":{"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"1 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/thei.edu.hk\/sc\/ecf-mini-game\/","url":"https:\/\/thei.edu.hk\/sc\/ecf-mini-game\/","name":"ECF Mini-Game - Technological and Higher Education Institute of Hong Kong","isPartOf":{"@id":"https:\/\/thei.edu.hk\/sc\/#website"},"datePublished":"2025-12-29T05:38:32+00:00","dateModified":"2026-02-04T04:01:07+00:00","breadcrumb":{"@id":"https:\/\/thei.edu.hk\/sc\/ecf-mini-game\/#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thei.edu.hk\/sc\/ecf-mini-game\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/thei.edu.hk\/sc\/ecf-mini-game\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/thei.edu.hk\/"},{"@type":"ListItem","position":2,"name":"ECF Mini-Game"}]},{"@type":"WebSite","@id":"https:\/\/thei.edu.hk\/sc\/#website","url":"https:\/\/thei.edu.hk\/sc\/","name":"Technological and Higher Education Institute of Hong Kong","description":"Technological and Higher Education Institute of Hong Kong","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/thei.edu.hk\/sc\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-Hans"}]}},"publishpress_future_action":{"enabled":false,"date":"2026-04-14 06:25:04","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"author","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/thei.edu.hk\/sc\/wp-json\/wp\/v2\/pages\/65247","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thei.edu.hk\/sc\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thei.edu.hk\/sc\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thei.edu.hk\/sc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thei.edu.hk\/sc\/wp-json\/wp\/v2\/comments?post=65247"}],"version-history":[{"count":245,"href":"https:\/\/thei.edu.hk\/sc\/wp-json\/wp\/v2\/pages\/65247\/revisions"}],"predecessor-version":[{"id":69059,"href":"https:\/\/thei.edu.hk\/sc\/wp-json\/wp\/v2\/pages\/65247\/revisions\/69059"}],"wp:attachment":[{"href":"https:\/\/thei.edu.hk\/sc\/wp-json\/wp\/v2\/media?parent=65247"}],"wp:term":[{"taxonomy":"author","embeddable":true,"href":"https:\/\/thei.edu.hk\/sc\/wp-json\/wp\/v2\/ppma_author?post=65247"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}