5 | 程式專案 | 橘蘋學習平台

{"id":212542,"student_id":12205,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\n\u003chtml\u003e\\n\u003chead\u003e\\n    \u003ctitle\u003etalking.net  --for let\u0026#39;s programmes |  程式專案 | 橘蘋學習平台\u003c/title\u003e\u003cmeta content=\\\"快來橘蘋學習平台來看我的作品吧！\\\" name=\\\"description\\\" /\u003e\u003cmeta content=\\\"text/html; charset=UTF-8\\\" http-equiv=\\\"Content-Type\\\" /\u003e\u003cmeta content=\\\"width=device-width, initial-scale=1\\\" name=\\\"viewport\\\" /\u003e\u003cmeta content=\\\"1801378909903067\\\" property=\\\"fb:app_id\\\" /\u003e\u003cmeta content=\\\"talking.net  --for let\u0026#39;s programmes |  程式專案 | 橘蘋學習平台\\\" itemprop=\\\"name\\\" /\u003e\u003cmeta content=\\\"https://cdn5.koding.school/uploads/project/screenshot/211835/becbcc8430151f11b71c8fe35a10a887.jpg\\\" itemprop=\\\"image\\\" /\u003e\u003cmeta content=\\\"快來橘蘋學習平台來看我的作品吧！\\\" itemprop=\\\"description\\\" /\u003e\u003cmeta content=\\\"快來橘蘋學習平台來看我的作品吧！\\\" property=\\\"og:description\\\" /\u003e\u003cmeta content=\\\"talking.net  --for let\u0026#39;s programmes |  程式專案 | 橘蘋學習平台\\\" property=\\\"og:title\\\" /\u003e\u003cmeta content=\\\"website\\\" property=\\\"og:type\\\" /\u003e\u003cmeta content=\\\"https://koding.school/projects/ej9s223wk\\\" property=\\\"og:url\\\" /\u003e\u003cmeta content=\\\"https://cdn5.koding.school/uploads/project/screenshot/211835/becbcc8430151f11b71c8fe35a10a887.jpg\\\" property=\\\"og:image\\\" /\u003e\u003cmeta content=\\\"橘蘋學習平台\\\" property=\\\"og:site_name\\\" /\u003e\u003cmeta content=\\\"\\\" property=\\\"og:video\\\" /\u003e\u003cmeta content=\\\"\\\" property=\\\"og:video:secure_url\\\" /\u003e\u003cmeta content=\\\"video/mp4\\\" property=\\\"og:video:type\\\" /\u003e\u003cmeta content=\\\"400\\\" property=\\\"og:video:width\\\" /\u003e\u003cmeta content=\\\"300\\\" property=\\\"og:video:height\\\" /\u003e\u003clink href=\\\"https://cdn3.koding.school/favicon.ico\\\" rel=\\\"shortcut icon\\\" type=\\\"image/x-icon\\\" /\u003e\u003c!--GA Code--\u003e\u003cscript\u003e\\n        (function(i, s, o, g, r, a, m) {\\n            i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function() {\\n                (i[r].q = i[r].q || []).push(arguments)}, i[r].l = 1*new Date(); a = s.createElement(o),\\n            m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)\\n        })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');\\n        ga('create', 'UA-99102104-1', 'auto');\\n        ga('send', 'pageview');\\n    \u003c/script\u003e\\n    \u003c!--Facebook Pixel Code--\u003e\u003cscript\u003e\\n        !function (f, b, e, v, n, t, s) {\\n            if (f.fbq) return;\\n            n = f.fbq = function () {\\n                n.callMethod ?\\n                n.callMethod.apply(n, arguments): n.queue.push(arguments)\\n            };\\n            if (!f._fbq) f._fbq = n;\\n            n.push = n;\\n            n.loaded = !0;\\n            n.version = '2.0';\\n            n.queue = [];\\n            t = b.createElement(e);\\n            t.async = !0;\\n            t.src = v;\\n            s = b.getElementsByTagName(e)[0];\\n            s.parentNode.insertBefore(t, s)\\n        }(window, document, 'script',\\n            'https://connect.facebook.net/en_US/fbevents.js');\\n        fbq('init', '841617052639483');\\n        fbq('track', 'PageView');\\n    \u003c/script\u003e\\n    \u003cnoscript\u003e\u003cimg height=\\\"1\\\" src=\\\"https://www.facebook.com/tr?id=841617052639483\u0026amp;ev=PageView\u0026amp;noscript=1\\\" width=\\\"1\\\" /\u003e\u003c/noscript\u003e\u003c!--End Facebook Pixel Code--\u003e\u003clink as=\\\"style\\\" href=\\\"https://cdn8.koding.school/assets/application-37e3f29f4591647c1becb6a1820a08b08cc358eea177ac9fc2022755b945d34b.css\\\" onload=\\\"this.onload=null;this.rel=\u0026#39;stylesheet\u0026#39;\\\" rel=\\\"preload\\\" /\u003e\u003cnoscript\u003e\u003clink href=\\\"https://cdn8.koding.school/assets/application-37e3f29f4591647c1becb6a1820a08b08cc358eea177ac9fc2022755b945d34b.css\\\" rel=\\\"stylesheet\\\" /\u003e\u003c/noscript\u003e\u003cscript type=\\\"text/javascript\\\"\u003e\\n        !function(e) {\\n            \\\"use strict\\\"; var n = function(n, t, o) {\\n                var i, r = e.document, d = r.createElement(\\\"link\\\"); if (t)i = t; else {\\n                    var a = (r.body || r.getElementsByTagName(\\\"head\\\")[0]).childNodes; i = a[a.length-1]}var l = r.styleSheets; d.rel = \\\"stylesheet\\\", d.href = n, d.media = \\\"only x\\\", function e(n) {\\n                    if (r.body)return n(); setTimeout(function() {\\n                        e(n)})}(function() {\\n                        i.parentNode.insertBefore(d, t?i: i.nextSibling)}); var f = function(e) {\\n                    for (var n = d.href, t = l.length; t--;)if (l[t].href === n)return e(); setTimeout(function() {\\n                        f(e)})}; function s() {\\n                    d.addEventListener \u0026\u0026 d.removeEventListener(\\\"load\\\", s), d.media = o || \\\"all\\\"\\n                }return d.addEventListener \u0026\u0026 d.addEventListener(\\\"load\\\", s), d.onloadcssdefined = f, f(s), d\\n            }; \\\"undefined\\\" != typeof exports?exports.loadCSS = n: e.loadCSS = n\\n        }(\\\"undefined\\\" != typeof global?global: this);\\n        !function(t) {\\n            \\\"use strict\\\"; t.loadCSS || (t.loadCSS = function() {}); var e = loadCSS.relpreload = {}; if (e.support = function() {\\n                var e; try {\\n                    e = t.document.createElement(\\\"link\\\").relList.supports(\\\"preload\\\")}catch(t) {\\n                    e=!1\\n                }return function() {\\n                    return e\\n                }}(), e.bindMediaToggle = function(t) {\\n                var e = t.media || \\\"all\\\"; function a() {\\n                    t.media = e\\n                }t.addEventListener?t.addEventListener(\\\"load\\\", a): t.attachEvent \u0026\u0026 t.attachEvent(\\\"onload\\\", a), setTimeout(function() {\\n                        t.rel = \\\"stylesheet\\\", t.media = \\\"only x\\\"\\n                    }), setTimeout(a, 3e3)}, e.poly = function() {\\n                if (!e.support())for (var a = t.document.getElementsByTagName(\\\"link\\\"), n = 0; n \u003c a.length; n++) {\\n                    var o = a[n]; \\\"preload\\\" !== o.rel || \\\"style\\\" !== o.getAttribute(\\\"as\\\") || o.getAttribute(\\\"data-loadcss\\\") || (o.setAttribute(\\\"data-loadcss\\\", !0), e.bindMediaToggle(o))}}, !e.support()) {\\n                e.poly(); var a = t.setInterval(e.poly, 500); t.addEventListener?t.addEventListener(\\\"load\\\", function() {\\n                    e.poly(), t.clearInterval(a)}): t.attachEvent \u0026\u0026 t.attachEvent(\\\"onload\\\", function() {\\n                    e.poly(), t.clearInterval(a)})}\\\"undefined\\\" != typeof exports?exports.loadCSS = loadCSS: t.loadCSS = loadCSS\\n        }(\\\"undefined\\\" != typeof global?global: this);\\n    \u003c/script\u003e\\n    \u003cmeta name=\\\"csrf-param\\\" content=\\\"authenticity_token\\\" /\u003e\\n    \u003cmeta name=\\\"csrf-token\\\" content=\\\"CyK4nle8I3DiY+YkZj5WKPnWP+tAu3PBE46ETy3dH50gHuDaqswVhZXEmOHOE2vISH7DwYIrPGvIT56Der1CeA==\\\" /\u003e\\n\u003c/head\u003e\\n\u003cbody\u003e\\n    \u003cdiv id=\\\"site-loader\\\" style=\\\"display: flex; align-items: center; justify-content: center; background-color: #eee; position: fixed; right: 0; top: 0; left: 0; bottom: 0%; z-index: 99999999999999;\\\"\u003e\\n        \u003cdiv style=\\\"text-align: center\\\"\u003e\\n            \u003cimg src=\\\"https://cdn2.koding.school/assets/loading/loading-27c7b0ca6518a411dd3f4cfaf5a335b13c55f4e1200569805abb205f449b73fc.gif\\\" /\u003e\u003csmall style=\\\"display:block; color: #333;\\\"\u003e載入中... 請稍候\u003c/small\u003e\\n        \u003c/div\u003e\\n    \u003c/div\u003e\\n    \u003cdiv style=\\\"height: 62px\\\"\u003e\u003c/div\u003e\\n    \u003cdiv class=\\\"ks-navbar fixed-top mini ks-shadow-b\\\" style=\\\"background-color: #fff;\\\"\u003e\\n        \u003cnav class=\\\"navbar navbar-expand-lg navbar-light\\\" style=\\\"max-width: 960px; height: 100%; margin: auto;\\\"\u003e\\n            \u003ca class=\\\"navbar-brand\\\" href=\\\"/\\\"\u003e\u003cdiv class=\\\"logo\\\"\u003e\\n                \u003cimg class=\\\"img-lg\\\" src=\\\"https://cdn7.koding.school/assets/logo/oa-logo-mini-730fe59f98d967929255f884abf83ff8f3934387d50b67403be1c4cd1eac6561.png\\\" alt=\\\"Oa logo mini\\\" /\u003e\u003cimg class=\\\"img-sm\\\" src=\\\"https://cdn7.koding.school/assets/logo/oa-logo-mini-730fe59f98d967929255f884abf83ff8f3934387d50b67403be1c4cd1eac6561.png\\\" alt=\\\"Oa logo mini\\\" /\u003e\\n            \u003c/div\u003e\\n            \u003c/a\u003e\u003cbutton aria-controls=\\\"navbarNav\\\" aria-expanded=\\\"false\\\" aria-label=\\\"Toggle navigation\\\" class=\\\"navbar-toggler\\\" data-target=\\\"#navbarNav\\\" data-toggle=\\\"collapse\\\" type=\\\"button\\\"\u003e\u003cspan class=\\\"navbar-toggler-icon\\\"\u003e\u003c/span\u003e\u003c/button\u003e\u003cdiv class=\\\"collapse navbar-collapse\\\" id=\\\"navbarNav\\\" style=\\\"background-color: #fff;\\\"\u003e\\n                \u003cul class=\\\"navbar-nav navbar-left-group\\\"\u003e\\n                    \u003cli class=\\\"nav-item\\\"\u003e\u003ca class=\\\"nav-link\\\" href=\\\"/courses\\\" itemprop=\\\"url\\\"\u003e課程\u003c/a\u003e\u003c/li\u003e\u003cli class=\\\"nav-item\\\"\u003e\u003ca class=\\\"nav-link\\\" href=\\\"/shop\\\" itemprop=\\\"url\\\"\u003e商城\u003c/a\u003e\u003c/li\u003e\u003cli class=\\\"nav-item\\\"\u003e\u003ca class=\\\"nav-link\\\" data-target=\\\"#new-project-modal\\\" data-toggle=\\\"modal\\\" href=\\\"#\\\" itemprop=\\\"url\\\"\u003e創造\u003c/a\u003e\u003c/li\u003e\\n                \u003c/ul\u003e\\n                \u003cul class=\\\"navbar-nav navbar-right-group\\\" style=\\\"margin-left: auto;\\\"\u003e\\n                    \u003cli class=\\\"nav-item\\\" itemprop=\\\"name\\\"\u003e\u003ca class=\\\"btn btn-warning\\\" data-target=\\\"#quickAttend\\\" data-toggle=\\\"modal\\\" href=\\\"#quickAttend\\\" itemprop=\\\"url\\\" style=\\\"color: #fff; margin: 0 !important;\\\"\u003e我有邀請碼\u003c/a\u003e\u003c/li\u003e\u003cli class=\\\"nav-item dropdown\\\"\u003e\u003ca class=\\\"nav-link dropdown-toggle\\\" data-toggle=\\\"dropdown\\\" href=\\\"#\\\" id=\\\"navbarDropdown\\\" role=\\\"button\\\"\u003ejayden0331 你好\u003c/a\u003e\u003cdiv aria-labelledby=\\\"navbarDropdown\\\" class=\\\"dropdown-menu\\\"\u003e\\n                        \u003ca class=\\\"dropdown-item\\\" href=\\\"/my/courses\\\"\u003e我的課程\u003c/a\u003e\u003ca class=\\\"dropdown-item\\\" href=\\\"/my/projects\\\"\u003e我的作品\u003c/a\u003e\u003ca class=\\\"dropdown-item\\\" href=\\\"/my/studios\\\"\u003e我的工作室\u003c/a\u003e\u003ca class=\\\"dropdown-item\\\" href=\\\"/my/messages\\\"\u003e我的收信匣\u003c/a\u003e\u003cdiv class=\\\"dropdown-divider\\\"\u003e\u003c/div\u003e\\n                        \u003ca class=\\\"dropdown-item\\\" href=\\\"/my/profile\\\"\u003e學習歷程\u003c/a\u003e\u003ca class=\\\"dropdown-item\\\" href=\\\"/resume/jayden0331\\\"\u003e我的履歷\u003c/a\u003e\u003cdiv class=\\\"dropdown-divider\\\"\u003e\u003c/div\u003e\\n                        \u003ca class=\\\"dropdown-item\\\" href=\\\"/my/account\\\"\u003e帳號設定\u003c/a\u003e\u003ca class=\\\"dropdown-item\\\" rel=\\\"nofollow\\\" data-method=\\\"delete\\\" href=\\\"/students/sign_out\\\"\u003e登出\u003c/a\u003e\\n                    \u003c/div\u003e\\n                    \u003c/li\u003e\\n                \u003c/ul\u003e\\n            \u003c/div\u003e\\n        \u003c/nav\u003e\\n    \u003c/div\u003e\\n    \u003cscript\u003e\\n        var PROJECT_ID = 'ej9s223wk';\\n        var MODE = 'fullscreen';\\n        var PROJECT_NAME = \\\"talking.net  --for let\u0026#39;s programmes\\\";\\n        var SANDBOX_URL = \\\"https://sb.koding.school/projects/ej9s223wk/\\\";\\n        var DEFAULT_AVARAR = \\\"https://cdn2.koding.school/assets/resume/avator-c1bf83f40b17d0c94c261e3599f205845d72093590d9681619b9e53460c9d47e.jpg\\\";\\n        var IS_MY_PROJECT = true;\\n        var COMMENTS = [];\\n    \u003c/script\u003e\\n    \u003cdiv class=\\\"project-show container\\\"\u003e\\n        \u003cdiv class=\\\"row\\\"\u003e\\n            \u003cdiv class=\\\"col-md-10 offset-md-1 px-0 px-md-3\\\"\u003e\\n                \u003cdiv class=\\\"ks-bg-black w-100 mt-md-3\\\"\u003e\\n                    \u003cdiv class=\\\"runtime\\\"\u003e\\n                        \u003ciframe class=\\\"runtime-iframe\\\" id=\\\"sandbox\\\" style=\\\"background-image:url(https://cdn5.koding.school/uploads/project/screenshot/211835/becbcc8430151f11b71c8fe35a10a887.jpg)\\\"\u003e\u003c/iframe\u003e\u003cdiv class=\\\"runtime-loading js-runtime-loading\\\"\u003e\u003c/div\u003e\\n                        \u003cscript\u003e\\n                            // export runCode 給按鈕綁定\\n                            window.runCode = function () {\\n                                $('.js-runtime-loading').show();\\n                                var sandboxIframe = document.getElementById('sandbox');\\n                                sandboxIframe.src = SANDBOX_URL;\\n                                sandboxIframe.onload = function () {\\n                                    var sandboxIframe = document.getElementById('sandbox');\\n                                    sandboxIframe.contentWindow.postMessage({\\n                                        fn: 'focusStage'\\n                                    }, '*');\\n                                    setTimeout(function () {\\n                                        $('.js-runtime-loading').hide();\\n                                        $(sandboxIframe).css('background-image', '');\\n                                    }, 500);\\n                                };\\n                            };\\n                        \u003c/script\u003e\\n                        \u003cdiv class=\\\"black-cover js-execute-project\\\"\u003e\\n                            \u003cdiv class=\\\"player-btn\\\"\u003e\\n                                \u003cdiv class=\\\"shadow\\\"\u003e\u003c/div\u003e\\n                                \u003cdiv\u003e\\n                                    \u003cdiv\u003e\u003c/div\u003e\\n                                \u003c/div\u003e\\n                            \u003c/div\u003e\\n                        \u003c/div\u003e\\n                    \u003c/div\u003e\\n                \u003c/div\u003e\\n            \u003c/div\u003e\\n        \u003c/div\u003e\\n        \u003cdiv class=\\\"row\\\"\u003e\\n            \u003cdiv class=\\\"col-md-10 offset-md-1\\\"\u003e\\n                \u003cdiv class=\\\"project-controls mt-3 pb-2\\\"\u003e\\n                    \u003cdiv class=\\\"d-block d-md-flex w-100 justify-content-between\\\"\u003e\\n                        \u003cdiv class=\\\"left-blocks d-flex d-md-block w-100 justify-content-center\\\"\u003e\\n                            \u003cdiv class=\\\"btn btn-outline-gold d-inline-block js-execute-project\\\"\u003e\\n                                \u003ci class=\\\"fa fa-play\\\"\u003e\u003c/i\u003e\\n                            \u003c/div\u003e\\n                            \u003ch2 class=\\\"d-inline-block font-weight-normal project-name\\\"\u003etalking.net  --for let\u0026#39;s programmes\u003c/h2\u003e\u003cspan class=\\\"ml-2 badge badge-warning\\\"\u003eweb\u003c/span\u003e\\n                        \u003c/div\u003e\\n                        \u003cdiv class=\\\"right-blocks d-flex d-md-block w-100 justify-content-center mt-3 mt-md-0 text-right\\\"\u003e\\n                            \u003cdiv class=\\\"btn-group d-inline-block\\\" role=\\\"group\\\"\u003e\\n                                \u003cbutton class=\\\"btn btn-outline-secondary like-btn\\\" type=\\\"button\\\"\u003e\u003ci class=\\\"fa fa-heart mx-1\\\"\u003e\u003c/i\u003e\u003cspan class=\\\"likes-count\\\" data-likes-count=\\\"0\\\"\u003e0\u003c/span\u003e\u003c/button\u003e\u003cbutton class=\\\"btn btn-outline-secondary fb-share-btn\\\" type=\\\"button\\\"\u003e\u003ci class=\\\"fa fa-facebook mx-1\\\"\u003e\u003c/i\u003e分享\u003c/button\u003e\u003ca class=\\\"btn btn-outline-secondary view-code-btn\\\" href=\\\"/projects/ej9s223wk/edit\\\"\u003e\u003ci class=\\\"fa fa-code mx-1\\\"\u003e\u003c/i\u003e查看程式碼\u003c/a\u003e\\n                            \u003c/div\u003e\\n                            \u003cdiv class=\\\"dropdown d-inline-block ml-2\\\"\u003e\\n                                \u003ci class=\\\"fa fa-gear fa-2x option-btn\\\" data-toggle=\\\"dropdown\\\"\u003e\u003c/i\u003e\u003cdiv class=\\\"dropdown-menu dropdown-menu-right\\\"\u003e\\n                                    \u003ca class=\\\"dropdown-item js-toggle-published\\\" style=\\\"cursor: pointer;\\\"\u003e\u003ci class=\\\"fa fa-lock fa-2x mr-1\\\"\u003e\u003c/i\u003e\u003cspan\u003e解除公開\u003c/span\u003e\u003c/a\u003e\u003ca class=\\\"dropdown-item\\\" data-confirm=\\\"你確定嗎？\\\" rel=\\\"nofollow\\\" data-method=\\\"delete\\\" href=\\\"/projects/ej9s223wk\\\"\u003e\u003ci aria-hidden=\\\"true\\\" class=\\\"fa fa-trash fa-2x mr-1\\\"\u003e\u003c/i\u003e刪除專案\u003c/a\u003e\\n                                \u003c/div\u003e\\n                            \u003c/div\u003e\\n                        \u003c/div\u003e\\n                    \u003c/div\u003e\\n                \u003c/div\u003e\\n            \u003c/div\u003e\\n        \u003c/div\u003e\\n        \u003cdiv class=\\\"row\\\"\u003e\\n            \u003cdiv class=\\\"col-md-6 offset-md-1 mt-3\\\"\u003e\\n                \u003cdiv class=\\\"student-info\\\"\u003e\\n                    \u003cspan class=\\\"d-inline-block mr-4\\\"\u003e\u003cspan class=\\\"d-inline-block mr-2 font-weight-bold\\\"\u003e作者\u003c/span\u003e\u003ca class=\\\"student-link\\\" href=\\\"/resume/jayden0331\\\"\u003ejayden0331\u003c/a\u003e\u003c/span\u003e\u003cspan class=\\\"d-inline-block mr-4\\\"\u003e\u003cspan class=\\\"d-inline-block mr-2 font-weight-bold\\\"\u003e發布日期\u003c/span\u003e\u003cspan\u003e2020-12-12\u003c/span\u003e\u003c/span\u003e\u003cspan class=\\\"d-inline-block mr-4\\\"\u003e\u003cspan class=\\\"d-inline-block mr-2 font-weight-bold\\\"\u003e人氣\u003c/span\u003e\u003cspan\u003e2\u003c/span\u003e\u003c/span\u003e\\n                \u003c/div\u003e\\n                \u003cdiv class=\\\"nav ks-tabs mt-4 mb-3\\\"\u003e\\n                    \u003ca class=\\\"tab active show\\\" data-toggle=\\\"tab\\\" href=\\\"#project-intro\\\"\u003e專案介紹\u003c/a\u003e\\n                \u003c/div\u003e\\n                \u003cdiv class=\\\"tab-content\\\"\u003e\\n                    \u003cdiv class=\\\"tab-pane active\\\" id=\\\"project-intro\\\" role=\\\"tabpanel\\\"\u003e\\n                        \u003cdiv style=\\\"margin-bottom: 45px\\\"\u003e\\n                            \u003ch5\u003e操作說明\u003c/h5\u003e\u003cpre class=\\\"project-text\\\" data-name=\\\"project[description]\\\" itemprop=\\\"accessibilityControl\\\"\u003e\u003c/pre\u003e\\n                        \u003c/div\u003e\\n                        \u003cdiv style=\\\"margin-bottom: 45px\\\"\u003e\\n                            \u003ch5\u003e備註\u003c/h5\u003e\u003cpre class=\\\"project-text\\\" data-name=\\\"project[note]\\\" itemprop=\\\"description\\\"\u003e\u003c/pre\u003e\\n                        \u003c/div\u003e\\n                    \u003c/div\u003e\\n                \u003c/div\u003e\\n            \u003c/div\u003e\\n            \u003cdiv class=\\\"col-md-4 mt-3\\\"\u003e\\n                \u003cdiv class=\\\"ks-comments js-guestbook\\\" style=\\\"background-color: #ffffff; padding: 15px; border-radius: 5px;\\\"\u003e\\n                    \u003ch5\u003e留言 ({{comments.length}})\u003c/h5\u003e\u003cdiv class=\\\"ks-comment mb-4\\\"\u003e\\n                        \u003cdiv class=\\\"avatar\\\" style=\\\"background-image: url(https://cdn2.koding.school/assets/resume/avator-c1bf83f40b17d0c94c261e3599f205845d72093590d9681619b9e53460c9d47e.jpg)\\\"\u003e\u003c/div\u003e\\n                        \u003cdiv class=\\\"comment-body\\\"\u003e\\n                            \u003cform class=\\\"js-comment-form\\\"\u003e\\n                                \u003ctextarea class=\\\"js-comment-textarea\\\" placeholder=\\\"新增留言...\\\" style=\\\"width: 100%; height: 5rem; background-color: #f1f1f1; border-radius: 5px; border-color: transparent;\\\"\u003e\u003c/textarea\u003e\u003cdiv class=\\\"js-comment-detail-btns float-right\\\" style=\\\"display: none;\\\"\u003e\\n                                    \u003cbutton class=\\\"ks-btn ks-btn-sm ks-btn-gold js-comment-post-btn\\\" style=\\\"submit\\\"\u003e留言\u003c/button\u003e\\n                                \u003c/div\u003e\\n                            \u003c/form\u003e\\n                        \u003c/div\u003e\\n                    \u003c/div\u003e\\n                    \u003cdiv class=\\\"ks-comment\\\" v-for=\\\"comment in comments\\\"\u003e\\n                        \u003cdiv :style=\\\"{backgroundImage:\u0026#39;url(\u0026#39; + avatar(comment.avatar) + \u0026#39;)\u0026#39;}\\\" class=\\\"avatar\\\"\u003e\u003c/div\u003e\\n                        \u003cdiv class=\\\"comment-body\\\"\u003e\\n                            \u003cdiv class=\\\"title\\\"\u003e\\n                                \u003cstrong class=\\\"ks-orange\\\"\u003e{{comment\u0026.name}}\u003c/strong\u003e\u003csmall class=\\\"pl-2\\\"\u003e{{comment.created_at.slice(0, 10)}}\u003c/small\u003e\\n                            \u003c/div\u003e\\n                            \u003cdiv class=\\\"content\\\" itemprop=\\\"comment\\\"\u003e\\n                                {{comment\u0026.content}}\\n                            \u003c/div\u003e\\n                        \u003c/div\u003e\\n                    \u003c/div\u003e\\n                \u003c/div\u003e\\n            \u003c/div\u003e\\n        \u003c/div\u003e\\n    \u003c/div\u003e\\n    \u003cstyle type=\\\"text/css\\\"\u003e\\n        .footer a.ks-white:hover {\\n            color: #fff\\n        }\\n    \u003c/style\u003e\\n    \u003cdiv class=\\\"footer pt-4 ks-bg-dark ks-white\\\"\u003e\\n        \u003cdiv class=\\\"ks-container\\\"\u003e\\n            \u003cdiv class=\\\"row no-gutters\\\"\u003e\\n                \u003cdiv class=\\\"col-md-12\\\"\u003e\\n                    \u003cdiv class=\\\"px-3 px-md-5 py-4\\\"\u003e\\n                        \u003cdiv class=\\\"row\\\"\u003e\\n                            \u003cdiv class=\\\"col-md-6\\\"\u003e\\n                                \u003ch4 class=\\\"h5 ks-orange\\\"\u003e關於我們\u003c/h4\u003e\u003cp\u003e\\n                                    \u003csmall\u003e台灣兒童/少年程式教育的領航者，\\n                                        \u003cbr\u003e\\n                                        相信孩子掌握科技就能改變自己的未來，\\n                                        \u003cbr\u003e\\n                                        教學經驗豐富，累積學生數已達萬人以上。\\n                                    \u003c/small\u003e\\n                                \u003c/p\u003e\\n                            \u003c/div\u003e\\n                            \u003cdiv class=\\\"col-md-6\\\"\u003e\\n                                \u003ch4 class=\\\"h5 ks-orange\\\"\u003e聯絡我們\u003c/h4\u003e\u003cp\u003e\\n                                    \u003csmall\u003e\u003ca class=\\\"ks-white\\\" href=\\\"https://www.facebook.com/OrangeApplePad/\\\" target=\\\"_blank\\\"\u003e\u003ci class=\\\"fa fa-facebook-official\\\"\u003e\u0026nbsp;\u0026nbsp;\u003c/i\u003e\u003cu\u003e粉絲團\u003c/u\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca class=\\\"ks-white\\\" href=\\\"/cdn-cgi/l/email-protection#1f777a7373705f706d7e71787a7e6f6f737a317c70\\\"\u003e\u003ci class=\\\"fa fa-envelope\\\"\u003e\u0026nbsp;\u0026nbsp;\u003c/i\u003e\u003cu\u003e\u003cspan class=\\\"__cf_email__\\\" data-cfemail=\\\"48202d24242708273a29262f2d293838242d662b27\\\"\u003e[email\u0026#160;protected]\u003c/span\u003e\u003c/u\u003e\u003c/a\u003e\u003cbr /\u003e\u003ci class=\\\"fa fa-phone-square\\\"\u003e\u0026nbsp;\u0026nbsp;\u003c/i\u003e\u003cspan style=\\\"display: inline-block; vertical-align: text-top;\\\"\u003e(02) 7709-8229 (週一~週五 10:00~19:00)\\n                                        \u003cbr\u003e\\n                                        如無人接聽請留言，謝謝\\n                                    \u003c/span\u003e\u003c/small\u003e\\n                                \u003c/p\u003e\\n                            \u003c/div\u003e\\n                        \u003c/div\u003e\\n                    \u003c/div\u003e\\n                    \u003cdiv class=\\\"row no-gutters\\\"\u003e\\n                        \u003cdiv class=\\\"col-md-12 align-center mb-3\\\"\u003e\\n                            \u003chr style=\\\"opacity: .3; border-top: 1px solid #fff;\\\" /\u003e\u003csmall style=\\\"opacity: .3;\\\"\u003e© 2017-2020 橘子蘋果兒童程式學苑\u003c/small\u003e\\n                        \u003c/div\u003e\\n                    \u003c/div\u003e\\n                \u003c/div\u003e\\n            \u003c/div\u003e\\n        \u003c/div\u003e\\n    \u003c/div\u003e\\n    \u003cdiv aria-hidden=\\\"true\\\" aria-labelledby=\\\"myModalLabel\\\" class=\\\"modal fade\\\" id=\\\"new-project-modal\\\" role=\\\"dialog\\\" tabindex=\\\"-1\\\"\u003e\\n        \u003cdiv class=\\\"modal-dialog\\\" role=\\\"document\\\"\u003e\\n            \u003cdiv class=\\\"modal-content\\\"\u003e\\n                \u003cdiv class=\\\"modal-body\\\"\u003e\\n                    \u003cform action=\\\"/my/projects\\\" accept-charset=\\\"UTF-8\\\" method=\\\"post\\\"\u003e\\n                        \u003cinput name=\\\"utf8\\\" type=\\\"hidden\\\" value=\\\"\u0026#x2713;\\\" /\u003e\u003cinput type=\\\"hidden\\\" name=\\\"authenticity_token\\\" value=\\\"b32qlfHUk/adhGM57gafhMw5PvVpVYP7ZMDJ3jNYsRdEQfLRDKSlA+ojHfxGK6JkfZHC36vFzFG/AdMSZDjs8g==\\\" /\u003e\u003cdiv class=\\\"form-group row project-lang-item js-project-lang-item\\\" v-bind:class=\\\"language==\u0026#39;scratch3\u0026#39; ? \u0026#39;focus\u0026#39; : \u0026#39;\u0026#39;\\\" v-on:click=\\\"setLang(\u0026#39;scratch3\u0026#39;)\\\"\u003e\\n                            \u003cdiv class=\\\"col-3 logo\\\" style=\\\"background-image: url(https://cdn4.koding.school/assets/project/scratch-481d93a997b5aa17df1b611c27e0a06c2e4689405cf9ee68c70906c7d6bf37fe.png)\\\"\u003e\u003c/div\u003e\\n                            \u003cdiv class=\\\"col-9 description\\\"\u003e\\n                                \u003ch4 style=\\\"font-weight: 900;\\\"\u003eScratch3\u003c/h4\u003e\u003cp class=\\\"pt-1\\\"\u003e\\n                                    橘蘋學習平台 scratch3 測試版發布囉，馬上來試玩看看吧！\\n                                \u003c/p\u003e\\n                            \u003c/div\u003e\\n                        \u003c/div\u003e\\n                        \u003cdiv class=\\\"form-group row project-lang-item js-project-lang-item\\\" v-bind:class=\\\"language==\u0026#39;scratch\u0026#39; ? \u0026#39;focus\u0026#39; : \u0026#39;\u0026#39;\\\" v-on:click=\\\"setLang(\u0026#39;scratch\u0026#39;)\\\"\u003e\\n                            \u003cdiv class=\\\"col-3 logo\\\" style=\\\"background-image: url(https://cdn4.koding.school/assets/project/scratch-481d93a997b5aa17df1b611c27e0a06c2e4689405cf9ee68c70906c7d6bf37fe.png)\\\"\u003e\u003c/div\u003e\\n                            \u003cdiv class=\\\"col-9 description\\\"\u003e\\n                                \u003ch4 style=\\\"font-weight: 900;\\\"\u003eScratch\u003c/h4\u003e\u003cp class=\\\"pt-1\\\"\u003e\\n                                    最適合兒童學習的程式語言，親切的圖像化界面，你也能馬上上手！\\n                                \u003c/p\u003e\\n                            \u003c/div\u003e\\n                        \u003c/div\u003e\\n                        \u003cdiv class=\\\"form-group row project-lang-item js-project-lang-item\\\" v-bind:class=\\\"language==\u0026#39;javascript\u0026#39; ? \u0026#39;focus\u0026#39; : \u0026#39;\u0026#39;\\\" v-on:click=\\\"setLang(\u0026#39;javascript\u0026#39;)\\\"\u003e\\n                            \u003cdiv class=\\\"col-3 logo\\\" style=\\\"background-image: url(https://cdn2.koding.school/assets/project/javascript-d40cab739e13aa7b048d31aabf29c6c93acb5edc23433b5f47ef3c5a4ace863c.png)\\\"\u003e\u003c/div\u003e\\n                            \u003cdiv class=\\\"col-9 description\\\"\u003e\\n                                \u003ch4 style=\\\"font-weight: 900;\\\"\u003eJavaScript\u003c/h4\u003e\u003cp class=\\\"pt-1\\\"\u003e\\n                                    用全球最熱門的程式語言，創造出跨平台的程式專案！\\n                                \u003c/p\u003e\\n                            \u003c/div\u003e\\n                        \u003c/div\u003e\\n                        \u003cdiv class=\\\"form-group row project-lang-item js-project-lang-item\\\" v-bind:class=\\\"language==\u0026#39;web\u0026#39; ? \u0026#39;focus\u0026#39; : \u0026#39;\u0026#39;\\\" v-on:click=\\\"setLang(\u0026#39;web\u0026#39;)\\\"\u003e\\n                            \u003cdiv class=\\\"col-3 logo\\\" style=\\\"background-image: url(https://cdn6.koding.school/assets/project/web-55ac073d912deaecc8100aeeabbb29b741f9a566cc64435d965195b089f4ed6d.png)\\\"\u003e\u003c/div\u003e\\n                            \u003cdiv class=\\\"col-9 description\\\"\u003e\\n                                \u003ch4 style=\\\"font-weight: 900;\\\"\u003eWeb\u003c/h4\u003e\u003cp class=\\\"pt-1\\\"\u003e\\n                                    使用 HTML 和 CSS 做出漂亮精美的網站吧！\\n                                \u003c/p\u003e\\n                            \u003c/div\u003e\\n                        \u003c/div\u003e\\n                        \u003cdiv class=\\\"form-group row project-lang-item js-project-lang-item\\\" v-bind:class=\\\"language==\u0026#39;microbit\u0026#39; ? \u0026#39;focus\u0026#39; : \u0026#39;\u0026#39;\\\" v-on:click=\\\"setLang(\u0026#39;microbit\u0026#39;)\\\"\u003e\\n                            \u003cdiv class=\\\"col-3 logo\\\" style=\\\"background-image: url(https://cdn3.koding.school/assets/project/microbit-ad8a7d72fd8c8df78bc37545d0078775ef02356ce081cd621b083aa19f386999.png)\\\"\u003e\u003c/div\u003e\\n                            \u003cdiv class=\\\"col-9 description\\\"\u003e\\n                                \u003ch4 style=\\\"font-weight: 900;\\\"\u003eMicro:Bit\u003c/h4\u003e\u003cp class=\\\"pt-1\\\"\u003e\\n                                    在全世界最看好的程式教育開發板 micro:bit 上面開發你的物聯網程式吧！\\n                                \u003c/p\u003e\\n                            \u003c/div\u003e\\n                        \u003c/div\u003e\\n                        \u003cdiv class=\\\"form-group row project-lang-item js-project-lang-item\\\" v-bind:class=\\\"language==\u0026#39;ozoblockly\u0026#39; ? \u0026#39;focus\u0026#39; : \u0026#39;\u0026#39;\\\" v-on:click=\\\"setLang(\u0026#39;ozoblockly\u0026#39;)\\\"\u003e\\n                            \u003cdiv class=\\\"col-3 logo\\\" style=\\\"background-image: url(https://cdn2.koding.school/assets/project/ozoblockly-59c0f22ee663245c916d6117c1873259e335e3079b3b46209c17ce2b8cf1010c.png)\\\"\u003e\u003c/div\u003e\\n                            \u003cdiv class=\\\"col-9 description\\\"\u003e\\n                                \u003ch4 style=\\\"font-weight: 900;\\\"\u003eOzobot\u003c/h4\u003e\u003cp class=\\\"pt-1\\\"\u003e\\n                                    拖拉指令積木，隨心所欲控制路徑機器人 Ozobot！\\n                                \u003c/p\u003e\\n                            \u003c/div\u003e\\n                        \u003c/div\u003e\\n                        \u003cdiv class=\\\"form-group row project-lang-item js-project-lang-item\\\" v-bind:class=\\\"language==\u0026#39;appinventor\u0026#39; ? \u0026#39;focus\u0026#39; : \u0026#39;\u0026#39;\\\" v-on:click=\\\"setLang(\u0026#39;appinventor\u0026#39;)\\\"\u003e\\n                            \u003cdiv class=\\\"col-3 logo\\\" style=\\\"background-image: url(https://cdn5.koding.school/assets/project/appinventor-0ebd807209e4777038f3011bed83aaf1c4345698aea301f52f01f635c501fd3c.png)\\\"\u003e\u003c/div\u003e\\n                            \u003cdiv class=\\\"col-9 description\\\"\u003e\\n                                \u003ch4 style=\\\"font-weight: 900;\\\"\u003eApp Inventor\u003c/h4\u003e\u003cp class=\\\"pt-1\\\"\u003e\\n                                    使用積木語言，來快速開發您的手機應用程式\\n                                \u003c/p\u003e\\n                            \u003c/div\u003e\\n                        \u003c/div\u003e\\n                        \u003cdiv class=\\\"form-group row project-lang-item js-project-lang-item\\\" v-bind:class=\\\"language==\u0026#39;python\u0026#39; ? \u0026#39;focus\u0026#39; : \u0026#39;\u0026#39;\\\" v-on:click=\\\"setLang(\u0026#39;python\u0026#39;)\\\"\u003e\\n                            \u003cdiv class=\\\"col-3 logo\\\" style=\\\"background-image: url(https://cdn2.koding.school/assets/project/python-670db925754ac1b1bcd6142029351044bb85b0fbb0b8b9d0a1843477dbe776ba.png)\\\"\u003e\u003c/div\u003e\\n                            \u003cdiv class=\\\"col-9 description\\\"\u003e\\n                                \u003ch4 style=\\\"font-weight: 900;\\\"\u003ePython\u003c/h4\u003e\u003cp class=\\\"pt-1\\\"\u003e\\n                                    用簡潔、優美的語法，開發生動有趣的小遊戲！\\n                                \u003c/p\u003e\\n                            \u003c/div\u003e\\n                        \u003c/div\u003e\\n                        \u003cdiv class=\\\"form-group row\\\" style=\\\"display: none\\\"\u003e\\n                            \u003cinput id=\\\"project_language\\\" name=\\\"project[language]\\\" type=\\\"text\\\" v-model=\\\"language\\\" /\u003e\\n                        \u003c/div\u003e\\n                        \u003cdiv class=\\\"form-group row\\\" style=\\\"margin: 15px 10px 0px 10px\\\"\u003e\\n                            \u003cdiv class=\\\"input-group\\\"\u003e\\n                                \u003cinput class=\\\"form-control\\\" id=\\\"project_name\\\" name=\\\"project[name]\\\" placeholder=\\\"請輸入專案名稱...\\\" type=\\\"text\\\" v-model=\\\"name\\\" /\u003e\u003cspan class=\\\"input-group-btn\\\"\u003e\u003cinput type=\\\"submit\\\" name=\\\"commit\\\" value=\\\"新增作品\\\" class=\\\"btn btn-primary\\\" v-bind:disabled=\\\"!isValidName\\\" data-disable-with=\\\"新增作品\\\" /\u003e\u003c/span\u003e\\n                            \u003c/div\u003e\\n                            \u003cdiv class=\\\"input-group\\\"\u003e\\n                                \u003cdiv style=\\\" color: red; font-size: 12px; font-weight: 500; margin-top: 5px;\\\" v-if=\\\"!isValidName\u0026amp;\u0026amp; language === \u0026#39;appinventor\u0026#39;\\\"\u003e\\n                                    專案名稱必須為英文字母開頭 且 必須為由英文或數字組成\\n                                \u003c/div\u003e\\n                            \u003c/div\u003e\\n                        \u003c/div\u003e\\n                    \u003c/form\u003e\\n                \u003c/div\u003e\\n            \u003c/div\u003e\\n        \u003c/div\u003e\\n    \u003c/div\u003e\\n    \u003cdiv aria-hidden=\\\"true\\\" class=\\\"modal fade\\\" id=\\\"quickAttend\\\" role=\\\"dialog\\\" tabindex=\\\"-1\\\"\u003e\\n        \u003cdiv class=\\\"modal-dialog\\\" role=\\\"document\\\" style=\\\"max-width: 400px\\\"\u003e\\n            \u003cform action=\\\"/courses/attend\\\" accept-charset=\\\"UTF-8\\\" method=\\\"post\\\"\u003e\\n                \u003cinput name=\\\"utf8\\\" type=\\\"hidden\\\" value=\\\"\u0026#x2713;\\\" /\u003e\u003cinput type=\\\"hidden\\\" name=\\\"authenticity_token\\\" value=\\\"yoQD8qgZkK8tAxJ9prYQ9uEnBvhCGxDwqNUSe5vMtHrhuFu2VWmmWlqkbLgOmy0WUI/60oCLX1pzFAi3zKzpnw==\\\" /\u003e\u003cdiv class=\\\"modal-content\\\" style=\\\"padding: 5px 10px;\\\"\u003e\\n                    \u003cdiv class=\\\"modal-header\\\" style=\\\"padding: 10px;\\\"\u003e\\n                        \u003ch5 style=\\\"text-align: center; width: 100%; margin: 0;\\\"\u003e我有邀請碼\u003c/h5\u003e\\n                    \u003c/div\u003e\\n                    \u003cdiv class=\\\"modal-body\\\" style=\\\"align-items: center; justify-content: center;\\\"\u003e\\n                        \u003cdiv class=\\\"form-group\\\"\u003e\\n                            \u003clabel style=\\\"display: inline-block; margin: 5px 0; font-size: 14px; color: #333;\\\"\u003e請輸入邀請碼：\u003c/label\u003e\u003cinput class=\\\"form-control\\\" name=\\\"invitation_code\\\" placeholder=\\\"邀請碼 e.g. 1a2b3c\\\" required=\\\"required\\\" /\u003e\u003csmall class=\\\"d-none code-message\\\" style=\\\"color: red;\\\"\u003e無效的邀請碼\u003c/small\u003e\\n                        \u003c/div\u003e\\n                        \u003cdiv class=\\\"form-group\\\"\u003e\\n                            \u003clabel style=\\\"display: inline-block; margin: 5px 0; font-size: 14px; color: #333;\\\"\u003e課程\u003c/label\u003e\u003cselect class=\\\"form-control\\\" disabled=\\\"disabled\\\" name=\\\"slug\\\" placeholder=\\\"邀請碼 e.g. 1a2b3c\\\" required=\\\"required\\\"\u003e\u003coption value=\\\"\\\"\u003e請選擇課程\u003c/option\u003e\u003c/select\u003e\\n                        \u003c/div\u003e\\n                    \u003c/div\u003e\\n                    \u003cdiv class=\\\"modal-footer\\\" style=\\\"padding: 5px 15px;\\\"\u003e\\n                        \u003cinput class=\\\"btn btn-primary btn-sm\\\" style=\\\"width: 50px;\\\" type=\\\"submit\\\" value=\\\"送出\\\" /\u003e\u003cbutton class=\\\"btn btn-sm\\\" data-dismiss=\\\"modal\\\" style=\\\"color: #333; width: 50px; background-color: #fff; border: 1px solid; border-color: #ccc;\\\" type=\\\"button\\\"\u003e關閉\u003c/button\u003e\\n                    \u003c/div\u003e\\n                \u003c/div\u003e\\n            \u003c/form\u003e\\n        \u003c/div\u003e\\n    \u003c/div\u003e\\n    \u003cdiv aria-hidden=\\\"true\\\" class=\\\"modal fade\\\" id=\\\"potentialStudentModal\\\"\u003e\\n        \u003cdiv class=\\\"modal-dialog\\\" role=\\\"document\\\" style=\\\"max-width: 540px\\\"\u003e\\n            \u003cdiv class=\\\"modal-content\\\"\u003e\\n                \u003cdiv class=\\\"modal-body\\\" style=\\\"padding: 20px\\\"\u003e\\n                    \u003cform action=\\\"/potential_students\\\" accept-charset=\\\"UTF-8\\\" data-remote=\\\"true\\\" method=\\\"post\\\"\u003e\\n                        \u003cinput name=\\\"utf8\\\" type=\\\"hidden\\\" value=\\\"\u0026#x2713;\\\" /\u003e\u003cdiv class=\\\"form-group row\\\"\u003e\\n                            \u003clabel class=\\\"col-3 col-form-label text-center\\\" style=\\\"padding-left: 0; padding-right: 0\\\" for=\\\"potential_student_contact_name\\\"\u003e聯絡人姓名\u003c/label\u003e\u003cdiv class=\\\"col-9\\\"\u003e\\n                                \u003cinput class=\\\"form-control\\\" required=\\\"required\\\" placeholder=\\\"在此處填寫您的姓名\\\" type=\\\"text\\\" name=\\\"potential_student[contact_name]\\\" id=\\\"potential_student_contact_name\\\" /\u003e\\n                            \u003c/div\u003e\\n                        \u003c/div\u003e\\n                        \u003cdiv class=\\\"form-group row\\\"\u003e\\n                            \u003clabel class=\\\"col-3 col-form-label text-center\\\" style=\\\"padding-left: 0; padding-right: 0\\\" for=\\\"potential_student_contact_phone\\\"\u003e聯絡人電話\u003c/label\u003e\u003cdiv class=\\\"col-9\\\"\u003e\\n                                \u003cinput class=\\\"form-control\\\" type=\\\"tel\\\" required=\\\"required\\\" placeholder=\\\"在此處填寫您的電話\\\" name=\\\"potential_student[contact_phone]\\\" id=\\\"potential_student_contact_phone\\\" /\u003e\\n                            \u003c/div\u003e\\n                        \u003c/div\u003e\\n                        \u003cdiv class=\\\"form-group row\\\"\u003e\\n                            \u003clabel class=\\\"col-3 col-form-label text-center\\\" style=\\\"padding-left: 0; padding-right: 0\\\" for=\\\"potential_student_contact_email\\\"\u003e聯絡人 Email\u003c/label\u003e\u003cdiv class=\\\"col-9\\\"\u003e\\n                                \u003cinput class=\\\"form-control\\\" type=\\\"email\\\" required=\\\"required\\\" placeholder=\\\"在此處填寫您的 Email\\\" name=\\\"potential_student[contact_email]\\\" id=\\\"potential_student_contact_email\\\" /\u003e\\n                            \u003c/div\u003e\\n                        \u003c/div\u003e\\n                        \u003cdiv class=\\\"form-group row\\\"\u003e\\n                            \u003clabel class=\\\"col-3 col-form-label text-center\\\" style=\\\"padding-left: 0; padding-right: 0\\\" for=\\\"potential_student_birthday\\\"\u003e學生生日\u003c/label\u003e\u003cdiv class=\\\"col-9\\\"\u003e\\n                                \u003cinput class=\\\"form-control\\\" type=\\\"date\\\" name=\\\"potential_student[birthday]\\\" id=\\\"potential_student_birthday\\\" /\u003e\\n                            \u003c/div\u003e\\n                        \u003c/div\u003e\\n                        \u003cdiv class=\\\"form-group row\\\" style=\\\"margin-bottom: 0;\\\"\u003e\\n                            \u003cdiv class=\\\"col-12\\\"\u003e\\n                                \u003cinput class=\\\"btn btn-success\\\" style=\\\"width: 100%\\\" type=\\\"submit\\\" value=\\\"送出\\\" /\u003e\\n                            \u003c/div\u003e\\n                        \u003c/div\u003e\\n                    \u003c/form\u003e\\n                \u003c/div\u003e\\n            \u003c/div\u003e\\n        \u003c/div\u003e\\n    \u003c/div\u003e\\n    \u003cdiv class=\\\"fixed-buttons-wrapper\\\"\u003e\\n        \u003cbutton class=\\\"btn btn-block btn-danger cursor-pointer\\\" data-target=\\\"#potentialStudentModal\\\" data-toggle=\\\"modal\\\"\u003e想學程式設計嗎？點我取得免費諮詢\u003c/button\u003e\u003ca class=\\\"btn btn-block btn-primary\\\" href=\\\"https://orangeapple.co/partners\\\" target=\\\"_blank\\\"\u003e我是學校教師，我要獲得免費課程\u003c/a\u003e\\n    \u003c/div\u003e\\n    \u003cscript data-cfasync=\\\"false\\\" src=\\\"/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js\\\"\u003e\u003c/script\u003e\\n    \u003cscript src=\\\"https://cdn1.koding.school/assets/application-c5c2540148c75ed9e38ce940a24713794aa55a3a668b6efba31d8714be17ae14.js\\\" defer=\\\"defer\\\"\u003e\u003c/script\u003e\\n    \u003cscript\u003e\\n        SWAL_MESSAGES = {};\\n        document.addEventListener('DOMContentLoaded', function () {\\n            for (var type in SWAL_MESSAGES) {\\n                var msg = SWAL_MESSAGES[type];\\n                swal(\\n                    '',\\n                    msg,\\n                    type\\n                )\\n            }\\n        });\\n    \u003c/script\u003e\\n\u003c/body\u003e\\n\u003c/html\u003e\",\"css\":\"/* 設定整個頁面內容水平置中、內寬為 30 像素：*/\\nbody {\\n    text-align: center;\\n    padding: 30px;\\n}\\n\\n/* 設定圖片的寬度為銀幕一半寬 */\\nimg {    \\n    max-width: 50%; \\n}\\n\\n/* 設定文字的顏色為淡黑色 */\\np {\\n    color: #555555;\\n}\",\"js\":\"// 創造一個函式指令 hello：\\nfunction hello () {\\n    // 讓網頁跳出文字訊息：\\n    alert('叩叮：\\\\n嗨你好～ 讓我們一起加油寫出漂漂亮亮的網頁唄！');\\n}\"}","created_at":"2020-12-16T19:29:58.073+08:00","updated_at":"2020-12-16T19:31:06.475+08:00","name":"5","language":"web","screenshot":{"url":null},"parent_id":3,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":43,"hashid":"ej9s22nj2","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}