{"id":16779,"date":"2024-09-30T16:47:37","date_gmt":"2024-09-30T08:47:37","guid":{"rendered":"https:\/\/student.edcity.hk\/pri\/zh-hant\/?page_id=16779&#038;preview_id=16779"},"modified":"2025-02-04T19:20:49","modified_gmt":"2025-02-04T11:20:49","slug":"pth-videos","status":"publish","type":"page","link":"https:\/\/student.edcity.hk\/pri\/zh-hant\/piccks\/pth\/videos\/","title":{"rendered":"PTH Videos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16779\" class=\"elementor elementor-16779\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8441f19 e-con-full e-flex e-con e-parent\" data-id=\"8441f19\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e7195ce elementor-hidden-mobile elementor-widget__width-inherit elementor-widget elementor-widget-image\" data-id=\"e7195ce\" data-element_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=\"1920\" height=\"590\" src=\"https:\/\/sitestudentpriprodstor.blob.core.windows.net\/uploads\/2024\/07\/PTH-story_1920.jpg\" class=\"attachment-full size-full wp-image-12724\" alt=\"\" srcset=\"https:\/\/sitestudentpriprodstor.blob.core.windows.net\/uploads\/2024\/07\/PTH-story_1920.jpg 1920w, https:\/\/student.edcity.hk\/pri\/wp-content\/uploads\/2024\/07\/PTH-story_1920-300x92.jpg 300w, https:\/\/student.edcity.hk\/pri\/wp-content\/uploads\/2024\/07\/PTH-story_1920-1024x315.jpg 1024w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\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-c633355 elementor-widget elementor-widget-heading\" data-id=\"c633355\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">\u8aac\u597d\u666e\u901a\u8a71\u6545\u4e8b<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9d79a92 e-flex e-con-boxed e-con e-child\" data-id=\"9d79a92\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6d22742 elementor-widget elementor-widget-button\" data-id=\"6d22742\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/student.edcity.hk\/pri\/zh-hant\/picck-post\/\u8aaa\u597d\u666e\u901a\u8a71\u6545\u4e8b\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u8a08\u5283\u8a73\u60c5<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\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-8b5353a elementor-widget elementor-widget-button\" data-id=\"8b5353a\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u81ea\u5b78\u5f71\u7247<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\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-5f42996 elementor-widget elementor-widget-button\" data-id=\"5f42996\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/student.edcity.hk\/pri\/en\/picck\/pth\/audios\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u9304\u97f3\u5206\u4eab<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6f00bfc e-flex e-con-boxed e-con e-child\" data-id=\"6f00bfc\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3816e54 e-con-full e-flex e-con e-child\" data-id=\"3816e54\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-824c625 elementor-widget elementor-widget-shortcode\" data-id=\"824c625\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class='dropdown' style='width: 200px;'>\n    <button type='button' class='btn dropdown-toggle d-flex justify-content-between align-items-center border-0 w-100 p-0 fs-4' style='background: none;' data-bs-toggle='dropdown' aria-expanded='false' data-bs-auto-close='outside'>\n      \u9078\u64c7\u4e3b\u984c\n    <\/button>\n    <div class='dropdown-menu p-3'>\n      <div class='form-check fs-5 text-nowrap'>\n    <input class='form-check-input select-all me-3' type='checkbox' id='select-all-theme' checked>\n    <label class='form-check-label user-select-none' for='select-all-theme'>\u5168\u90e8<\/label>\n  <\/div>\n      <div class='form-check fs-5 text-nowrap'>\n      <input class='form-check-input option-theme me-3' type='checkbox' value='%e7%a5%9e%e5%a5%87%e7%9a%84%e5%8f%a4%e4%bb%a3%e7%99%bc%e6%98%8e' id='filter-theme-%e7%a5%9e%e5%a5%87%e7%9a%84%e5%8f%a4%e4%bb%a3%e7%99%bc%e6%98%8e' checked>\n      <label class='form-check-label user-select-none' for='filter-theme-%e7%a5%9e%e5%a5%87%e7%9a%84%e5%8f%a4%e4%bb%a3%e7%99%bc%e6%98%8e'>\n        \u795e\u5947\u7684\u53e4\u4ee3\u767c\u660e\n      <\/label>\n    <\/div><div class='form-check fs-5 text-nowrap'>\n      <input class='form-check-input option-theme me-3' type='checkbox' value='%e6%9c%89%e8%b6%a3%e7%9a%84%e5%af%93%e8%a8%80%e6%95%85%e4%ba%8b' id='filter-theme-%e6%9c%89%e8%b6%a3%e7%9a%84%e5%af%93%e8%a8%80%e6%95%85%e4%ba%8b' checked>\n      <label class='form-check-label user-select-none' for='filter-theme-%e6%9c%89%e8%b6%a3%e7%9a%84%e5%af%93%e8%a8%80%e6%95%85%e4%ba%8b'>\n        \u6709\u8da3\u7684\u5bd3\u8a00\u6545\u4e8b\n      <\/label>\n    <\/div><div class='form-check fs-5 text-nowrap'>\n      <input class='form-check-input option-theme me-3' type='checkbox' value='%e8%b6%a3%e5%91%b3%e7%9a%84%e5%8f%a4%e4%bb%a3%e7%8e%a9%e5%85%b7' id='filter-theme-%e8%b6%a3%e5%91%b3%e7%9a%84%e5%8f%a4%e4%bb%a3%e7%8e%a9%e5%85%b7' checked>\n      <label class='form-check-label user-select-none' for='filter-theme-%e8%b6%a3%e5%91%b3%e7%9a%84%e5%8f%a4%e4%bb%a3%e7%8e%a9%e5%85%b7'>\n        \u8da3\u5473\u7684\u53e4\u4ee3\u73a9\u5177\n      <\/label>\n    <\/div><div class='form-check fs-5 text-nowrap'>\n      <input class='form-check-input option-theme me-3' type='checkbox' value='%e7%a5%9e%e7%a5%95%e7%9a%84%e7%b5%b2%e7%b6%a2%e4%b9%8b%e8%b7%af' id='filter-theme-%e7%a5%9e%e7%a5%95%e7%9a%84%e7%b5%b2%e7%b6%a2%e4%b9%8b%e8%b7%af' checked>\n      <label class='form-check-label user-select-none' for='filter-theme-%e7%a5%9e%e7%a5%95%e7%9a%84%e7%b5%b2%e7%b6%a2%e4%b9%8b%e8%b7%af'>\n        \u795e\u7955\u7684\u7d72\u7da2\u4e4b\u8def\n      <\/label>\n    <\/div><div class='form-check fs-5 text-nowrap'>\n      <input class='form-check-input option-theme me-3' type='checkbox' value='%e5%9e%82%e6%b6%8e%e4%b8%89%e5%b0%ba%e7%9a%84%e4%b8%ad%e8%8f%af%e7%be%8e%e9%a3%9f' id='filter-theme-%e5%9e%82%e6%b6%8e%e4%b8%89%e5%b0%ba%e7%9a%84%e4%b8%ad%e8%8f%af%e7%be%8e%e9%a3%9f' checked>\n      <label class='form-check-label user-select-none' for='filter-theme-%e5%9e%82%e6%b6%8e%e4%b8%89%e5%b0%ba%e7%9a%84%e4%b8%ad%e8%8f%af%e7%be%8e%e9%a3%9f'>\n        \u5782\u6d8e\u4e09\u5c3a\u7684\u4e2d\u83ef\u7f8e\u98df\n      <\/label>\n    <\/div><div class='form-check fs-5 text-nowrap'>\n      <input class='form-check-input option-theme me-3' type='checkbox' value='%e5%90%8d%e4%ba%ba%e5%b0%8f%e6%99%82%e5%80%99' id='filter-theme-%e5%90%8d%e4%ba%ba%e5%b0%8f%e6%99%82%e5%80%99' checked>\n      <label class='form-check-label user-select-none' for='filter-theme-%e5%90%8d%e4%ba%ba%e5%b0%8f%e6%99%82%e5%80%99'>\n        \u540d\u4eba\u5c0f\u6642\u5019\n      <\/label>\n    <\/div><div class='form-check fs-5 text-nowrap'>\n      <input class='form-check-input option-theme me-3' type='checkbox' value='sacred-animals' id='filter-theme-sacred-animals' checked>\n      <label class='form-check-label user-select-none' for='filter-theme-sacred-animals'>\n        \u98db\u5929\u9041\u5730\u7684\u795e\u7378\n      <\/label>\n    <\/div>\n      <button type='button' class='btn btn-primary mt-3 px-4 py-1 fs-5 float-end' id='filter-confirm' onclick='this.closest(\".dropdown\").querySelector(\".dropdown-toggle\").click();'>\u78ba\u5b9a<\/button>\n    <\/div>\n  <\/div>\t\t<div class=\"elementor-shortcode\"><\/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<div class=\"elementor-element elementor-element-5dae1f0 elementor-widget elementor-widget-html\" data-id=\"5dae1f0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"post-list-container\">\r\n\t<div id=\"loading-image\" style=\"display: hidden\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\n\tconst langArr = ['zh-hant', 'en', 'zh-hans']\r\n\r\n\tconst dict = {\r\n\t\t'zh-hant': {\r\n\t\t\t'noPost': '\u672a\u627e\u5230\u76f8\u5173\u6587\u7ae0\u3002',\r\n\t\t\t'theme': '\u4e3b\u984c',\r\n\t\t\t'submitRecording': '\u63d0\u4ea4\u9304\u97f3'\r\n\t\t},\r\n\t\t'zh-hans': {\r\n\t\t\t'noPost': '\u672a\u627e\u5230\u76f8\u5173\u6587\u7ae0\u3002',\r\n\t\t\t'theme': '\u4e3b\u9898',\r\n\t\t\t'submitRecording': '\u63d0\u4ea4\u5f55\u97f3'\r\n\t\t},\r\n\t}\r\n\r\n\t\/\/ use window load. otherwise topbar.lang is undefined\r\n\t$(window).load(async function () {\r\n\t\tconst siteRoot = '\/pri'\r\n\t\tconst langCode = topbar2013.lang\r\n\t\tlet lang = langCode < langArr.length ? langArr[langCode] : 'zh-hant'\r\n\t\tconst isEng = lang === 'en'\r\n\t\tif (lang === 'en') {\r\n\t\t\tlang = 'zh-hant'\r\n\t\t}\r\n\t\tconst hostname = window.location.hostname\r\n\t\tconst today = new Date()\r\n\r\n\t\tlet allData = []\r\n\t\tconst selectedTerms = []\r\n\r\n\t\tconst renderPosts = (filter = null) => {\r\n\t\t\tlet filteredData = filter ? filterData(allData, filter) : allData\r\n\r\n\t\t\t$('#post-list-container').empty()\r\n\r\n\t\t\tif (Object.keys(filteredData).length === 0) {\r\n\t\t\t\t$('#post-list-container').append(`<h3>${dict[lang].noPost}<\/h3>`)\r\n\t\t\t\treturn\r\n\t\t\t}\r\n\r\n\t\t\tfor (const theme in filteredData) {\r\n\t\t\t\tconst val = filteredData[theme]\r\n\t\t\t\tconst themeHTML = generateThemeHTML(val, theme, hostname)\r\n\t\t\t\t$('#post-list-container').append(themeHTML)\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tconst filterData = (data, filter) => {\r\n\t\t\treturn Object.keys(data).reduce((acc, theme) => {\r\n\t\t\t\tconst val = data[theme]\r\n\t\t\t\tconst filteredPosts = val.post.filter(post => filter.includes(val.slug))\r\n\t\t\t\tif (filteredPosts.length) {\r\n\t\t\t\t\tacc[theme] = { ...val, post: filteredPosts }\r\n\t\t\t\t}\r\n\t\t\t\treturn acc\r\n\t\t\t}, {})\r\n\t\t}\r\n\r\n\t\tconst generateThemeHTML = (val, theme, hostname) => {\r\n\t\t\tconst themeText = `${dict[lang].theme}\uff1a${theme}`\r\n\t\t\tlet themeHTML = `<div id=\"${val.slug}-container\">\r\n\t\t\t\t<h3 class=\"fw-bold fs-4 mb-2\">${themeText}<\/h3>\r\n\t\t\t\t<div class=\"pth-theme-container\">`\r\n\r\n\t\t\tfor (const { link, title, img } of val.post) {\r\n\t\t\t\tconst target = new URL(link).hostname === hostname ? 'self' : 'blank'\r\n\t\t\t\tthemeHTML += `\r\n\t\t\t\t\t<article class=\"post-container\">\r\n\t\t\t\t\t\t<a class=\"image\" href=\"${link}\" target=\"_${target}\">\r\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"${img}\" alt=\"${title}\" title=\"${title}\" class=\"clamp-wording\" \/>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<div class=\"p-3\">\r\n\t\t\t\t\t\t\t<a href=\"${link}\" target=\"_${target}\">\r\n\t\t\t\t\t\t\t\t<h3 class=\"post-heading clamp-two-wording fs-5 fw-semibold\" style=\"user-select: none;\">${title}<\/h3>\r\n\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/article>`\r\n\t\t\t}\r\n\t\t\tthemeHTML += '<\/div>'\r\n\r\n\t\t\tconst submitDate = new Date(val.themeDate)\r\n\t\t\tif (today >= submitDate) {\r\n\t\t\t\tthemeHTML += `<div class=\"submit-link-container mt-4 px-4 py-3 d-flex justify-content-between rounded-4\">\r\n\t\t\t\t\t\t<p class=\"fw-bold\">${val.submitTitle}<br><br>${val.submitDescription}<\/p>\r\n\t\t\t\t\t\t<a href=\"${val.submitLink}\" target=\"_blank\" class=\"fw-bold ms-4 text-nowrap\">${dict[lang].submitRecording}<\/a>\r\n\t\t\t\t\t<\/div>`\r\n\t\t\t}\r\n\t\t\tthemeHTML += '<\/div>'\r\n\r\n\t\t\treturn themeHTML\r\n\t\t}\r\n\r\n\t\t$('#loading-image').show()\r\n\t\tconst url = `${siteRoot}\/wp-json\/picck\/pth\/list?lang=${lang}`\r\n\t\tconst res = await fetch(url)\r\n\t\tif (res.status === 404) {\r\n\t\t\t\/\/ window.location.href = `${siteRoot}\/${lang}\/404`;\r\n\t\t}\r\n\r\n\t\tconst { data } = await res.json()\r\n\t\tallData = data\r\n\t\trenderPosts()\r\n\t\t$('#loading-image').hide()\r\n\r\n\t\tfor (const theme in allData) {\r\n\t\t\tselectedTerms.push(allData[theme].slug)\r\n\t\t}\r\n\r\n\t\t$('#select-all-theme').click(function () {\r\n\t\t\tconst checkboxes = $('.option-theme')\r\n\t\t\tcheckboxes.prop('checked', this.checked)\r\n\t\t\tselectedTerms.length = 0\r\n\r\n\t\t\tif (this.checked) {\r\n\t\t\t\tcheckboxes.each(function () {\r\n\t\t\t\t\tselectedTerms.push(this.value)\r\n\t\t\t\t})\r\n\t\t\t}\r\n\t\t})\r\n\r\n\t\t$('.option-theme').click(function () {\r\n\t\t\tif (this.checked) {\r\n\t\t\t\tif (!selectedTerms.includes(this.value)) {\r\n\t\t\t\t\tselectedTerms.push(this.value)\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tconst index = selectedTerms.indexOf(this.value)\r\n\t\t\t\tif (index > -1) {\r\n\t\t\t\t\tselectedTerms.splice(index, 1)\r\n\t\t\t\t}\r\n\t\t\t\t$('#select-all-theme').prop('checked', false)\r\n\t\t\t}\r\n\r\n\t\t\tconst allChecked = $('.option-theme').length === $('.option-theme:checked').length\r\n\t\t\t$('#select-all-theme').prop('checked', allChecked)\r\n\t\t})\r\n\r\n\t\t$('#filter-confirm').on('click', function () {\r\n\t\t\trenderPosts(selectedTerms)\r\n\t\t})\r\n\t});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ccda9fc elementor-widget elementor-widget-html\" data-id=\"ccda9fc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  .clamp-two-wording,\r\n  .clamp-three-wording {\r\n    overflow-wrap: anywhere;\r\n  }\r\n\r\n  #post-list-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 72px;\r\n  }\r\n\r\n  #post-list-container>div>h3 {\r\n    font-weight: bold;\r\n  }\r\n\r\n  #post-list-container div.pth-theme-container {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 30px 2%;\r\n  }\r\n\r\n  #post-list-container div.submit-link-container {\r\n    background-color: #FFC761;\r\n    border-radius: 20px;\r\n  }\r\n\r\n  #post-list-container div.submit-link-container>a {\r\n    padding: 12px 36px;\r\n    border-radius: 12px;\r\n    border: 1px solid gray;\r\n    align-self: end;\r\n    margin-top: 32px;\r\n    background-color: white;\r\n  }\r\n\r\n  #post-list-container>#loading-image:last-child {\r\n    position: absolute;\r\n    left: 50%;\r\n    bottom: 0;\r\n    transform: translateX(-50%);\r\n\r\n    border: 4px solid #f3f3f3;\r\n    border-radius: 50%;\r\n    border-top: 4px solid #3498db;\r\n    width: 36px;\r\n    height: 36px;\r\n    -webkit-animation: spin 2s linear infinite;\r\n    \/* Safari *\/\r\n    animation: spin 2s linear infinite;\r\n  }\r\n\r\n  \/* Safari *\/\r\n  @-webkit-keyframes spin {\r\n    0% {\r\n      -webkit-transform: rotate(0deg);\r\n    }\r\n\r\n    100% {\r\n      -webkit-transform: rotate(360deg);\r\n    }\r\n  }\r\n\r\n  @keyframes spin {\r\n    0% {\r\n      transform: rotate(0deg);\r\n    }\r\n\r\n    100% {\r\n      transform: rotate(360deg);\r\n    }\r\n  }\r\n\r\n  .post-container {\r\n    background-color: #eee;\r\n    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\r\n    border-radius: 5px;\r\n    position: relative;\r\n  }\r\n\r\n  .post-container a {\r\n    padding: 0;\r\n    border: none;\r\n    color: black;\r\n  }\r\n\r\n  .post-container>a.image {\r\n    display: block;\r\n    width: 100%;\r\n    aspect-ratio: 4 \/ 3;\r\n    overflow: hidden;\r\n    border-top-left-radius: 5px;\r\n    border-top-right-radius: 5px;\r\n    background-color: white;\r\n  }\r\n\r\n  .post-container>a.image>img {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    aspect-ratio: 4 \/ 3;\r\n    object-fit: contain;\r\n    transition: 1s ease;\r\n  }\r\n\r\n  .post-container>div .post-heading {\r\n    height: 3em;\r\n    line-height: 1.5;\r\n\r\n    display: -webkit-box;\r\n    -webkit-line-clamp: 2;\r\n    -webkit-box-orient: vertical;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n  }\r\n\r\n  .post-container>div .post-heading:hover {\r\n    color: rgb(102, 178, 206);\r\n  }\r\n\r\n  @media (max-width: 1024px) and (min-width: 768px) {\r\n    #post-list-container div.pth-theme-container {\r\n      grid-template-columns: repeat(3, 1fr);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) and (min-width: 481px) {\r\n    #post-list-container div.pth-theme-container {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .post-filter-container {\r\n      justify-content: start;\r\n    }\r\n\r\n    #post-list-container div.submit-link-container {\r\n      flex-direction: column;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    #post-list-container div.pth-theme-container {\r\n      grid-template-columns: repeat(1, 1fr);\r\n      column-gap: 0;\r\n    }\r\n  }\r\n<\/style>\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-eef960e e-flex e-con-boxed e-con e-child\" data-id=\"eef960e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9669837 elementor-widget elementor-widget-heading\" data-id=\"9669837\" data-element_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\">\u4e3b\u8fa6\u53ca\u5354\u8fa6\u6a5f\u69cb<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ccf41b6 e-con-full e-flex e-con e-child\" data-id=\"ccf41b6\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d827110 e-con-full host_block e-flex e-con e-child\" data-id=\"d827110\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-265f0e6 elementor-widget elementor-widget-image\" data-id=\"265f0e6\" data-element_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 decoding=\"async\" width=\"1270\" height=\"439\" src=\"https:\/\/sitestudentpriprodstor.blob.core.windows.net\/uploads\/2024\/03\/Logo_EdCity.png\" class=\"attachment-full size-full wp-image-2003\" alt=\"\u9999\u6e2f\u6559\u80b2\u57ce HKedCity\" srcset=\"https:\/\/sitestudentpriprodstor.blob.core.windows.net\/uploads\/2024\/03\/Logo_EdCity.png 1270w, https:\/\/student.edcity.hk\/pri\/wp-content\/uploads\/2024\/03\/Logo_EdCity-300x104.png 300w, https:\/\/student.edcity.hk\/pri\/wp-content\/uploads\/2024\/03\/Logo_EdCity-1024x354.png 1024w\" sizes=\"(max-width: 1270px) 100vw, 1270px\" \/>\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>\n\t\t\t\t<div class=\"elementor-element elementor-element-205e88d elementor-widget elementor-widget-image\" data-id=\"205e88d\" data-element_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 decoding=\"async\" src=\"https:\/\/sitestudentpriprodstor.blob.core.windows.net\/uploads\/2024\/07\/xpy_logo.png\" title=\"xpy_logo\" alt=\"xpy_logo\" loading=\"lazy\" \/>\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>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a92402d e-flex e-con-boxed e-con e-child\" data-id=\"a92402d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad64113 elementor-widget elementor-widget-heading\" data-id=\"ad64113\" data-element_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\">\u67e5\u8a62<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-063c560 e-grid e-con-full e-con e-child\" data-id=\"063c560\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-c5cf4cd e-con-full inquiry-container e-flex e-con e-child\" data-id=\"c5cf4cd\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71148f6 elementor-widget elementor-widget-text-editor\" data-id=\"71148f6\" data-element_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<p>\u8a08\u5283\u8a73\u60c5\u4e4b\u67e5\u8a62:<br \/><a href=\"mailto:mansonli@hkecl.net\">alice@hkecl.net\u00a0<\/a><br \/>2624 1074<\/p>\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-96bb104 elementor-widget elementor-widget-text-editor\" data-id=\"96bb104\" data-element_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<p>\u6559\u57ce\u6280\u8853\u652f\u63f4\u4e4b\u67e5\u8a62:<br \/><a href=\"mailto:info@edcity.hk\">info@edcity.hk<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u8aac\u597d\u666e\u901a\u8a71\u6545\u4e8b \u8a08\u5283\u8a73\u60c5 \u81ea\u5b78\u5f71\u7247 \u9304\u97f3\u5206\u4eab \u4e3b\u8fa6\u53ca\u5354\u8fa6\u6a5f\u69cb \u67e5\u8a62 \u8a08\u5283\u8a73\u60c5\u4e4b\u67e5\u8a62: alice@hkecl.net\u00a0 2624 1074 \u6559\u57ce\u6280\u8853\u652f\u63f4\u4e4b\u67e5\u8a62: info@edcity.hk<\/p>\n","protected":false},"author":15,"featured_media":0,"parent":5496,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-16779","page","type-page","status-publish","hentry"],"pp_statuses_selecting_workflow":false,"pp_workflow_action":"current","pp_status_selection":"publish","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>PTH Videos - PICCK - \u9999\u6e2f\u6559\u80b2\u57ce \u2013 \u5c0f\u5b78\u751f<\/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:\/\/student.edcity.hk\/pri\/zh-hant\/piccks\/pth\/videos\/\" \/>\n<meta property=\"og:locale\" content=\"zh_TW\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"PTH Videos - PICCK - \u9999\u6e2f\u6559\u80b2\u57ce \u2013 \u5c0f\u5b78\u751f\" \/>\n<meta property=\"og:description\" content=\"\u8aac\u597d\u666e\u901a\u8a71\u6545\u4e8b \u8a08\u5283\u8a73\u60c5 \u81ea\u5b78\u5f71\u7247 \u9304\u97f3\u5206\u4eab \u4e3b\u8fa6\u53ca\u5354\u8fa6\u6a5f\u69cb \u67e5\u8a62 \u8a08\u5283\u8a73\u60c5\u4e4b\u67e5\u8a62: alice@hkecl.net\u00a0 2624 1074 \u6559\u57ce\u6280\u8853\u652f\u63f4\u4e4b\u67e5\u8a62: info@edcity.hk\" \/>\n<meta property=\"og:url\" content=\"https:\/\/student.edcity.hk\/pri\/zh-hant\/piccks\/pth\/videos\/\" \/>\n<meta property=\"og:site_name\" content=\"\u9999\u6e2f\u6559\u80b2\u57ce \u2013 \u5c0f\u5b78\u751f\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-04T11:20:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/sitestudentpriprodstor.blob.core.windows.net\/uploads\/2024\/07\/PTH-story_1920.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u9810\u4f30\u95b1\u8b80\u6642\u9593\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/student.edcity.hk\/pri\/zh-hant\/piccks\/pth\/videos\/\",\"url\":\"https:\/\/student.edcity.hk\/pri\/zh-hant\/piccks\/pth\/videos\/\",\"name\":\"PTH Videos - PICCK - \u9999\u6e2f\u6559\u80b2\u57ce \u2013 \u5c0f\u5b78\u751f\",\"isPartOf\":{\"@id\":\"https:\/\/student.edcity.hk\/pri\/zh-hant\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/student.edcity.hk\/pri\/zh-hant\/piccks\/pth\/videos\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/student.edcity.hk\/pri\/zh-hant\/piccks\/pth\/videos\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/sitestudentpriprodstor.blob.core.windows.net\/uploads\/2024\/07\/PTH-story_1920.jpg\",\"datePublished\":\"2024-09-30T08:47:37+00:00\",\"dateModified\":\"2025-02-04T11:20:49+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/student.edcity.hk\/pri\/zh-hant\/piccks\/pth\/videos\/#breadcrumb\"},\"inLanguage\":\"zh-TW\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/student.edcity.hk\/pri\/zh-hant\/piccks\/pth\/videos\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\/\/student.edcity.hk\/pri\/zh-hant\/piccks\/pth\/videos\/#primaryimage\",\"url\":\"https:\/\/sitestudentpriprodstor.blob.core.windows.net\/uploads\/2024\/07\/PTH-story_1920.jpg\",\"contentUrl\":\"https:\/\/sitestudentpriprodstor.blob.core.windows.net\/uploads\/2024\/07\/PTH-story_1920.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/student.edcity.hk\/pri\/zh-hant\/piccks\/pth\/videos\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/student.edcity.hk\/pri\/zh-hant\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"PICCK\",\"item\":\"https:\/\/student.edcity.hk\/pri\/zh-hant\/piccks\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"PTH Videos\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/student.edcity.hk\/pri\/zh-hant\/#website\",\"url\":\"https:\/\/student.edcity.hk\/pri\/zh-hant\/\",\"name\":\"\u9999\u6e2f\u6559\u80b2\u57ce - \u5c0f\u5b78\u751f\",\"description\":\"\u5c0f\u5b78\u751f\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/student.edcity.hk\/pri\/zh-hant\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-TW\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"PTH Videos - PICCK - \u9999\u6e2f\u6559\u80b2\u57ce \u2013 \u5c0f\u5b78\u751f","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:\/\/student.edcity.hk\/pri\/zh-hant\/piccks\/pth\/videos\/","og_locale":"zh_TW","og_type":"article","og_title":"PTH Videos - PICCK - \u9999\u6e2f\u6559\u80b2\u57ce \u2013 \u5c0f\u5b78\u751f","og_description":"\u8aac\u597d\u666e\u901a\u8a71\u6545\u4e8b \u8a08\u5283\u8a73\u60c5 \u81ea\u5b78\u5f71\u7247 \u9304\u97f3\u5206\u4eab \u4e3b\u8fa6\u53ca\u5354\u8fa6\u6a5f\u69cb \u67e5\u8a62 \u8a08\u5283\u8a73\u60c5\u4e4b\u67e5\u8a62: alice@hkecl.net\u00a0 2624 1074 \u6559\u57ce\u6280\u8853\u652f\u63f4\u4e4b\u67e5\u8a62: info@edcity.hk","og_url":"https:\/\/student.edcity.hk\/pri\/zh-hant\/piccks\/pth\/videos\/","og_site_name":"\u9999\u6e2f\u6559\u80b2\u57ce \u2013 \u5c0f\u5b78\u751f","article_modified_time":"2025-02-04T11:20:49+00:00","og_image":[{"url":"https:\/\/sitestudentpriprodstor.blob.core.windows.net\/uploads\/2024\/07\/PTH-story_1920.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"\u9810\u4f30\u95b1\u8b80\u6642\u9593":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/student.edcity.hk\/pri\/zh-hant\/piccks\/pth\/videos\/","url":"https:\/\/student.edcity.hk\/pri\/zh-hant\/piccks\/pth\/videos\/","name":"PTH Videos - PICCK - \u9999\u6e2f\u6559\u80b2\u57ce \u2013 \u5c0f\u5b78\u751f","isPartOf":{"@id":"https:\/\/student.edcity.hk\/pri\/zh-hant\/#website"},"primaryImageOfPage":{"@id":"https:\/\/student.edcity.hk\/pri\/zh-hant\/piccks\/pth\/videos\/#primaryimage"},"image":{"@id":"https:\/\/student.edcity.hk\/pri\/zh-hant\/piccks\/pth\/videos\/#primaryimage"},"thumbnailUrl":"https:\/\/sitestudentpriprodstor.blob.core.windows.net\/uploads\/2024\/07\/PTH-story_1920.jpg","datePublished":"2024-09-30T08:47:37+00:00","dateModified":"2025-02-04T11:20:49+00:00","breadcrumb":{"@id":"https:\/\/student.edcity.hk\/pri\/zh-hant\/piccks\/pth\/videos\/#breadcrumb"},"inLanguage":"zh-TW","potentialAction":[{"@type":"ReadAction","target":["https:\/\/student.edcity.hk\/pri\/zh-hant\/piccks\/pth\/videos\/"]}]},{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/student.edcity.hk\/pri\/zh-hant\/piccks\/pth\/videos\/#primaryimage","url":"https:\/\/sitestudentpriprodstor.blob.core.windows.net\/uploads\/2024\/07\/PTH-story_1920.jpg","contentUrl":"https:\/\/sitestudentpriprodstor.blob.core.windows.net\/uploads\/2024\/07\/PTH-story_1920.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/student.edcity.hk\/pri\/zh-hant\/piccks\/pth\/videos\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/student.edcity.hk\/pri\/zh-hant\/"},{"@type":"ListItem","position":2,"name":"PICCK","item":"https:\/\/student.edcity.hk\/pri\/zh-hant\/piccks\/"},{"@type":"ListItem","position":3,"name":"PTH Videos"}]},{"@type":"WebSite","@id":"https:\/\/student.edcity.hk\/pri\/zh-hant\/#website","url":"https:\/\/student.edcity.hk\/pri\/zh-hant\/","name":"\u9999\u6e2f\u6559\u80b2\u57ce - \u5c0f\u5b78\u751f","description":"\u5c0f\u5b78\u751f","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/student.edcity.hk\/pri\/zh-hant\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-TW"}]}},"_links":{"self":[{"href":"https:\/\/student.edcity.hk\/pri\/zh-hant\/wp-json\/wp\/v2\/pages\/16779","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/student.edcity.hk\/pri\/zh-hant\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/student.edcity.hk\/pri\/zh-hant\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/student.edcity.hk\/pri\/zh-hant\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/student.edcity.hk\/pri\/zh-hant\/wp-json\/wp\/v2\/comments?post=16779"}],"version-history":[{"count":422,"href":"https:\/\/student.edcity.hk\/pri\/zh-hant\/wp-json\/wp\/v2\/pages\/16779\/revisions"}],"predecessor-version":[{"id":26582,"href":"https:\/\/student.edcity.hk\/pri\/zh-hant\/wp-json\/wp\/v2\/pages\/16779\/revisions\/26582"}],"up":[{"embeddable":true,"href":"https:\/\/student.edcity.hk\/pri\/zh-hant\/wp-json\/wp\/v2\/pages\/5496"}],"wp:attachment":[{"href":"https:\/\/student.edcity.hk\/pri\/zh-hant\/wp-json\/wp\/v2\/media?parent=16779"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}