PageSourceSearch

https://hkstem.club/blogs/blog

html hkstem.club collected 2026-09-25 22:01:49 UTC 143,618 bytes, 1,908 lines download raw bytes

1<!doctype html>
2<html class="no-js" lang="zh-TW">
3  <head>
4    
5
6<meta name="google-site-verification" content="02WCFSsa2Synww9ks6RDRNj5j2dXab_fZ_RuS97yL3c" />
7
8<meta charset="utf-8">
9    <meta http-equiv="X-UA-Compatible" content="IE=edge">
10    <meta name="viewport" content="width=device-width,initial-scale=1">
11    <meta name="theme-color" content="">
12    <link rel="canonical" href="https://hkstem.club/blogs/blog">
13    <link rel="preconnect" href="https://cdn.shopify.com" crossorigin><link rel="icon" type="image/png" href="//hkstem.club/cdn/shop/files/cropped-web-logo-hk-stem-removebg-preview.png?crop=center&height=32&v=1679635054&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>
14      HK STEM Blog
15 &ndash; HK STEM CLUB</title>
16
17    
18      <meta name="description" content="歡迎來到HK STEM CLUB。我們很高興為您提供豐富多元的STEM教育產品,鼓勵學習與創造力的發展。對於尋找高品質STEM教育的家長、教育工作者和學生而言,這是一個完美的目的地。">
19    
20
21    
22
23<meta property="og:site_name" content="HK STEM CLUB">
24<meta property="og:url" content="https://hkstem.club/blogs/blog">
25<meta property="og:title" content="HK STEM Blog">
26<meta property="og:type" content="website">
27<meta property="og:description" content="歡迎來到HK STEM CLUB。我們很高興為您提供豐富多元的STEM教育產品,鼓勵學習與創造力的發展。對於尋找高品質STEM教育的家長、教育工作者和學生而言,這是一個完美的目的地。"><meta name="twitter:card" content="summary_large_image">
28<meta name="twitter:title" content="HK STEM Blog">
29<meta name="twitter:description" content="歡迎來到HK STEM CLUB。我們很高興為您提供豐富多元的STEM教育產品,鼓勵學習與創造力的發展。對於尋找高品質STEM教育的家長、教育工作者和學生而言,這是一個完美的目的地。">
30
31
32    
32<script src="//hkstem.club/cdn/shop/t/2/assets/constants.js?v=165488195745554878101679578732" defer="defer"></script>
32
33    
33<script src="//hkstem.club/cdn/shop/t/2/assets/pubsub.js?v=2921868252632587581679578732" defer="defer"></script>
33
34    
34<script src="//hkstem.club/cdn/shop/t/2/assets/global.js?v=85297797553816670871679578732" defer="defer"></script>
34
35    
35<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
35<meta name="google-site-verification" content="02WCFSsa2Synww9ks6RDRNj5j2dXab_fZ_RuS97yL3c">
36<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/73692971303/digital_wallets/dialog">
37<meta id="in-context-paypal-metadata" data-shop-id="73692971303" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
38<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" type="application/atom+xml" title="Feed" href="/blogs/blog.atom" />
39<link rel="next" href="/blogs/blog?page=2">
40<script async="async" src="/checkouts/internal/preloads.js?locale=zh-US"></script>
40
41<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
42<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=zh-US&shop_id=73692971303" crossorigin="anonymous"></script>
vendor: 1 bytes, line 42
42
43<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":73692971303,"countryCode":"HK","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/73692971303","merchantName":"HK STEM CLUB","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex"],"total":{"type":"pending","label":"HK STEM CLUB","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 43
43
44<script id="shopify-features" type="application/json">{"accessToken":"4ff6e6a1c2b820eef643cca1d4cc07e4","betas":["rich-media-storefront-analytics"],"domain":"hkstem.club","predictiveSearch":false,"shopId":73692971303,"locale":"zh-tw"}</script>
vendor: 1 bytes, line 44
44
45<script>var Shopify = Shopify || {};
46Shopify.shop = "hk-stem-club.myshopify.com";
47Shopify.locale = "zh-TW";
48Shopify.currency = {"active":"USD","rate":"0.13003368"};
49Shopify.country = "US";
50Shopify.theme = {"name":"Custom Dawn","id":145931501863,"schema_name":"Dawn","schema_version":"8.0.0","theme_store_id":null,"role":"main"};
51Shopify.theme.handle = "null";
52Shopify.theme.style = {"id":null,"handle":null};
53Shopify.cdnHost = "hkstem.club/cdn";
54Shopify.routes = Shopify.routes || {};
55Shopify.routes.root = "/";
56Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
57Shopify.SignInWithShop = Shopify.SignInWithShop || {};
58Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
59Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 59
59
60<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 60
60
61<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 61
61
62<script>
63  window.ShopifyPay = window.ShopifyPay || {};
64  window.ShopifyPay.apiHost = "shop.app\/pay";
65  window.ShopifyPay.redirectState = null;
66</script>
vendor: 1 bytes, line 66
66
67<script>
68  window.Shopify = window.Shopify || {};
69  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
70  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
71  window.Shopify.SignInWithShop.eligible = true;
72</script>
vendor: 1 bytes, line 72
72
73<script id="shop-js-analytics" type="application/json">{"pageType":"blog"}</script>
vendor: 1 bytes, line 73
73
74<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.zh-TW.esm.js"></script>
vendor: 1 bytes, line 74
74
75<script type="module">
76  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.zh-TW.esm.js");
77
78  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
79
80</script>
vendor: 1 bytes, line 80
80
81<script>
82  window.Shopify = window.Shopify || {};
83  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
84  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.zh-TW.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.zh-TW.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.zh-TW.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.zh-TW.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.zh-TW.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.zh-TW.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.zh-TW.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.zh-TW.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.zh-TW.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.zh-TW.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.zh-TW.esm.js"],"listener":["modules/v2/loader.listener.zh-TW.esm.js"],"pay-button":["modules/v2/loader.pay-button.zh-TW.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.zh-TW.esm.js"],"shop-button":["modules/v2/loader.shop-button.zh-TW.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.zh-TW.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.zh-TW.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.zh-TW.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.zh-TW.esm.js"],"shop-login":["modules/v2/loader.shop-login.zh-TW.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.zh-TW.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.zh-TW.esm.js"]};
85</script>
vendor: 1 bytes, line 85
85
86<script>(function() {
87  var isLoaded = false;
88  function asyncLoad() {
89    if (isLoaded) return;
90    isLoaded = true;
91    var urls = ["https:\/\/pickup-location-app.shipany.click\/shopify\/344dfd3e-3269-453b-8ad0-5800da50871e-Delivery-Options\/Shopify-App-Delivery-Options.js?shop=hk-stem-club.myshopify.com"];
92    for (var i = 0; i < urls.length; i++) {
93      var s = document.createElement('script');
94      s.type = 'text/javascript';
95      s.async = true;
96      s.src = urls[i];
97      var x = document.getElementsByTagName('script')[0];
98      x.parentNode.insertBefore(s, x);
99    }
100  };
101  if(window.attachEvent) {
102    window.attachEvent('onload', asyncLoad);
103  } else {
104    window.addEventListener('load', asyncLoad, false);
105  }
106})();</script>
vendor: 1 bytes, line 106
106
107<script id="__st">var __st={"a":73692971303,"offset":28800,"reqid":"c368075c-30bd-4d8d-b721-a4e6d6c49dea-1790373709","pageurl":"hkstem.club\/blogs\/blog","s":"blogs-96300171559","u":"3ca734832514","p":"blog","rtyp":"blog","rid":96300171559};</script>
vendor: 1 bytes, line 107
107
108<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 108
108
109<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'已受到 hCaptcha 保護',privacyText:'隱私',termsText:'條款'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 109
109
110<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//hkstem.club/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 110
110
111<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//hkstem.club/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
111<script crossorigin="anonymous" defer="defer" src="//hkstem.club/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 111
111
112<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 112
112
113<script>
114  window.Shopify = window.Shopify || {};
115  window.Shopify.MCP = window.Shopify.MCP || {};
116  window.Shopify.MCP.enabled = true;
117  window.Shopify.MCP.shop = "hk-stem-club.myshopify.com";
118  window.Shopify.MCP.mcpEndpoint = "https:\/\/hkstem.club\/api\/mcp";
119  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
120</script>
vendor: 1 bytes, line 120
120
121<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/hkstem.club\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
122</script>
vendor: 1 bytes, line 122
122
123<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://hkstem.club/cdn/shopifycloud/portable-wallets/latest/portable-wallets.zh-tw.js",t.type="module",document.head.appendChild(t)}};
124</script>
vendor: 1 bytes, line 124
124
125<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
126  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
127</script>
vendor: 1 bytes, line 127
127
128<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
129</script>
129
130<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://hkstem.club/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
131<style id="shopify-accelerated-checkout-cart">
132        #shopify-buyer-consent {
133  margin-top: 1em;
134  display: inline-block;
135  width: 100%;
136}
137
138#shopify-buyer-consent.hidden {
139  display: none;
140}
141
142#shopify-subscription-policy-button {
143  background: none;
144  border: none;
145  padding: 0;
146  text-decoration: underline;
147  font-size: inherit;
148  cursor: pointer;
149}
150
151#shopify-subscription-policy-button::before {
152  box-shadow: none;
153}
154
155      </style>
156<script id="sections-script" data-sections="header,footer" defer="defer" src="//hkstem.club/cdn/shop/t/2/compiled_assets/scripts.js?v=103543264389323779441679578753"></script>
vendor: 1 bytes, line 156
156
157<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
157
158
159
160    <style data-shopify>
161      @font-face {
162  font-family: Lato;
163  font-weight: 400;
164  font-style: normal;
165  font-display: swap;
166  src: url("//hkstem.club/cdn/fonts/lato/lato_n4.c3b93d431f0091c8be23185e15c9d1fee1e971c5.woff2") format("woff2"),
167       url("//hkstem.club/cdn/fonts/lato/lato_n4.d5c00c781efb195594fd2fd4ad04f7882949e327.woff") format("woff");
168}
169
170      @font-face {
171  font-family: Lato;
172  font-weight: 700;
173  font-style: normal;
174  font-display: swap;
175  src: url("//hkstem.club/cdn/fonts/lato/lato_n7.900f219bc7337bc57a7a2151983f0a4a4d9d5dcf.woff2") format("woff2"),
176       url("//hkstem.club/cdn/fonts/lato/lato_n7.a55c60751adcc35be7c4f8a0313f9698598612ee.woff") format("woff");
177}
178
179      @font-face {
180  font-family: Lato;
181  font-weight: 400;
182  font-style: italic;
183  font-display: swap;
184  src: url("//hkstem.club/cdn/fonts/lato/lato_i4.09c847adc47c2fefc3368f2e241a3712168bc4b6.woff2") format("woff2"),
185       url("//hkstem.club/cdn/fonts/lato/lato_i4.3c7d9eb6c1b0a2bf62d892c3ee4582b016d0f30c.woff") format("woff");
186}
187
188      @font-face {
189  font-family: Lato;
190  font-weight: 700;
191  font-style: italic;
192  font-display: swap;
193  src: url("//hkstem.club/cdn/fonts/lato/lato_i7.16ba75868b37083a879b8dd9f2be44e067dfbf92.woff2") format("woff2"),
194       url("//hkstem.club/cdn/fonts/lato/lato_i7.4c07c2b3b7e64ab516aa2f2081d2bb0366b9dce8.woff") format("woff");
195}
196
197      @font-face {
198  font-family: Lato;
199  font-weight: 700;
200  font-style: normal;
201  font-display: swap;
202  src: url("//hkstem.club/cdn/fonts/lato/lato_n7.900f219bc7337bc57a7a2151983f0a4a4d9d5dcf.woff2") format("woff2"),
203       url("//hkstem.club/cdn/fonts/lato/lato_n7.a55c60751adcc35be7c4f8a0313f9698598612ee.woff") format("woff");
204}
205
206
207      :root {
208        --font-body-family: Lato, sans-serif;
209        --font-body-style: normal;
210        --font-body-weight: 400;
211        --font-body-weight-bold: 700;
212
213        --font-heading-family: Lato, sans-serif;
214        --font-heading-style: normal;
215        --font-heading-weight: 700;
216
217        --font-body-scale: 1.0;
218        --font-heading-scale: 1.0;
219
220        --color-base-text: 18, 18, 18;
221        --color-shadow: 18, 18, 18;
222        --color-base-background-1: 255, 255, 255;
223        --color-base-background-2: 243, 243, 243;
224        --color-base-solid-button-labels: 255, 255, 255;
225        --color-base-outline-button-labels: 18, 18, 18;
226        --color-base-accent-1: 18, 18, 18;
227        --color-base-accent-2: 51, 79, 180;
228        --payment-terms-background-color: #ffffff;
229
230        --gradient-base-background-1: #ffffff;
231        --gradient-base-background-2: #f3f3f3;
232        --gradient-base-accent-1: #121212;
233        --gradient-base-accent-2: #334fb4;
234
235        --media-padding: px;
236        --media-border-opacity: 0.05;
237        --media-border-width: 1px;
238        --media-radius: 0px;
239        --media-shadow-opacity: 0.0;
240        --media-shadow-horizontal-offset: 0px;
241        --media-shadow-vertical-offset: 4px;
242        --media-shadow-blur-radius: 5px;
243        --media-shadow-visible: 0;
244
245        --page-width: 120rem;
246        --page-width-margin: 0rem;
247
248        --product-card-image-padding: 0.0rem;
249        --product-card-corner-radius: 0.0rem;
250        --product-card-text-alignment: left;
251        --product-card-border-width: 0.0rem;
252        --product-card-border-opacity: 0.1;
253        --product-card-shadow-opacity: 0.0;
254        --product-card-shadow-visible: 0;
255        --product-card-shadow-horizontal-offset: 0.0rem;
256        --product-card-shadow-vertical-offset: 0.4rem;
257        --product-card-shadow-blur-radius: 0.5rem;
258
259        --collection-card-image-padding: 0.0rem;
260        --collection-card-corner-radius: 0.0rem;
261        --collection-card-text-alignment: left;
262        --collection-card-border-width: 0.0rem;
263        --collection-card-border-opacity: 0.1;
264        --collection-card-shadow-opacity: 0.0;
265        --collection-card-shadow-visible: 0;
266        --collection-card-shadow-horizontal-offset: 0.0rem;
267        --collection-card-shadow-vertical-offset: 0.4rem;
268        --collection-card-shadow-blur-radius: 0.5rem;
269
270        --blog-card-image-padding: 0.0rem;
271        --blog-card-corner-radius: 0.0rem;
272        --blog-card-text-alignment: left;
273        --blog-card-border-width: 0.0rem;
274        --blog-card-border-opacity: 0.1;
275        --blog-card-shadow-opacity: 0.0;
276        --blog-card-shadow-visible: 0;
277        --blog-card-shadow-horizontal-offset: 0.0rem;
278        --blog-card-shadow-vertical-offset: 0.4rem;
279        --blog-card-shadow-blur-radius: 0.5rem;
280
281        --badge-corner-radius: 4.0rem;
282
283        --popup-border-width: 1px;
284        --popup-border-opacity: 0.1;
285        --popup-corner-radius: 0px;
286        --popup-shadow-opacity: 0.0;
287        --popup-shadow-horizontal-offset: 0px;
288        --popup-shadow-vertical-offset: 4px;
289        --popup-shadow-blur-radius: 5px;
290
291        --drawer-border-width: 1px;
292        --drawer-border-opacity: 0.1;
293        --drawer-shadow-opacity: 0.0;
294        --drawer-shadow-horizontal-offset: 0px;
295        --drawer-shadow-vertical-offset: 4px;
296        --drawer-shadow-blur-radius: 5px;
297
298        --spacing-sections-desktop: 0px;
299        --spacing-sections-mobile: 0px;
300
301        --grid-desktop-vertical-spacing: 8px;
302        --grid-desktop-horizontal-spacing: 8px;
303        --grid-mobile-vertical-spacing: 4px;
304        --grid-mobile-horizontal-spacing: 4px;
305
306        --text-boxes-border-opacity: 0.1;
307        --text-boxes-border-width: 0px;
308        --text-boxes-radius: 0px;
309        --text-boxes-shadow-opacity: 0.0;
310        --text-boxes-shadow-visible: 0;
311        --text-boxes-shadow-horizontal-offset: 0px;
312        --text-boxes-shadow-vertical-offset: 4px;
313        --text-boxes-shadow-blur-radius: 5px;
314
315        --buttons-radius: 0px;
316        --buttons-radius-outset: 0px;
317        --buttons-border-width: 1px;
318        --buttons-border-opacity: 1.0;
319        --buttons-shadow-opacity: 0.0;
320        --buttons-shadow-visible: 0;
321        --buttons-shadow-horizontal-offset: 0px;
322        --buttons-shadow-vertical-offset: 4px;
323        --buttons-shadow-blur-radius: 5px;
324        --buttons-border-offset: 0px;
325
326        --inputs-radius: 0px;
327        --inputs-border-width: 1px;
328        --inputs-border-opacity: 0.55;
329        --inputs-shadow-opacity: 0.0;
330        --inputs-shadow-horizontal-offset: 0px;
331        --inputs-margin-offset: 0px;
332        --inputs-shadow-vertical-offset: 4px;
333        --inputs-shadow-blur-radius: 5px;
334        --inputs-radius-outset: 0px;
335
336        --variant-pills-radius: 40px;
337        --variant-pills-border-width: 1px;
338        --variant-pills-border-opacity: 0.55;
339        --variant-pills-shadow-opacity: 0.0;
340        --variant-pills-shadow-horizontal-offset: 0px;
341        --variant-pills-shadow-vertical-offset: 4px;
342        --variant-pills-shadow-blur-radius: 5px;
343      }
344
345      *,
346      *::before,
347      *::after {
348        box-sizing: inherit;
349      }
350
351      html {
352        box-sizing: border-box;
353        font-size: calc(var(--font-body-scale) * 62.5%);
354        height: 100%;
355      }
356
357      body {
358        display: grid;
359        grid-template-rows: auto auto 1fr auto;
360        grid-template-columns: 100%;
361        min-height: 100%;
362        margin: 0;
363        font-size: 1.5rem;
364        letter-spacing: 0.06rem;
365        line-height: calc(1 + 0.8 / var(--font-body-scale));
366        font-family: var(--font-body-family);
367        font-style: var(--font-body-style);
368        font-weight: var(--font-body-weight);
369      }
370
371      @media screen and (min-width: 750px) {
372        body {
373          font-size: 1.6rem;
374        }
375      }
376    </style>
377
378    <link href="//hkstem.club/cdn/shop/t/2/assets/base.css?v=55050338013578769991679873951" rel="stylesheet" type="text/css" media="all" />
379<link rel="preload" as="font" href="//hkstem.club/cdn/fonts/lato/lato_n4.c3b93d431f0091c8be23185e15c9d1fee1e971c5.woff2" type="font/woff2" crossorigin><link rel="preload" as="font" href="//hkstem.club/cdn/fonts/lato/lato_n7.900f219bc7337bc57a7a2
379151983f0a4a4d9d5dcf.woff2" type="font/woff2" crossorigin><link rel="stylesheet" href="//hkstem.club/cdn/shop/t/2/assets/component-predictive-search.css?v=85913294783299393391679578732" media="print" onload="this.media='all'">
379<script>document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
380    if (Shopify.designMode) {
381      document.documentElement.classList.add('shopify-design-mode');
382    }
383    </script>
383
384  <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
385<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 73692971303,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "blog"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 385
385
386<script>
387  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
388</script>
vendor: 1 bytes, line 388
388
389<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
389).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 73692971303,storefrontBaseUrl: "https://hkstem.club",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://hkstem.club/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"745505063","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-CPXJRZDT0W\\\",\\\"GT-NGM4N5H\\\",\\\"G-4CH9RWMC24\\\"],\\\"target_country\\\":\\\"HK\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-CPXJRZDT0W\\\",\\\"AW-853411520\\\/UroXCMi08_QYEMCN-JYD\\\",\\\"G-4CH9RWMC24\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-CPXJRZDT0W\\\",\\\"G-4CH9RWMC24\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-CPXJRZDT0W\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-CPXJRZDT0W\\\",\\\"MC-408PL3B4VX\\\",\\\"G-4CH9RWMC24\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-CPXJRZDT0W\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-CPXJRZDT0W\\\",\\\"MC-408PL3B4VX\\\",\\\"G-4CH9RWMC24\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-CPXJRZDT0W\\\",\\\"MC-408PL3B4VX\\\",\\\"G-4CH9RWMC24\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-CPXJRZDT0W\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-CPXJRZDT0W\\\",\\\"G-4CH9RWMC24\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-CPXJRZDT0W\\\",\\\"AW-853411520\\\/3tozCMu08_QYEMCN-JYD\\\",\\\"G-4CH9RWMC24\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-CPXJRZDT0W\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]}
389,{"id":"149356839","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS"],"name":"Google Analytics tag (migrated)"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"HK STEM CLUB","paymentSettings":{"currencyCode":"HKD"},"myshopifyDomain":"hk-stem-club.myshopify.com","countryCode":"HK","storefrontUrl":"https:\/\/hkstem.club"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://hkstem.club/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"145931501863","themePublished":"true","eventMetadataId":"afa280dc-ade6-4d42-8eee-8bece79fd24e","pageType":"blog","resourceId":"96300171559","shopId":"73692971303","storefrontBaseUrl":"https:\/\/hkstem.club","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
389<script>
390  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
391  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
392  window.ShopifyAnalytics.meta.currency = 'USD';
393  var meta = {"page":{"pageType":"blog","resourceType":"blog","resourceId":96300171559,"requestId":"c368075c-30bd-4d8d-b721-a4e6d6c49dea-1790373709"}};
394  for (var attr in meta) {
395    window.ShopifyAnalytics.meta[attr] = meta[attr];
396  }
397</script>
vendor: 1 bytes, line 397
397
398<script class="analytics">
399  (function () {
400    var customDocumentWrite = function(content) {
401      var jquery = null;
402
403      if (window.jQuery) {
404        jquery = window.jQuery;
405      } else if (window.Checkout && window.Checkout.$) {
406        jquery = window.Checkout.$;
407      }
408
409      if (jquery) {
410        jquery('body').append(content);
411      }
412    };
413
414    var hasLoggedConversion = function(token) {
415      if (token) {
416        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
417      }
418      return false;
419    }
420
421    var setCookieIfConversion = function(token) {
422      if (token) {
423        var twoMonthsFromNow = new Date(Date.now());
424        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
425
426        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
427      }
428    }
429
430    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
431    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
432    if (trekkie.integrations) {
433      return;
434    }
435    trekkie.methods = [
436      'identify',
437      'page',
438      'ready',
439      'track',
440      'trackForm',
441      'trackLink'
442    ];
443    trekkie.factory = function(method) {
444      return function() {
445        var args = Array.prototype.slice.call(arguments);
446        args.unshift(method);
447        trekkie.push(args);
448        if (method == 'track' || method == 'page') {
449          var pageUrl;
450          try {
451            pageUrl = window.location.href;
452          } catch (e) {}
453          var pageReferrer;
454          try {
455            pageReferrer = document.referrer;
456          } catch (e) {}
457          try {
458            if (window.__TREKKIE_SHIM_QUEUE == null) {
459              window.__TREKKIE_SHIM_QUEUE = [];
460            }
461            window.__TREKKIE_SHIM_QUEUE.push({
462              from: 'trekkie-stub',
463              method: method,
464              args: args.slice(1),
465              pageContext: {
466                url: pageUrl,
467                referrer: pageReferrer
468              }
469            });
470          } catch (e) {
471            // no-op
472          }
473        }
474        return trekkie;
475      };
476    };
477    for (var i = 0; i < trekkie.methods.length; i++) {
478      var key = trekkie.methods[i];
479      trekkie[key] = trekkie.factory(key);
480    }
481    trekkie.load = function(config) {
482      trekkie.config = config || {};
483      trekkie.config.initialDocumentCookie = document.cookie;
484      var first = document.getElementsByTagName('script')[0];
485var script = document.createElement('script');
486script.type = 'text/javascript';
487script.onerror = function(e) {
488  var scriptFallback = document.createElement('script');
489  scriptFallback.type = 'text/javascript';
490  scriptFallback.onerror = function(error) {
491          var Monorail = {
492      produce: function produce(monorailDomain, schemaId, payload) {
493        var currentMs = new Date().getTime();
494        var event = {
495          schema_id: schemaId,
496          payload: payload,
497          metadata: {
498            event_created_at_ms: currentMs,
499            event_sent_at_ms: currentMs
500          }
501        };
502        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
503      },
504      sendRequest: function sendRequest(endpointUrl, payload) {
505        // Try the sendBeacon API
506        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
507          var blobData = new window.Blob([payload], {
508            type: 'text/plain'
509          });
510
511          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
512            return true;
513          } // sendBeacon was not successful
514
515        } // XHR beacon
516
517        var xhr = new XMLHttpRequest();
518
519        try {
520          xhr.open('POST', endpointUrl);
521          xhr.setRequestHeader('Content-Type', 'text/plain');
522          xhr.send(payload);
523        } catch (e) {
524          console.log(e);
525        }
526
527        return false;
528      },
529      isIos12: function isIos12() {
530        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
531      }
532    };
533    Monorail.produce('monorail-edge.shopifysvc.com',
534      'trekkie_storefront_load_errors/1.1',
535      {shop_id: 73692971303,
536      theme_id: 145931501863,
537      app_name: "storefront",
538      context_url: window.location.href,
539      source_url: "//hkstem.club/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"});
540
541  };
542  scriptFallback.async = true;
543  scriptFallback.src = '//hkstem.club/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
544  first.parentNode.insertBefore(scriptFallback, first);
545};
546script.async = true;
547script.src = '//hkstem.club/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
548first.parentNode.insertBefore(script, first);
549
550    };
551    trekkie.load(
552      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":73692971303,"isMerchantRequest":null,"themeId":145931501863,"themeCityHash":"8746601338232631113","contentLanguage":"zh-TW","currency":"USD","eventMetadataId":"afa280dc-ade6-4d42-8eee-8bece79fd24e"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
553    );
554
555    var loaded = false;
556    trekkie.ready(function() {
557      if (loaded) return;
558      loaded = true;
559
560      window.ShopifyAnalytics.lib = window.trekkie;
561
562      var originalDocumentWrite = document.write;
563      document.write = customDocumentWrite;
564      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
565      document.write = originalDocumentWrite;
566
567      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
568      var token = match? match[1]: undefined;
569      if (!hasLoggedConversion(token)) {
570        setCookieIfConversion(token);
571        
572      }
573    });
574
575    window.ShopifyAnalytics.lib.page(null,{"pageType":"blog","resourceType":"blog","resourceId":96300171559,"requestId":"c368075c-30bd-4d8d-b721-a4e6d6c49dea-1790373709","shopifyEmitted":true});
576
577    var eventsListenerScript = document.createElement('script');
578    eventsListenerScript.async = true;
579    eventsListenerScript.src = "//hkstem.club/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
580    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
581})();</script>
581
582  
582<script>
583  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
584    window.ga = function ga() {
585      (window.ga.q = window.ga.q || []).push(arguments);
586      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
587        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
588      }
589      console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information.");
590    };
591    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
592      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
593    }
594  }
595</script>
vendor: 1 bytes, line 595
595
596<script
597  defer
598  src="https://hkstem.club/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
599  data-application="storefront-renderer"
600  data-shop-id="73692971303"
601  data-render-region="gcp-us-central1"
602  data-page-type="blog"
603  data-theme-instance-id="145931501863"
604  data-theme-name="Dawn"
605  data-theme-version="8.0.0"
606  data-monorail-region="shop_domain"
607  data-resource-timing-sampling-rate="10"
608  data-shs="true"
609  data-shs-beacon="true"
610  data-shs-export-with-fetch="true"
611  data-shs-logs-sample-rate="1"
612  data-shs-beacon-endpoint="https://hkstem.club/api/collect"
613></script>
613
614<meta name="shopify-y" content="dc0ca30a-c974-4547-a50d-c21fc6582c0d" data-expiration="1821931309000"><meta name="shopify-s" content="54137a54-604d-4d1d-b2b4-a2cd78d9b3d6" data-expiration="1790375509000"><meta name="new-cookie-storage-activated" content="t">
615</head>
616
617  <body class="gradient">
618    <a class="skip-to-content-link button visually-hidden" href="#MainContent">
619      跳至內容
620    </a><!-- BEGIN sections: header-group -->
621<div id="shopify-section-sections--18298984988967__announcement-bar" class="shopify-section shopify-section-group-header-group announcement-bar-section"><div class="announcement-bar color-background-1 gradient" role="region" aria-label="公告" ><div class="page-width">
622                <p class="announcement-bar__message center h5">
623                  <span>全店買滿3件產品 免費送貨</span></p>
624              </div></div><div class="announcement-bar color-accent-1 gradient" role="region" aria-label="公告" ><div class="page-width">
625                <p class="announcement-bar__message center h5">
626                  <span>歡迎光臨 HKSTEM CLUB</span></p>
627              </div></div>
628</div><div id="shopify-section-sections--18298984988967__header" class="shopify-section shopify-section-group-header-group section-header"><link rel="stylesheet" href="//hkstem.club/cdn/shop/t/2/assets/component-list-menu.css?v=151968516119678728991679578731" media="print" onload="this.media='all'">
629<link rel="stylesheet" href="//hkstem.club/cdn/shop/t/2/assets/component-search.css?v=184225813856820874251679578732" media="print" onload="this.media='all'">
630<link rel="stylesheet" href="//hkstem.club/cdn/shop/t/2/assets/component-menu-drawer.css?v=182311192829367774911679578731" media="print" onload="this.media='all'">
631<link rel="stylesheet" href="//hkstem.club/cdn/shop/t/2/assets/component-cart-notification.css?v=137625604348931474661679578731" media="print" onload="this.media='all'">
632<link rel="stylesheet" href="//hkstem.club/cdn/shop/t/2/assets/component-cart-items.css?v=23917223812499722491679578731" media="print" onload="this.media='all'"><link rel="stylesheet" href="//hkstem.club/cdn/shop/t/2/assets/component-price.css?v=65402837579211014041679578732" media="print" onload="this.media='all'">
633  <link rel="stylesheet" href="//hkstem.club/cdn/shop/t/2/assets/component-loading-overlay.css?v=167310470843593579841679578731" media="print" onload="this.media='all'"><noscript><link href="//hkstem.club/cdn/shop/t/2/assets/component-list-menu.css?v=151968516119678728991679578731" rel="stylesheet" type="text/css" media="all" /></noscript>
634<noscript><link href="//hkstem.club/cdn/shop/t/2/assets/component-search.css?v=184225813856820874251679578732" rel="stylesheet" type="text/css" media="all" /></noscript>
635<noscript><link href="//hkstem.club/cdn/shop/t/2/assets/component-menu-drawer.css?v=182311192829367774911679578731" rel="stylesheet" type="text/css" media="all" /></noscript>
636<noscript><link href="//hkstem.club/cdn/shop/t/2/assets/component-cart-notification.css?v=137625604348931474661679578731" rel="stylesheet" type="text/css" media="all" /></noscript>
637<noscript><link href="//hkstem.club/cdn/shop/t/2/assets/component-cart-items.css?v=23917223812499722491679578731" rel="stylesheet" type="text/css" media="all" /></noscript>
638
639<style>
640  header-drawer {
641    justify-self: start;
642    margin-left: -1.2rem;
643  }
644
645  .header__heading-logo {
646    max-width: 90px;
647  }@media screen and (min-width: 990px) {
648    header-drawer {
649      display: none;
650    }
651  }
652
653  .menu-drawer-container {
654    display: flex;
655  }
656
657  .list-menu {
658    list-style: none;
659    padding: 0;
660    margin: 0;
661  }
662
663  .list-menu--inline {
664    display: inline-flex;
665    flex-wrap: wrap;
666  }
667
668  summary.list-menu__item {
669    padding-right: 2.7rem;
670  }
671
672  .list-menu__item {
673    display: flex;
674    align-items: center;
675    line-height: calc(1 + 0.3 / var(--font-body-scale));
676  }
677
678  .list-menu__item--link {
679    text-decoration: none;
680    padding-bottom: 1rem;
681    padding-top: 1rem;
682    line-height: calc(1 + 0.8 / var(--font-body-scale));
683  }
684
685  @media screen and (min-width: 750px) {
686    .list-menu__item--link {
687      padding-bottom: 0.5rem;
688      padding-top: 0.5rem;
689    }
690  }
691</style><style data-shopify>.header {
692    padding-top: 8px;
693    padding-bottom: 10px;
694  }
695
696  .section-header {
697    position: sticky; /* This is for fixing a Safari z-index issue. PR #2147 */
698    margin-bottom: 0px;
699  }
700
701  @media screen and (min-width: 750px) {
702    .section-header {
703      margin-bottom: 0px;
704    }
705  }
706
707  @media screen and (min-width: 990px) {
708    .header {
709      padding-top: 16px;
710      padding-bottom: 20px;
711    }
712  }</style>
712<script src="//hkstem.club/cdn/shop/t/2/assets/details-disclosure.js?v=153497636716254413831679578732" defer="defer"></script>
vendor: 1 bytes, line 712
712
713<script src="//hkstem.club/cdn/shop/t/2/assets/details-modal.js?v=4511761896672669691679578732" defer="defer"></script>
vendor: 1 bytes, line 713
713
714<script src="//hkstem.club/cdn/shop/t/2/assets/cart-notification.js?v=160453272920806432391679578731" defer="defer"></script>
vendor: 1 bytes, line 714
714
715<script src="//hkstem.club/cdn/shop/t/2/assets/search-form.js?v=113639710312857635801679578732" defer="defer"></script>
715<svg xmlns="http://www.w3.org/2000/svg" class="hidden">
716  <symbol id="icon-search" viewbox="0 0 18 19" fill="none">
717    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 112.85 3.5a5.784 5.784 0 018.18 8.18zm.26 1.12a6.78 6.78 0 11.72-.7l5.4 5.4a.5.5 0 11-.71.7l-5.41-5.4z" fill="currentColor"/>
718  </symbol>
719
720  <symbol id="icon-reset" class="icon icon-close"  fill="none" viewBox="0 0 18 18" stroke="currentColor">
721    <circle r="8.5" cy="9" cx="9" stroke-opacity="0.2"/>
722    <path d="M6.82972 6.82915L1.17193 1.17097" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"/>
723    <path d="M1.22896 6.88502L6.77288 1.11523" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"/>
724  </symbol>
725
726  <symbol id="icon-close" class="icon icon-close" fill="none" viewBox="0 0 18 17">
727    <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
728  </symbol>
729</svg>
730<sticky-header data-sticky-type="on-scroll-up" class="header-wrapper color-background-1 gradient header-wrapper--border-bottom">
731  <header class="header header--middle-left header--mobile-center page-width header--has-menu"><header-drawer data-breakpoint="tablet">
732        <details id="Details-menu-drawer-container" class="menu-drawer-container">
733          <summary class="header__icon header__icon--menu header__icon--summary link focus-inset" aria-label="選單">
734            <span>
735              <svg
736  xmlns="http://www.w3.org/2000/svg"
737  aria-hidden="true"
738  focusable="false"
739  class="icon icon-hamburger"
740  fill="none"
741  viewBox="0 0 18 16"
742>
743  <path d="M1 .5a.5.5 0 100 1h15.71a.5.5 0 000-1H1zM.5 8a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1A.5.5 0 01.5 8zm0 7a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1a.5.5 0 01-.5-.5z" fill="currentColor">
744</svg>
745
746              <svg
747  xmlns="http://www.w3.org/2000/svg"
748  aria-hidden="true"
749  focusable="false"
750  class="icon icon-close"
751  fill="none"
752  viewBox="0 0 18 17"
753>
754  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
755</svg>
756
757            </span>
758          </summary>
759          <div id="menu-drawer" class="gradient menu-drawer motion-reduce" tabindex="-1">
760            <div class="menu-drawer__inner-container">
761              <div class="menu-drawer__navigation-container">
762                <nav class="menu-drawer__navigation">
763                  <ul class="menu-drawer__menu has-submenu list-menu" role="list"><li><a href="/" class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
764                            主頁
765                          </a></li><li><a href="/blogs/blog" class="menu-drawer__menu-item list-menu__item link link--text focus-inset menu-drawer__menu-item--active" aria-current="page">
766                            Blog
767                          </a></li><li><details id="Details-menu-drawer-menu-item-3">
768                            <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
769                              STEM產品
770                              <svg
771  viewBox="0 0 14 10"
772  fill="none"
773  aria-hidden="true"
774  focusable="false"
775  class="icon icon-arrow"
776  xmlns="http://www.w3.org/2000/svg"
777>
778  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
779</svg>
780
781                              <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
782  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
783</svg>
784
785                            </summary>
786                            <div id="link-stem產品" class="menu-drawer__submenu has-submenu gradient motion-reduce" tabindex="-1">
787                              <div class="menu-drawer__inner-submenu">
788                                <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
789                                  <svg
790  viewBox="0 0 14 10"
791  fill="none"
792  aria-hidden="true"
793  focusable="false"
794  class="icon icon-arrow"
795  xmlns="http://www.w3.org/2000/svg"
796>
797  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
798</svg>
799
800                                  STEM產品
801                                </button>
802                                <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a href="/collections/e4-ba-ba-e5-b7-a5-e6-99-ba-e8-83-bd" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
803                                          AI 人工智能
804                                        </a></li><li><a href="/collections/arduino" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
805                                          Arduino
806                                        </a></li><li><a href="/collections/bbc-microbit-accessories" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
807                                          BBC Micro:bit
808                                        </a></li><li><a href="/collections/jetson-nano" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
809                                          Jetson Nano
810                                        </a></li><li><a href="/collections/raspberry-pi" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
811                                          Raspberry Pi
812                                        </a></li><li><a href="/collections/stem-tools-accessories" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
813                                          STEM工具 / 配件
814                                        </a></li><li><a href="/collections/stem-kit" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
815                                          STEM 學習套裝
816                                        </a></li><li><a href="/collections/3d-printer" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
817                                          立體打印 / 耗材 3D Print Filaments
818                                        </a></li><li><a href="/collections/e9-9b-bb-e5-ad-90-e5-85-83-e4-bb-b6" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
819                                          電子元件 Electronics
820                                        </a></li><li><a href="/collections/computer-accessories" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
821                                          電腦週邊 Peripherals 
822                                        </a></li><li><a href="/collections/all" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
823                                          所有商品 All Products 
824                                        </a></li></ul>
825                              </div>
826                            </div>
827                          </details></li><li>
827<details id="Details-menu-drawer-menu-item-4">
828                            <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
829                              Sensor 傳感器
830                              <svg
831  viewBox="0 0 14 10"
832  fill="none"
833  aria-hidden="true"
834  focusable="false"
835  class="icon icon-arrow"
836  xmlns="http://www.w3.org/2000/svg"
837>
838  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
839</svg>
840
841                              <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
842  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
843</svg>
844
845                            </summary>
846                            <div id="link-sensor-傳感器" class="menu-drawer__submenu has-submenu gradient motion-reduce" tabindex="-1">
847                              <div class="menu-drawer__inner-submenu">
848                                <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
849                                  <svg
850  viewBox="0 0 14 10"
851  fill="none"
852  aria-hidden="true"
853  focusable="false"
854  class="icon icon-arrow"
855  xmlns="http://www.w3.org/2000/svg"
856>
857  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
858</svg>
859
860                                  Sensor 傳感器
861                                </button>
862                                <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a href="/collections/sensors" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
863                                          All Sensors 所有傳感器
864                                        </a></li><li><a href="/collections/biometrics" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
865                                          Biometrics 生物識別感測器
866                                        </a></li><li><a href="/collections/distance-%E8%B7%9D%E9%9B%A2%E6%84%9F%E6%B8%AC-%E6%8E%A5%E8%BF%91%E6%84%9F%E6%B8%AC" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
867                                          Distance 距離感測 / 接近感測
868                                        </a></li><li><a href="/collections/optical-%E5%85%89%E5%AD%B8" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
869                                          EM 電磁波 / 光學
870                                        </a></li><li><a href="/collections/environment-sensor" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
871                                          Environmental 環境感測器
872                                        </a></li><li><a href="/collections/pressure-sensor" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
873                                          Force 力和運動感測器
874                                        </a></li><li><a href="/collections/gas-sensor" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
875                                          Gas 氣體感測
876                                        </a></li><li><a href="/collections/liquid-flow" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
877                                          Liquid 液體 / 水質感測
878                                        </a></li></ul>
879                              </div>
880                            </div>
881                          </details></li><li><details id="Details-menu-drawer-menu-item-5">
882                            <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
883                              Brands 品牌
884                              <svg
885  viewBox="0 0 14 10"
886  fill="none"
887  aria-hidden="true"
888  focusable="false"
889  class="icon icon-arrow"
890  xmlns="http://www.w3.org/2000/svg"
891>
892  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
893</svg>
894
895                              <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
896  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
897</svg>
898
899                            </summary>
900                            <div id="link-brands-品牌" class="menu-drawer__submenu has-submenu gradient motion-reduce" tabindex="-1">
901                              <div class="menu-drawer__inner-submenu">
902                                <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
903                                  <svg
904  viewBox="0 0 14 10"
905  fill="none"
906  aria-hidden="true"
907  focusable="false"
908  class="icon icon-arrow"
909  xmlns="http://www.w3.org/2000/svg"
910>
911  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
912</svg>
913
914                                  Brands 品牌
915                                </button>
916                                <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a href="/collections/all" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
917                                          HSC
918                                        </a></li><li><a href="/pages/cospaces-%E9%A6%99%E6%B8%AF%E5%AE%98%E6%96%B9%E4%BB%A3%E7%90%86" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
919                                          CoSpaces EDU
920                                        </a></li><li><a href="/collections/dfrobot" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
921                                          DFRobot
922                                        </a></li><li><a href="/collections/kitronik" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
923                                          Kitronik
924                                        </a></li><li><a href="/collections/kittenbot" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
925                                          Kittenbot
926                                        </a></li><li><a href="/collections/nvidia" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
927                                          nVidia
928                                        </a></li><li><a href="/collections/seeedstudio" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
929                                          Seeedstudio
930                                        </a></li><li><a href="/collections/ugreen-%E7%B6%A0%E8%81%AF" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
931                                          UGreen 綠聯
932                                        </a></li><li><a href="/collections/waveshare" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
933                                          Waveshare
934                                        </a></li><li><a href="/collections/yahboom" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
935                                          Yahboom
936                                        </a></li><li><a href="/collections/ywrobot" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
937                                          YwRobot
938                                        </a></li></ul>
939                              </div>
940                            </div>
941                          </details></li><li><a href="/pages/purchasing" class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
942                            代購服務
943                          </a></li><li><a href="/pages/terms" class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
944                            訂購須知 / 條款及細則
945                          </a></li><li><a href="/pages/contactus" class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
946                            聯絡我們
947                          </a></li></ul>
948                </nav>
949                <div class="menu-drawer__utility-links"><a href="https://hkstem.club/customer_authentication/redirect?locale=zh-TW&region_country=US" class="menu-drawer__account link focus-inset h5">
950                      <svg
951  xmlns="http://www.w3.org/2000/svg"
952  aria-hidden="true"
953  focusable="false"
954  class="icon icon-account"
955  fill="none"
956  viewBox="0 0 18 19"
957>
958  <path fill-rule="evenodd" clip-rule="evenodd" d="M6 4.5a3 3 0 116 0 3 3 0 01-6 0zm3-4a4 4 0 100 8 4 4 0 000-8zm5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15zM9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.
9581-3.67-1.35-6.17-1.35z" fill="currentColor">
959</svg>
960
961登入</a><ul class="list list-social list-unstyled" role="list"></ul>
962                </div>
963              </div>
964            </div>
965          </div>
966        </details>
967      </header-drawer><a href="/" class="header__heading-link link link--text focus-inset"><img src="//hkstem.club/cdn/shop/files/company-logo_1000px.png?v=1679548225&amp;width=500" alt="HK STEM CLUB" srcset="//hkstem.club/cdn/shop/files/company-logo_1000px.png?v=1679548225&amp;width=50 50w, //hkstem.club/cdn/shop/files/company-logo_1000px.png?v=1679548225&amp;width=100 100w, //hkstem.club/cdn/shop/files/company-logo_1000px.png?v=1679548225&amp;width=150 150w, //hkstem.club/cdn/shop/files/company-logo_1000px.png?v=1679548225&amp;width=200 200w, //hkstem.club/cdn/shop/files/company-logo_1000px.png?v=1679548225&amp;width=250 250w, //hkstem.club/cdn/shop/files/company-logo_1000px.png?v=1679548225&amp;width=300 300w, //hkstem.club/cdn/shop/files/company-logo_1000px.png?v=1679548225&amp;width=400 400w, //hkstem.club/cdn/shop/files/company-logo_1000px.png?v=1679548225&amp;width=500 500w" width="90" height="90.0" class="header__heading-logo motion-reduce">
968</a><nav class="header__inline-menu">
969          <ul class="list-menu list-menu--inline" role="list"><li><a href="/" class="header__menu-item list-menu__item link link--text focus-inset">
970                    <span>主頁</span>
971                  </a></li><li><a href="/blogs/blog" class="header__menu-item list-menu__item link link--text focus-inset" aria-current="page">
972                    <span class="header__active-menu-item">Blog</span>
973                  </a></li><li><header-menu>
974                    <details id="Details-HeaderMenu-3">
975                      <summary class="header__menu-item list-menu__item link focus-inset">
976                        <span>STEM產品</span>
977                        <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
978  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
979</svg>
980
981                      </summary>
982                      <ul id="HeaderMenu-MenuList-3" class="header__submenu list-menu list-menu--disclosure gradient caption-large motion-reduce global-settings-popup" role="list" tabindex="-1"><li><a href="/collections/e4-ba-ba-e5-b7-a5-e6-99-ba-e8-83-bd" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
983                                AI 人工智能
984                              </a></li><li><a href="/collections/arduino" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
985                                Arduino
986                              </a></li><li><a href="/collections/bbc-microbit-accessories" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
987                                BBC Micro:bit
988                              </a></li><li><a href="/collections/jetson-nano" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
989                                Jetson Nano
990                              </a></li><li><a href="/collections/raspberry-pi" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
991                                Raspberry Pi
992                              </a></li><li><a href="/collections/stem-tools-accessories" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
993                                STEM工具 / 配件
994                              </a></li><li><a href="/collections/stem-kit" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
995                                STEM 學習套裝
996                              </a></li><li><a href="/collections/3d-printer" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
997                                立體打印 / 耗材 3D Print Filaments
998                              </a></li><li><a href="/collections/e9-9b-bb-e5-ad-90-e5-85-83-e4-bb-b6" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
999                                電子元件 Electronics
1000                              </a></li><li><a href="/collections/computer-accessories" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
1001                                電腦週邊 Peripherals 
1002                              </a></li><li><a href="/collections/all" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
1003                                所有商品 All Products 
1004                              </a></li></ul>
1005                    </details>
1006                  </header-menu></li><li><header-menu>
1007                    <details id="Details-HeaderMenu-4">
1008                      <summary class="header__menu-item list-menu__item link focus-inset">
1009                        <span>Sensor 傳感器</span>
1010                        <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
1011  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1012</svg>
1013
1014                      </summary>
1015                      <ul id="HeaderMenu-MenuList-4" class="header__submenu list-menu list-menu--disclosure gradient caption-large motion-reduce global-settings-popup" role="list" tabindex="-1"><li><a href="/collections/sensors" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
1016                                All Sensors 所有傳感器
1017                              </a></li><li><a href="/collections/biometrics" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
1018                                Biometrics 生物識別感測器
1019                              </a></li><li><a href="/collections/distance-%E8%B7%9D%E9%9B%A2%E6%84%9F%E6%B8%AC-%E6%8E%A5%E8%BF%91%E6%84%9F%E6%B8%AC" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
1020                                Distance 距離感測 / 接近感測
1021                              </a></li><li><a href="/collections/optical-%E5%85%89%E5%AD%B8" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
1022                                EM 電磁波 / 光學
1023                              </a></li><li><a href="/collections/environment-sensor" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
1024                                Environmental 環境感測器
1025                              </a></li><li><a href="/collections/pressure-sensor" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
1026                                Force 力和運動感測器
1027                              </a></li><li><a href="/collections/gas-sensor" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
1028                                Gas 氣體感測
1029                              </a></li><li><a href="/collections/liquid-flow" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
1030                                Liquid 液體 / 水質感測
1031                              </a></li></ul>
1032                    </details>
1033                  </header-menu></li><li><header-menu>
1034                    <details id="Details-HeaderMenu-5">
1035                      <summary class="header__menu-item list-menu__item link focus-inset">
1036                        <span>Brands 品牌</span>
1037                        <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
1038  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1039</svg>
1040
1041                      </summary>
1042                      <ul id="HeaderMenu-MenuList-5" class="header__submenu list-menu list-menu--disclosure gradient caption-large motion-reduce global-settings-popup" role="list" tabindex="-1"><li><a href="/collections/all" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
1043                                HSC
1044                              </a></li><li><a href="/pages/cospaces-%E9%A6%99%E6%B8%AF%E5%AE%98%E6%96%B9%E4%BB%A3%E7%90%86" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
1045                                CoSpaces EDU
1046                              </a></li><li><a href="/collections/dfrobot" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
1047                                DFRobot
1048                              </a></li><li><a href="/collections/kitronik" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
1049                                Kitronik
1050                              </a></li><li><a href="/collections/kittenbot" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
1051                                Kittenbot
1052                              </a></li><li><a href="/collections/nvidia" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
1053                                nVidia
1054                              </a></li><li><a href="/collections/seeedstudio" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
1055                                Seeedstudio
1056                              </a></li><li><a href="/collections/ugreen-%E7%B6%A0%E8%81%AF" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
1057                                UGreen 綠聯
1058                              </a></li><li><a href="/collections/waveshare" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
1059                                Waveshare
1060                              </a></li><li><a href="/collections/yahboom" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
1061                                Yahboom
1062                              </a></li><li><a href="/collections/ywrobot" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
1063                                YwRobot
1064                              </a></li></ul>
1065                    </details>
1066                  </header-menu></li><li><a href="/pages/purchasing" class="header__menu-item list-menu__item link link--text focus-inset">
1067                    <span>代購服務</span>
1068                  </a></li><li><a href="/pages/terms" class="header__menu-item list-menu__item link link--text focus-inset">
1069                    <span>訂購須知 / 條款及細則</span>
1070                  </a></li><li><a href="/pages/contactus" class="header__menu-item list-menu__item link link--text focus-inset">
1071                    <span>聯絡我們</span>
1072                  </a></li></ul>
1073        </nav><div class="header__icons">
1074      <details-modal class="header__search">
1075        <details>
1076          <summary class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" aria-haspopup="dialog" aria-label="搜尋">
1077            <span>
1078              <svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false">
1079                <use href="#icon-search">
1080              </svg>
1081              <svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false">
1082                <use href="#icon-close">
1083              </svg>
1084            </span>
1085          </summary>
1086          <div class="search-modal modal__content gradient" role="dialog" aria-modal="true" aria-label="搜尋">
1087            <div class="modal-overlay"></div>
1088            <div class="search-modal__content search-modal__content-bottom" tabindex="-1"><predictive-search class="search-modal__form" data-loading-text="載入中......"><form action="/search" method="get" role="search" class="search search-modal__form">
1089                    <div class="field">
1090                      <input class="search__input field__input"
1091                        id="Search-In-Modal"
1092                        type="search"
1093                        name="q"
1094                        value=""
1095                        placeholder="搜尋"role="combobox"
1096                          aria-expanded="false"
1097                          aria-owns="predictive-search-results"
1098                          aria-controls="predictive-search-results"
1099                          aria-haspopup="listbox"
1100                          aria-autocomplete="list"
1101                          autocorrect="off"
1102                          autocomplete="off"
1103                          autocapitalize="off"
1104                          spellcheck="false">
1105                      <label class="field__label" for="Search-In-Modal">搜尋</label>
1106                      <input type="hidden" name="options[prefix]" value="last">
1107                      <button type="reset" class="reset__button field__button hidden" aria-label="清除搜尋詞彙">
1108                        <svg class="icon icon-close" aria-hidden="true" focusable="false">
1109                          <use xlink:href="#icon-reset">
1110                        </svg>
1111                      </button>
1112                      <button class="search__button field__button" aria-label="搜尋">
1113                        <svg class="icon icon-search" aria-hidden="true" focusable="false">
1114                          <use href="#icon-search">
1115                        </svg>
1116                      </button>
1117                    </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search>
1118                        <div class="predictive-search__loading-state">
1119                          <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
1120                            <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
1121                          </svg>
1122                        </div>
1123                      </div>
1124
1125                      <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button type="button" class="search-modal__close-button modal__close-button link link--text focus-inset" aria-label="關閉">
1126                <svg class="icon icon-close" aria-hidden="true" focusable="false">
1127                  <use href="#icon-close">
1128                </svg>
1129              </button>
1130            </div>
1131          </div>
1132        </details>
1133      </details-modal><a href="https://hkstem.club/customer_authentication/redirect?locale=zh-TW&region_country=US" class="header__icon header__icon--account link focus-inset small-hide">
1134          <svg
1135  xmlns="http://www.w3.org/2000/svg"
1136  aria-hidden="true"
1137  focusable="false"
1138  class="icon icon-account"
1139  fill="none"
1140  viewBox="0 0 18 19"
1141>
1142  <path fill-rule="evenodd" clip-rule="evenodd" d="M6 4.5a3 3 0 116 0 3 3 0 01-6 0zm3-4a4 4 0 100 8 4 4 0 000-8zm5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15zM9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.
11421-3.67-1.35-6.17-1.35z" fill="currentColor">
1143</svg>
1144
1145          <span class="visually-hidden">登入</span>
1146        </a><a href="/cart" class="header__icon header__icon--cart link focus-inset" id="cart-icon-bubble"><svg
1147  class="icon icon-cart-empty"
1148  aria-hidden="true"
1149  focusable="false"
1150  xmlns="http://www.w3.org/2000/svg"
1151  viewBox="0 0 40 40"
1152  fill="none"
1153>
1154  <path d="m15.75 11.8h-3.16l-.77 11.6a5 5 0 0 0 4.99 5.34h7.38a5 5 0 0 0 4.99-5.33l-.78-11.61zm0 1h-2.22l-.71 10.67a4 4 0 0 0 3.99 4.27h7.38a4 4 0 0 0 4-4.27l-.72-10.67h-2.22v.63a4.75 4.75 0 1 1 -9.5 0zm8.5 0h-7.5v.63a3.75 3.75 0 1 0 7.5 0z" fill="currentColor" fill-rule="evenodd"/>
1155</svg>
1156<span class="visually-hidden">購物車</span></a>
1157    </div>
1158  </header>
1159</sticky-header>
1160<script>
1161  let items = document.querySelector(".header__inline-menu").querySelectorAll("details");
1162  console.log(items)
1163  items.forEach(item => {
1164    item.addEventListener("mouseover", () => {
1165      item.setAttribute("open", true);
1166      item.querySelector("ul").addEventListener("mouseleave", () => {
1167        item.removeAttribute("open");
1168      });
1169    item.addEventListener("mouseleave", () => {
1170      item.removeAttribute("open");
1171    });
1172  });
1173  
1174  });
1175</script>
1175
1176
1177<cart-notification>
1178  <div class="cart-notification-wrapper page-width">
1179    <div
1180      id="cart-notification"
1181      class="cart-notification focus-inset color-background-1 gradient"
1182      aria-modal="true"
1183      aria-label="商品已加入購物車"
1184      role="dialog"
1185      tabindex="-1"
1186    >
1187      <div class="cart-notification__header">
1188        <h2 class="cart-notification__heading caption-large text-body"><svg
1189  class="icon icon-checkmark color-foreground-outline-button"
1190  aria-hidden="true"
1191  focusable="false"
1192  xmlns="http://www.w3.org/2000/svg"
1193  viewBox="0 0 12 9"
1194  fill="none"
1195>
1196  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
1197</svg>
1198商品已加入購物車
1199        </h2>
1200        <button
1201          type="button"
1202          class="cart-notification__close modal__close-button link link--text focus-inset"
1203          aria-label="關閉"
1204        >
1205          <svg class="icon icon-close" aria-hidden="true" focusable="false">
1206            <use href="#icon-close">
1207          </svg>
1208        </button>
1209      </div>
1210      <div id="cart-notification-product" class="cart-notification-product"></div>
1211      <div class="cart-notification__links">
1212        <a
1213          href="/cart"
1214          id="cart-notification-button"
1215          class="button button--secondary button--full-width"
1216        >檢視我的購物車</a>
1217        <form action="/cart" method="post" id="cart-notification-form">
1218          <button class="button button--primary button--full-width" name="checkout">
1219            結帳
1220          </button>
1221        </form>
1222        <button type="button" class="link button-label">繼續購物</button>
1223      </div>
1224    </div>
1225  </div>
1226</cart-notification>
1227<style data-shopify>
1228  .cart-notification {
1229    display: none;
1230  }
1231</style>
1232
1233
1234<script type="application/ld+json">
1235  {
1236    "@context": "http://schema.org",
1237    "@type": "Organization",
1238    "name": "HK STEM CLUB",
1239    
1240      "logo": "https:\/\/hkstem.club\/cdn\/shop\/files\/company-logo_1000px.png?v=1679548225\u0026width=500",
1241    
1242    "sameAs": [
1243      "",
1244      "",
1245      "",
1246      "",
1247      "",
1248      "",
1249      "",
1250      "",
1251      ""
1252    ],
1253    "url": "https:\/\/hkstem.club"
1254  }
1255</script>
1255
1256</div>
1257<!-- END sections: header-group -->
1258
1259    <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
1260      <section id="shopify-section-template--18298984366375__main" class="shopify-section section"><link href="//hkstem.club/cdn/shop/t/2/assets/component-article-card.css?v=40864579252276455821679578731" rel="stylesheet" type="text/css" media="all" />
1261<link href="//hkstem.club/cdn/shop/t/2/assets/component-card.css?v=120027167547816435861679578731" rel="stylesheet" type="text/css" media="all" />
1262<link href="//hkstem.club/cdn/shop/t/2/assets/section-main-blog.css?v=126675391260444674411679578733" rel="stylesheet" type="text/css" media="all" />
1263<style data-shopify>.section-template--18298984366375__main-padding {
1264    padding-top: 27px;
1265    padding-bottom: 27px;
1266  }
1267
1268  @media screen and (min-width: 750px) {
1269    .section-template--18298984366375__main-padding {
1270      padding-top: 36px;
1271      padding-bottom: 36px;
1272    }
1273  }</style><div class="main-blog page-width section-template--18298984366375__main-padding">
1274    <h1 class="title--primary">Blog</h1>
1275
1276    <div class="blog-articles "><div class="blog-articles__article article">
1277<div class="article-card-wrapper card-wrapper underline-links-hover">
1278    
1279    <div
1280      class="
1281        card article-card
1282        card--standard
1283         article-card__image--small
1284         card--media
1285        
1286        
1287      "
1288      style="--ratio-percent: 79.16666666666667%;"
1289    >
1290      <div
1291        class="card__inner  color-background-2 gradient ratio"
1292        style="--ratio-percent: 79.16666666666667%;"
1293      ><div class="article-card__image-wrapper card__media">
1294            <div
1295              class="article-card__image media media--hover-effect"
1296              
1297            >
1298              
1299              <img
1300                srcset="//hkstem.club/cdn/shop/articles/wok.webp?v=1682902132&width=165 165w,//hkstem.club/cdn/shop/articles/wok.webp?v=1682902132&width=360 360w,//hkstem.club/cdn/shop/articles/wok.webp?v=1682902132 480w
1301                "
1302                src="//hkstem.club/cdn/shop/articles/wok.webp?v=1682902132&width=533"
1303                sizes="(min-width: 1200px) 550px, (min-width: 750px) calc((100vw - 130px) / 2), calc((100vw - 50px) / 2)"
1304                alt="Arduino 模擬器 - Wokwi.com"
1305                class="motion-reduce"
1306                
1307                  loading="lazy"
1308                
1309                width="480"
1310                height="380"
1311              >
1312              
1313            </div>
1314          </div><div class="card__content">
1315          <div class="card__information">
1316            <h3 class="card__heading h2">
1317              <a href="/blogs/blog/arduino-%E6%A8%A1%E6%93%AC%E5%99%A8-wokwi-com" class="full-unstyled-link">
1318                Arduino 模擬器 - Wokwi.com
1319              </a>
1320            </h3>
1321            <div class="article-card__info caption-with-letter-spacing h5"><span class="circle-divider"><time datetime="2023-05-01T00:48:51Z">2023年5月1日</time></span></div><p class="article-card__excerpt rte-width">
1322Wokwi.com 是一個強大的線上硬體模擬器,讓使用者能夠模擬電子電路的運作,不需實際的硬體設備。該網站提供豐富的電子元件和模組,使使用者能夠建立自己的電路設計並測試其功能。此外,Wokwi.com 還提供了許多實用的工具,例如波形繪製器、時序分析器和除錯器,以幫助使用者更輕鬆地調試和分析其電路設計。Wokwi.com 的簡潔易用的介面和強大的功能,使其成為電子工程師、學生和愛好者的理想選擇。
1323
1324
1325https://wokwi.com/
1326
1327</p><div class="article-card__footer"></div></div></div>
1328      </div>
1329      <div class="card__content">
1330        <div class="card__information">
1331          <h3 class="card__heading h2">
1332            <a href="/blogs/blog/arduino-%E6%A8%A1%E6%93%AC%E5%99%A8-wokwi-com" class="full-unstyled-link">
1333              Arduino 模擬器 - Wokwi.com
1334            </a>
1335          </h3>
1336          <div class="article-card__info caption-with-letter-spacing h5"><span class="circle-divider"><time datetime="2023-05-01T00:48:51Z">2023年5月1日</time></span></div><p class="article-card__excerpt rte-width">
1337Wokwi.com 是一個強大的線上硬體模擬器,讓使用者能夠模擬電子電路的運作,不需實際的硬體設備。該網站提供豐富的電子元件和模組,使使用者能夠建立自己的電路設計並測
1337試其功能。此外,Wokwi.com 還提供了許多實用的工具,例如波形繪製器、時序分析器和除錯器,以幫助使用者更輕鬆地調試和分析其電路設計。Wokwi.com 的簡潔易用的介面和強大的功能,使其成為電子工程師、學生和愛好者的理想選擇。
1338
1339
1340https://wokwi.com/
1341
1342</p><div class="article-card__footer"></div></div></div>
1343    </div>
1344  </div></div><div class="blog-articles__article article">
1345<div class="article-card-wrapper card-wrapper underline-links-hover">
1346    
1347    <div
1348      class="
1349        card article-card
1350        card--standard
1351         article-card__image--small
1352         card--text
1353        
1354        
1355      "
1356      style="--ratio-percent: 100%;"
1357    >
1358      <div
1359        class="card__inner  color-background-2 gradient"
1360        style="--ratio-percent: 100%;"
1361      ><div class="card__content">
1362          <div class="card__information">
1363            <h3 class="card__heading h2">
1364              <a href="/blogs/blog/voucher" class="full-unstyled-link">
1365                【消費券2023】本店接受使用消費券
1366              </a>
1367            </h3>
1368            <div class="article-card__info caption-with-letter-spacing h5"><span class="circle-divider"><time datetime="2023-04-16T07:30:03Z">2023å¹´4月16日</time></span></div><p class="article-card__excerpt rte-width">【消費券2023】政府宣布2023年再派消費券!今年$5000消費券將會由4月起分2期派發,第一期 $3000 已於2023å¹´4月16日派發,本店支援所有消費券種類,消費時請使用手動付款,並使用本店專用付款連結進行付款,付款後請連同付款收據傳送到本店電郵 [email protected] 或 WhatsApp 98511356 通知。 本店專用付款連結 (LabTool HK / HK STEM CLUB 為本公司其下商店):https://labtoolhk.shopage.org/pay      支援消費券種類包括: Alipay HK 支付寶香港 Payme BoC Pay Tap &amp; Go 拍住賞 WeChat Pay...
1369</p><div class="article-card__footer"></div></div></div>
1370      </div>
1371      <div class="card__content">
1372        <div class="card__information">
1373          <h3 class="card__heading h2">
1374            <a href="/blogs/blog/voucher" class="full-unstyled-link">
1375              【消費券2023】本店接受使用消費券
1376            </a>
1377          </h3>
1378          <div class="article-card__info caption-with-letter-spacing h5"><span class="circle-divider"><time datetime="2023-04-16T07:30:03Z">2023å¹´4月16日</time></span></div><p class="article-card__excerpt rte-width">【消費券2023】政府宣布2023年再派消費券!今年$5000消費券將會由4月起分2期派發,第一期 $3000 已於2023å¹´4月16日派發,本店支援所有消費券種類,消費時請使用手動付款,並使用本店專用付款連結進行付款,付款後請連同付款收據傳送到本店電郵 [email protected] 或 WhatsApp 98511356 通知。 本店專用付款連結 (LabTool HK / HK STEM CLUB 為本公司其下商店):https://labtoolhk.shopage.org/pay      支援消費券種類包括: Alipay HK 支付寶香港 Payme BoC Pay Tap &amp; Go 拍住賞 WeChat Pay...
1379</p><div class="article-card__footer"></div></div></div>
1380    </div>
1381  </div></div><div class="blog-articles__article article">
1382<div class="article-card-wrapper card-wrapper underline-links-hover">
1383    
1384    <div
1385      class="
1386        card article-card
1387        card--standard
1388         article-card__image--small
1389         card--text
1390        
1391        
1392      "
1393      style="--ratio-percent: 100%;"
1394    >
1395      <div
1396        class="card__inner  color-background-2 gradient"
1397        style="--ratio-percent: 100%;"
1398      ><div class="card__content">
1399          <div class="card__information">
1400            <h3 class="card__heading h2">
1401              <a href="/blogs/blog/cozylife" class="full-unstyled-link">
1402                Cozylife  燈泡 / 吸頂燈使用說明
1403              </a>
1404            </h3>
1405            <div class="article-card__info caption-with-letter-spacing h5"><span class="circle-divider"><time datetime="2023-04-13T16:52:00Z">2023年4月14日</time></span></div><p class="article-card__excerpt rte-width">
1405如何選擇: Cozylife是由深圳四博智聯科技有限公司自主開發的平台, 使用時需使用Cozylife App;支持 Alexa Echo、 Google Home、小愛同學、天貓精靈、小度等國內外第三方語音平台, 但不支持Apple Homekit。 HomeKit 是蘋果公司開發的,使用是用蘋果的App,支援iOS 裝置,同時支援Cozylife 所支持的平台。 如何使用1)手機WiFi網絡設置為2.4G;2)下載App或者掃描QR碼3)添加Cozylife設備,按提示操作。   注意事項1)配網時,必須使手機的無線網絡選擇2.4Ghz的頻段上。2)Android手機無法使用homekit,homekit是針對蘋果系統。3)網不成功時,請更換手機或者路由器使用。4)更換網絡環境時,需要使設備恢復出廠設置,然後重新配網。   HomeKit和CozyLife如何切換使用?  預備: 確認是否下載App(蘋果的Home App 和 CozyLife) 連接Wi-Fi 配網  App控制   使用說明: 確認初始狀態:插座類在初始狀態時,指示燈快閃;燈類在初始狀態時白光不停閃爍。...
1406</p><div class="article-card__footer"></div></div></div>
1407      </div>
1408      <div class="card__content">
1409        <div class="card__information">
1410          <h3 class="card__heading h2">
1411            <a href="/blogs/blog/cozylife" class="full-unstyled-link">
1412              Cozylife  燈泡 / 吸頂燈使用說明
1413            </a>
1414          </h3>
1415          <div class="article-card__info caption-with-letter-spacing h5"><span class="circle-divider"><time datetime="2023-04-13T16:52:00Z">2023年4月14日</time></span></div><p class="article-card__excerpt rte-width">如何選擇: Cozylife是由深圳四博智聯科技有限公司自主開發的平台, 使用時需使用Cozylife App;支持 Alexa Echo、 Google Home、小愛同學、天貓精靈、小度等國內外第三方語音平台, 但不支持Apple Homekit。 HomeKit 是蘋果公司開發的,使用是用蘋果的App,支援iOS 裝置,同時支援Cozylife 所支持的平台。 如何使用1)手機WiFi網絡設置為2.4G;2)下載App或者掃描QR碼3)添加Cozylife設備,按提示操作。   注意事項1)配網時,必須使手機的無線網絡選擇2.4Ghz的頻段上。2)Android手機無法使用homekit,homekit是針對蘋果系統。3)網不成功時,請更換手機或者路由器使用。4)更換網絡環境時,需要使設備恢復出廠設置,然後重新配網。   HomeKit和CozyLife如何切換使用?  預備: 確認是否下載App(蘋果的Home App 和 CozyLife) 連接Wi-Fi 配網  App控制   使用說明: 確認初始狀態:插座類在初始狀態時,指示燈快閃;燈類在初始狀態時白光不停閃爍。...
1416</p><div class="article-card__footer"></div></div></div>
1417    </div>
1418  </div></div><div class="blog-articles__article article">
1419<div class="article-card-wrapper card-wrapper underline-links-hover">
1420    
1421    <div
1422      class="
1423        card article-card
1424        card--standard
1425         article-card__image--small
1426         card--text
1427        
1428        
1429      "
1430      style="--ratio-percent: 100%;"
1431    >
1432      <div
1433        class="card__inner  color-background-2 gradient"
1434        style="--ratio-percent: 100%;"
1435      ><div class="card__content">
1436          <div class="card__information">
1437            <h3 class="card__heading h2">
1438              <a href="/blogs/blog/software" class="full-unstyled-link">
1439                Arduino 軟件 / 驅動下載
1440              </a>
1441            </h3>
1442            <div class="article-card__info caption-with-letter-spacing h5"><span class="circle-divider"><time datetime="2023-04-10T05:23:39Z">2023年4月10日</time></span></div><p class="article-card__excerpt rte-width">驅動: CH340 - Windows CH340 - Other OS 其他作業系統 (Windows, MAC, Linux) 主程式: Arduino IDE S4A (Scratch for Arduino) mBlock (Block Programming) KittenBlock (Block Programming - 適合 Micro:bit, Arduino) 支持離線使用...
1443</p><div class="article-card__footer"></div></div></div>
1444      </div>
1445      <div class="card__content">
1446        <div class="card__information">
1447          <h3 class="card__heading h2">
1448            <a href="/blogs/blog/software" class="full-unstyled-link">
1449              Arduino 軟件 / 驅動下載
1450            </a>
1451          </h3>
1452          <div class="article-card__info caption-with-letter-spacing h5"><span class="circle-divider"><time datetime="2023-04-10T05:23:39Z">2023å¹´4月10日</time></span></div><p class="article-card__excerpt rte-width">驅動: CH340 - Windows CH340 - Other OS 其他作業系統 (Windows, MAC, Linux) ä¸
1452»ç¨‹å¼: Arduino IDE S4A (Scratch for Arduino) mBlock (Block Programming) KittenBlock (Block Programming - 適合 Micro:bit, Arduino) 支持離線使用...
1453</p><div class="article-card__footer"></div></div></div>
1454    </div>
1455  </div></div><div class="blog-articles__article article">
1456<div class="article-card-wrapper card-wrapper underline-links-hover">
1457    
1458    <div
1459      class="
1460        card article-card
1461        card--standard
1462         article-card__image--small
1463         card--media
1464        
1465        
1466      "
1467      style="--ratio-percent: 73.26007326007326%;"
1468    >
1469      <div
1470        class="card__inner  color-background-2 gradient ratio"
1471        style="--ratio-percent: 73.26007326007326%;"
1472      ><div class="article-card__image-wrapper card__media">
1473            <div
1474              class="article-card__image media media--hover-effect"
1475              
1476            >
1477              
1478              <img
1479                srcset="//hkstem.club/cdn/shop/articles/arduino.webp?v=1679619328&width=165 165w,//hkstem.club/cdn/shop/articles/arduino.webp?v=1679619328 273w
1480                "
1481                src="//hkstem.club/cdn/shop/articles/arduino.webp?v=1679619328&width=533"
1482                sizes="(min-width: 1200px) 550px, (min-width: 750px) calc((100vw - 130px) / 2), calc((100vw - 50px) / 2)"
1483                alt="給 Arduino 初學者的十大項目"
1484                class="motion-reduce"
1485                
1486                  loading="lazy"
1487                
1488                width="273"
1489                height="200"
1490              >
1491              
1492            </div>
1493          </div><div class="card__content">
1494          <div class="card__information">
1495            <h3 class="card__heading h2">
1496              <a href="/blogs/blog/10-projects-for-arduino-beginners" class="full-unstyled-link">
1497                給 Arduino 初學者的十大項目
1498              </a>
1499            </h3>
1500            <div class="article-card__info caption-with-letter-spacing h5"><span class="circle-divider"><time datetime="2023-03-24T04:18:08Z">2023å¹´3月24日</time></span></div><p class="article-card__excerpt rte-width">Arduino是一個流行的微控制器平台,可以用來創建各種DIY項目。由於其易於使用的編程環境、可負擔的價格以及與各種傳感器和執行器的兼容性,Arduino是初學者探索電子和編程世界的絕佳起點。在這篇博客文章中,我們將分享十個項目想法,可以讓您開始使用Arduino。 1. LED閃爍 這是一個簡單的項目,涉及將LED連接到Arduino板並將其編程以以某種速率閃爍。這個項目是學習Arduino編程和電路基礎的絕佳起點。 2. 溫度傳感器 使用Arduino板和溫度傳感器,您可以創建一個測量周圍環境溫度並在LCD屏幕或LED顯示器上顯示其值的設備。 3. 光線傳感器 另一個簡單的項目涉及使用光線傳感器來檢測房間內的光線強度,並根據讀數開啟或關閉燈光。 4. 超聲波傳感器 超聲波傳感器可用於測量物體與傳感器之間的距離。您可以使用這些信息創建一個檢測物體接近並觸發動作的設備,例如發出警報。 5. 伺服馬達 伺服馬達可用於創建可以移動或旋轉元件的設備。例如,您可以創建一個可以向不同方向移動的機械臂或跟隨人的動作的相機。 6. 運動檢測器 使用運動傳感器,您可以創建一個檢測運動並觸發動作的設備,例如開啟燈光或發出警報。 7. RFID閱讀器 RFID閱讀器可用於從RFID標籤讀取數據並根據信息執行各種操作。例如,您可以創建一個在掃描正確的RFID標籤時解鎖門的設備。 8. 物聯網(IoT)您可以創建可通過智慧手機或電腦遠程控制的物聯網項目。例如,您可以創建一個監測房間溫度和濕度並將數據傳送到Web伺服器的設備。 9. 智能家居自動化您可以創建一個智能家居自動化系統,控制各種家用電器,例如燈光、風扇和空調。您可以使用傳感器和執行器根據環境或用戶輸入自動執行各種任務。 10. 機器人技術 Arduino可用於創建各種機器人項目,例如跟隨線路的機器人、避免障礙的機器人和遙控機器人。您可以使用各種傳感器和馬達創建不å
1500Œçš„行為和動作。 Arduino是初學者探索電子和編程世界的優秀平台。使用這十個項目想法,您可以開始使用Arduino並創建各種DIY項目,幫助您學習新技能和概念。所以,拿起您的Arduino板,開始動手吧!...
1501</p><div class="article-card__footer"></div></div></div>
1502      </div>
1503      <div class="card__content">
1504        <div class="card__information">
1505          <h3 class="card__heading h2">
1506            <a href="/blogs/blog/10-projects-for-arduino-beginners" class="full-unstyled-link">
1507              給 Arduino 初學者的十大項目
1508            </a>
1509          </h3>
1510          <div class="article-card__info caption-with-letter-spacing h5"><span class="circle-divider"><time datetime="2023-03-24T04:18:08Z">2023年3月24日</time></span></div><p class="article-card__excerpt rte-width">Arduino是一個流行的微控制器平台,可以用來創建各種DIY項目。由於其易於使用的編程環境、可負擔的價格以及與各種傳感器和執行器的兼容性,Arduino是初學者探索電子和編程世界的絕佳起點。在這篇博客文章中,我們將分享十個項目想法,可以讓您開始使用Arduino。 1. LED閃爍 這是一個簡單的項目,涉及將LED連接到Arduino板並將其編程以以某種速率閃爍。這個項目是學習Arduino編程和電路基礎的絕佳起點。 2. 溫度傳感器 使用Arduino板和溫度傳感器,您可以創建一個測量周圍環境溫度並在LCD屏幕或LED顯示器上顯示其值的設備。 3. 光線傳感器 另一個簡單的項目涉及使用光線傳感器來檢測房間內的光線強度,並根據讀數開啟或關閉燈光。 4. 超聲波傳感器 超聲波傳感器可用於測量物體與傳感器之間的距離。您可以使用這些信息創建一個檢測物體接近並觸發動作的設備,例如發出警報。 5. 伺服馬達 伺服馬達可用於創建可以移動或旋轉元件的設備。例如,您可以創建一個可以向不同方向移動的機械臂或跟隨人的動作的相機。 6. 運動檢測器 使用運動傳感器,您可以創建一個檢測運動並觸發動作的設備,例如開啟燈光或發出警報。 7. RFID閱讀器 RFID閱讀器可用於從RFID標籤讀取數據並根據信息執行各種操作。例如,您可以創建一個在掃描正確的RFID標籤時解鎖門的設備。 8. 物聯網(IoT)您可以創建可通過智慧手機或電腦遠程控制的物聯網項目。例如,您可以創建一個監測房間溫度和濕度並將數據傳送到Web伺服器的設備。 9. 智能家居自動化您可以創建一個智能家居自動化系統,控制各種家用電器,例如燈光、風扇和空調。您可以使用傳感器和執行器根據環境或用戶輸入自動執行各種任務。 10. 機器人技術 Arduino可用於創建各種機器人項目,例如跟隨線路的機器人、避免障礙的機器人和遙控機器人。您可以使用各種傳感器和馬達創建不同的行為和動作。 Arduino是初學者探索電子和編程世界的優秀平台。使用這十個項目想法,您可以開始使用Arduino並創建各種DIY項目,幫助您學習新技能和概念。所以,拿起您的Arduino板,開始動手吧!...
1511</p><div class="article-card__footer"></div></div></div>
1512    </div>
1513  </div></div><div class="blog-articles__article article">
1514<div class="article-card-wrapper card-wrapper underline-links-hover">
1515    
1516    <div
1517      class="
1518        card article-card
1519        card--standard
1520         article-card__image--small
1521         card--media
1522        
1523        
1524      "
1525      style="--ratio-percent: 54.01459854014599%;"
1526    >
1527      <div
1528        class="card__inner  color-background-2 gradient ratio"
1529        style="--ratio-percent: 54.01459854014599%;"
1530      ><div class="article-card__image-wrapper card__media">
1531            <div
1532              class="article-card__image media media--hover-effect"
1533              
1534            >
1535              
1536              <img
1537                srcset="//hkstem.club/cdn/shop/articles/mixly.png?v=1679630501&width=165 165w,//hkstem.club/cdn/shop/articles/mixly.png?v=1679630501&width=360 360w,//hkstem.club/cdn/shop/articles/mixly.png?v=1679630501&width=533 533w,//hkstem.club/cdn/shop/articles/mixly.png?v=1679630501&width=720 720w,//hkstem.club/cdn/shop/articles/mixly.png?v=1679630501&width=1000 1000w,//hkstem.club/cdn/shop/articles/mixly.png?v=1679630501&width=1500 1500w,//hkstem.club/cdn/shop/articles/mixly.png?v=1679630501 1918w
1538                "
1539                src="//hkstem.club/cdn/shop/articles/mixly.png?v=1679630501&width=533"
1540                sizes="(min-width: 1200px) 550px, (min-width: 750px) calc((100vw - 130px) / 2), calc((100vw - 50px) / 2)"
1541                alt="Mixly"
1542                class="motion-reduce"
1543                
1544                  loading="lazy"
1545                
1546                width="1918"
1547                height="1036"
1548              >
1549              
1550            </div>
1551          </div><div class="card__content">
1552          <div class="card__information">
1553            <h3 class="card__heading h2">
1554              <a href="/blogs/blog/mixly" class="full-unstyled-link">
1555                Mixly
1556              </a>
1557            </h3>
1558            <div class="article-card__info caption-with-letter-spacing h5"><span class="circle-divider"><time datetime="2023-03-24T04:00:00Z">2023年3月24日</time></span></div><p class="article-card__excerpt rte-width">
1559
1560
1561Mixly是一個強大的圖形化編程平台,可以讓初學者以視覺和直觀的方式學習編程。在這篇博客文章中,我們將帶領您了解如何使用Mixly創建自己的程序的基礎知識。
1562開始使用Mixly 要開始使用Mixly,您首先需要從官方網站下載和安裝軟件。下載並安裝完軟件後,您可以啟動程序並開始探索其功能。
1563 
1564下載 Mixly (Most Updated version 2.0RC3) :https://gitee.com/mixly2/mixly2.0-win32-x64
1565參考網站:
1566
1567https://mixly.org/
1568https://mixly.readthedocs.io/zh_CN/latest/basic/01Mixly_introduction.html
1569http://wiki.sunfounder.cc/index.php?title=Get_started_with_Mixly
1570
1571 
1572 
1573Mixly界面 Mixly的界面直觀簡單,易於初學者操作。介面分為幾個部分,包括畫布區域、工具欄和工具箱。畫布區域是您構建程序的地方,而工具欄包含各種按鈕,可以讓您保存、加載和運行程序。工具箱包含所有不同的編程塊,您可以使用它們來創建程序。
1574構建第一個程序 要在Mixly中構建第一個程序,您需要從工具箱中選擇所需的編程塊,並將它們拖放到畫布區域中。將塊放在畫布區域後,您可以開始連接它們以創建程序。
1575多種編程語言Mixly支持包括Python、C++和Arduino。要選擇語言,只需單擊“語言”下拉菜單,然後選擇要使用的語言即可。
1576模擬和測試程序 Mixly的一個很棒的功能是它可以模擬和測試您的程序,無需實體硬件。要測試程序,只需在工具欄中單擊“模擬器”按鈕,Mixly將啟動模擬器。
1577測試程序模擬器允許您測試程序,並實時查看其運行方式。您還可以在模擬器中修改程序,並查看您的更改如何影響程序的行為。
1578上傳程序到硬件 一旦您測試過程序並對其行為感到滿意,就可以將其上傳到實體硬件。要這樣做,您需要使用USB電纜將硬件連接到計算機上,然後在工具欄中單擊“上傳”按鈕。
1579 
1580Mixly是一個優秀的工具,適合想要以視覺和直觀的方式學習編程的初學者。其使用者友好的介面、模擬功能和對各種編程語言的支援,使其成為初學者開始學習編程的理想平台。透過Mixly,您可以創建自己的程式,並以引人入勝和有趣的方式學習編程概念。
1581
1582
1583
1584</p><div class="article-card__footer"></div></div></div>
1585      </div>
1586      <div class="card__content">
1587        <div class="card__information">
1588          <h3 class="card__heading h2">
1589            <a href="/blogs/blog/mixly" class="full-unstyled-link">
1590              Mixly
1591            </a>
1592          </h3>
1593          <div class="article-card__info caption-with-letter-spacing h5"><span class="circle-divider"><time datetime="2023-03-24T04:00:00Z">2023年3月24日</time></span></div><p class="article-card__excerpt rte-width">
1594
1595
1596Mixly是一個強大的圖形化編程平台,可以讓初學者以視覺和直觀的方式學習編程。在這篇博客文章中,我們將帶領您了解如何使用Mixly創建自己的程序的基礎知識。
1597開始使用Mixly 要開始使用Mixly,您首先需要從官方網站下載和安裝軟件。下載並安裝完軟件後,您可以啟動程序並開始探索其功能。
1598 
1599下載 Mixly (Most Updated version 2.0RC3) :https://gitee.com/mixly2/mixly2.0-win32-x64
1600參考網站:
1601
1602https://mixly.org/
1603https://mixly.readthedocs.io/zh_CN/latest/basic/01Mixly_introduction.html
1604http://wiki.sunfounder.cc/index.php?title=Get_started_with_Mixly
1605
1606 
1607 
1608Mixly界面 Mixly的界面直觀簡單,易於初學者操作。介面分為幾個部分,包括畫布區域、工具欄和工具箱。畫布區域是您構建程序的地方,而工具欄包含各種按鈕,可以讓您保存、加載和運行程序。工具箱包含所有不同的編程塊,您可以使用它們來創建程序。
1609構建第一個程序 要在Mixly中構建第一個程序,您需要從工具箱中選擇所需的編程塊,並將它們拖放到畫布區域中。將塊放在畫布區域後,您可以開始連接它們以創建程序。
1610多種編程語言Mixly支持包括Python、C++和Arduino。要選擇語言,只需單擊“語言”下拉菜單,然後選擇要使用的語言即可。
1611模擬和測試程序 Mixly的一個很棒的功能是它可以模擬和測試您的程序,無需實體硬件。要測試程序,只需在工具欄中單擊“模擬器”按鈕,Mixly將啟動模擬器。
1612測試程序模擬器允許您測試程序,並實時查看其運行方式。您還可以在模擬器中修改程
1612序,並查看您的更改如何影響程序的行為。
1613上傳程序到硬件 一旦您測試過程序並對其行為感到滿意,就可以將其上傳到實體硬件。要這樣做,您需要使用USB電纜將硬件連接到計算機上,然後在工具欄中單擊“上傳”按鈕。
1614 
1615Mixly是一個優秀的工具,適合想要以視覺和直觀的方式學習編程的初學者。其使用者友好的介面、模擬功能和對各種編程語言的支援,使其成為初學者開始學習編程的理想平台。透過Mixly,您可以創建自己的程式,並以引人入勝和有趣的方式學習編程概念。
1616
1617
1618
1619</p><div class="article-card__footer"></div></div></div>
1620    </div>
1621  </div></div></div>
1622
1623<link rel="stylesheet" href="//hkstem.club/cdn/shop/t/2/assets/component-pagination.css?v=136206814810731739951679578731" media="print" onload="this.media='all'">
1624<noscript><link href="//hkstem.club/cdn/shop/t/2/assets/component-pagination.css?v=136206814810731739951679578731" rel="stylesheet" type="text/css" media="all" /></noscript><div class="pagination-wrapper">
1625    <nav class="pagination" role="navigation" aria-label="分頁">
1626      <ul class="pagination__list list-unstyled" role="list"><li><a
1627                  role="link"
1628                  aria-disabled="true"
1629                  class="pagination__item pagination__item--current light"
1630                  aria-current="page"
1631                  aria-label="第 1 頁"
1632                >1</a></li><li><a
1633                href="/blogs/blog?page=2"
1634                class="pagination__item link"
1635                aria-label="第 2 頁"
1636              >2</a></li><li class="infinite_next">
1637            <a
1638              href="/blogs/blog?page=2"
1639              class="pagination__item pagination__item--prev pagination__item-arrow link motion-reduce"
1640              aria-label="下一頁"
1641            ><svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
1642  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1643</svg>
1644</a>
1645          </li></ul>
1646    </nav>
1647  </div></div>
1648</section>
1649    </main>
1650
1651    <!-- BEGIN sections: footer-group -->
1652<div id="shopify-section-sections--18298984956199__footer" class="shopify-section shopify-section-group-footer-group">
1653<link href="//hkstem.club/cdn/shop/t/2/assets/section-footer.css?v=29640687956118599371679578733" rel="stylesheet" type="text/css" media="all" />
1654<link rel="stylesheet" href="//hkstem.club/cdn/shop/t/2/assets/component-newsletter.css?v=103472482056003053551679578731" media="print" onload="this.media='all'">
1655<link rel="stylesheet" href="//hkstem.club/cdn/shop/t/2/assets/component-list-menu.css?v=151968516119678728991679578731" media="print" onload="this.media='all'">
1656<link rel="stylesheet" href="//hkstem.club/cdn/shop/t/2/assets/component-list-payment.css?v=69253961410771838501679578731" media="print" onload="this.media='all'">
1657<link rel="stylesheet" href="//hkstem.club/cdn/shop/t/2/assets/component-list-social.css?v=52211663153726659061679578731" media="print" onload="this.media='all'">
1658<link rel="stylesheet" href="//hkstem.club/cdn/shop/t/2/assets/component-rte.css?v=73443491922477598101679578732" media="print" onload="this.media='all'">
1659<link rel="stylesheet" href="//hkstem.club/cdn/shop/t/2/assets/disclosure.css?v=646595190999601341679578732" media="print" onload="this.media='all'">
1660
1661<noscript><link href="//hkstem.club/cdn/shop/t/2/assets/component-newsletter.css?v=103472482056003053551679578731" rel="stylesheet" type="text/css" media="all" /></noscript>
1662<noscript><link href="//hkstem.club/cdn/shop/t/2/assets/component-list-menu.css?v=151968516119678728991679578731" rel="stylesheet" type="text/css" media="all" /></noscript>
1663<noscript><link href="//hkstem.club/cdn/shop/t/2/assets/component-list-payment.css?v=69253961410771838501679578731" rel="stylesheet" type="text/css" media="all" /></noscript>
1664<noscript><link href="//hkstem.club/cdn/shop/t/2/assets/component-list-social.css?v=52211663153726659061679578731" rel="stylesheet" type="text/css" media="all" /></noscript>
1665<noscript><link href="//hkstem.club/cdn/shop/t/2/assets/component-rte.css?v=73443491922477598101679578732" rel="stylesheet" type="text/css" media="all" /></noscript>
1666<noscript><link href="//hkstem.club/cdn/shop/t/2/assets/disclosure.css?v=646595190999601341679578732" rel="stylesheet" type="text/css" media="all" /></noscript><style data-shopify>.footer {
1667    margin-top: 36px;
1668  }
1669
1670  .section-sections--18298984956199__footer-padding {
1671    padding-top: 27px;
1672    padding-bottom: 27px;
1673  }
1674
1675  @media screen and (min-width: 750px) {
1676    .footer {
1677      margin-top: 48px;
1678    }
1679
1680    .section-sections--18298984956199__footer-padding {
1681      padding-top: 36px;
1682      padding-bottom: 36px;
1683    }
1684  }</style><footer class="footer color-background-1 gradient section-sections--18298984956199__footer-padding">
1684<div class="footer__content-top page-width"><div class="footer__blocks-wrapper grid grid--1-col grid--2-col grid--4-col-tablet "><div class="footer-block grid__item footer-block--menu" ><ul class="footer-block__details-content list-unstyled"><li>
1685                            <a href="/" class="link link--text list-menu__item list-menu__item--link">
1686                              主頁
1687                            </a>
1688                          </li><li>
1689                            <a href="/collections" class="link link--text list-menu__item list-menu__item--link">
1690                              STEM產品
1691                            </a>
1692                          </li><li>
1693                            <a href="/pages/purchasing" class="link link--text list-menu__item list-menu__item--link">
1694                              代購服務
1695                            </a>
1696                          </li><li>
1697                            <a href="/pages/terms" class="link link--text list-menu__item list-menu__item--link">
1698                              付款方式
1699                            </a>
1700                          </li><li>
1701                            <a href="/pages/refund" class="link link--text list-menu__item list-menu__item--link">
1702                              退款政策
1703                            </a>
1704                          </li><li>
1705                            <a href="/pages/contactus" class="link link--text list-menu__item list-menu__item--link">
1706                              聯絡我們
1707                            </a>
1708                          </li></ul></div><div class="footer-block grid__item" ><h2 class="footer-block__heading">HK STEM CLUB</h2><div class="footer-block__details-content rte">
1709                      <p>電話 / WhatsApp: 9851-1356</p><p>傳真 Fax : 3007-9356</p><p>Email: [email protected]</p><p>地址 Address: <br/>B7, 8/F, Delya Industrial Building, No. 7 Shek Pei Tau Road, Tuen Mun, N.T., Hong Kong</p><p></p>
1710                    </div></div><div class="footer-block grid__item" ><div class="footer-block__details-content footer-block-image center"><div class="footer-block__image-wrapper global-media-settings"  style="max-width: min(100%, 315px);">
1711                          <img
1712                            srcset= "//hkstem.club/cdn/shop/files/payment.png?v=1681139168&width=315, //hkstem.club/cdn/shop/files/payment.png?v=1681139168&width=630 2x"
1713                            src="//hkstem.club/cdn/shop/files/payment.png?v=1681139168&width=760"
1714                            alt=""
1715                            loading="lazy"
1716                            width="679"
1717                            height="463"
1718                          >
1719                        </div></div></div></div><div class="footer-block--newsletter"></div>
1720      </div><div class="footer__content-bottom">
1721    <div class="footer__content-bottom-wrapper page-width">
1722      <div class="footer__column footer__localization isolate"><noscript><form method="post" action="/localization" id="FooterCountryFormNoScript" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/blogs/blog" /><div class="localization-form__select">
1723                <h2 class="visually-hidden" id="FooterCountryLabelNoScript">國家/地區</h2>
1724                <select class="localization-selector link" name="country_code" aria-labelledby="FooterCountryLabelNoScript"><option value="TW">
1725                      台灣 (TWD $)
1726                    </option><option value="SG">
1727                      新加坡 (SGD $)
1728                    </option><option value="MO">
1729                      澳門特別行政區 (MOP P)
1730                    </option><option value="US" selected>
1731                      美國 (USD $)
1732                    </option><option value="GB">
1733                      英國 (GBP £)
1734                    </option><option value="HK">
1735                      香港特別行政區 (HKD $)
1736                    </option><option value="MY">
1737                      馬來西亞 (MYR RM)
1738                    </option></select>
1739                <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
1740  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1741</svg>
1742
1743              </div>
1744              <button class="button button--tertiary">更新國家/地區</button></form></noscript>
1745          <localization-form><form method="post" action="/localization" id="FooterCountryForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/blogs/blog" /><div class="no-js-hidden">
1746                <h2 class="caption-large text-body" id="FooterCountryLabel">國家/地區</h2>
1747                <div class="disclosure">
1748                  <button type="button" class="disclosure__button localization-form__select localization-selector link link--text caption-large" aria-expanded="false" aria-controls="FooterCountryList" aria-describedby="FooterCountryLabel">
1749                    美國 (USD $)
1750                    <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
1751  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1752</svg>
1753
1754                  </button>
1755                  <div class="disclosure__list-wrapper" hidden>
1756                    <ul id="FooterCountryList" role="list" class="disclosure__list list-unstyled"><li class="disclosure__item" tabindex="-1">
1757                          <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="TW">
1758                            台灣 <span class="localization-form__currency">(TWD $)</span>
1759                          </a>
1760                        </li><li class="disclosure__item" tabindex="-1">
1761                          <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="SG">
1762                            新加坡 <span class="localization-form__currency">(SGD $)</span>
1763                          </a>
1764                        </li><li class="disclosure__item" tabindex="-1">
1765                          <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="MO">
1766                            澳門特別行政區 <span class="localization-form__currency">(MOP P)</span>
1767                          </a>
1768                        </li><li class="disclosure__item" tabindex="-1">
1769                          <a class="link link--text disclosure__link caption-large disclosure__link--active focus-inset" href="#" aria-current="true" data-value="US">
1770                            美國 <span class="localization-form__currency">(USD $)</span>
1771                          </a>
1772                        </li><li class="disclosure__item" tabindex="-1">
1773                          <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="GB">
1774                            英國 <span class="localization-form__currency">(GBP £)</span>
1775                          </a>
1776                        </li><li class="disclosure__item" tabindex="-1">
1777                          <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="HK">
1778                            香港特別行政區 <span class="localization-form__currency">(HKD $)</span>
1779                          </a>
1780                        </li><li class="disclosure__item" tabindex="-1">
1781                          <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="MY">
1782                            馬來西亞 <span class="localization-form__currency">(MYR RM)</span>
1783                          </a>
1784                        </li></ul>
1785                  </div>
1786                </div>
1787                <input type="hidden" name="country_code" value="US">
1788              </div></form></localization-form></div>
1789      <div class="footer__column footer__column--info"></div>
1790    </div>
1791    <div class="footer__content-bottom-wrapper page-width">
1792      <div class="footer__copyright caption">
1793        <small class="copyright__content">&copy; 2026, <a href="/" title="">HK STEM CLUB</a></small>
1794        <small class="copyright__content">由 Shopify 技術支援</small></div>
1795    </div>
1796  </div>
1797</footer>
1798
1799
1800
1801
1802</div>
1803<!-- END sections: footer-group -->
1804
1805    <ul hidden>
1806      <li id="a11y-refresh-page-message">選擇項目後,整個頁面將重新整理。</li>
1807      <li id="a11y-new-window-message">在新視窗中開啟。</li>
1808    </ul>
1809
1810    
1810<script>
1811      window.shopUrl = 'https://hkstem.club';
1812      window.routes = {
1813        cart_add_url: '/cart/add',
1814        cart_change_url: '/cart/change',
1815        cart_update_url: '/cart/update',
1816        cart_url: '/cart',
1817        predictive_search_url: '/search/suggest'
1818      };
1819
1820      window.cartStrings = {
1821        error: `更新購物車時發生錯誤。請再試一次。`,
1822        quantityError: `您只能將 [quantity] 項商品加入您的購物車。`
1823      }
1824
1825      window.variantStrings = {
1826        addToCart: `加入購物車`,
1827        soldOut: `售罄`,
1828        unavailable: `無法供貨`,
1829        unavailable_with_option: `[value] (無法供貨)`,
1830      }
1831
1832      window.accessibilityStrings = {
1833        imageAvailable: `現在可在圖庫檢視畫面中查看圖片 [index]`,
1834        shareSuccess: `連結已複製到剪貼簿`,
1835        pauseSlideshow: `暫停素材輪播`,
1836        playSlideshow: `播放素材輪播`,
1837      }
1838    </script>
1838<script src="//hkstem.club/cdn/shop/t/2/assets/predictive-search.js?v=16985596534672189881679578732" defer="defer"></script>
1838<script src="//hkstem.club/cdn/shop/t/2/assets/seedgrow-whatsapp-init.js?v=97734740790923370841680219755" defer="defer"></script>
1838<script src="//hkstem.club/cdn/shop/t/2/assets/seedgrow-whatsapp-lib.js?v=130504537586646342821680219182" defer="defer"></script>
1838<div id="shopify-block-AZmlzTlZlTkFoVVZQN__11813581335429059158" class="shopify-block shopify-app-block">
1839
1840<link href="//cdn.shopify.com/extensions/01a0ad4c-c6f3-78e6-9429-fe2a0991a983/whatsapp-chat-12-83/assets/whatsapp-style.min.css" rel="stylesheet" type="text/css" media="all" />
1840<script src="https://cdn.shopify.com/extensions/01a0ad4c-c6f3-78e6-9429-fe2a0991a983/whatsapp-chat-12-83/assets/njt-whatsapp.min.js" type="text/javascript" defer="defer"></script>
1840
1841    <div id="wa" class="wa__widget_container" data-shop-domain="hkstem.club"></div>
1842    
1842<script>
1843        
1844        let sgwaWidgetShowOnDesktop = true;
1845        let sgwaWidgetShowOnMobile = true;
1846        let sgwaWidgetShowLabelOnDesktop = true;
1847        let sgwaWidgetShowLabelOnMobile = true;
1848        let sgwaWidgetShowDismissButtonOnDesktop = true;
1849        let sgwaWidgetShowDismissButtonOnMobile = true;
1850        let sgwaWidgetShowScrollBar = false;
1851        let sgwaWidgetShowGDPRNotice = false;
1852        let sgwaWidgetLabelText = "Need Help? <strong>Chat with us</strong>";
1853        let sgwaWidgetText = "Start a Conversation";
1854        let sgwaWidgetDescription = "Hi! Click one of our member below to chat on <strong>Whatsapp</strong>";
1855        let sgwaWidgetResponseText = "The team typically replies in a few minutes.";
1856        let sgwaWidgetGDPRNotice = 'Please accept our <a href="https://seedgrow.net/privacy-policy/">privacy policy</a> first to start a conversation.';
1857        let sgwaWidgetBackgroundColor = "2DB742";
1858        let sgwaWidgetTextColor = "ffffff";
1859        let sgwaWidgetPosition = "right";
1860        let sgwaWidgetLabelWidth = 155;
1861        let sgwaWidgetScrollBarHeight = 500;
1862        let sgwaWidgetDistanceLeft = 30;
1863        let sgwaWidgetDistanceRight = 30;
1864        let sgwaWidgetDistanceBottom = 30; 
1865        let sgwaWidgetIconSize = 56;
1866        let sgwaWidgetUseClickToChat = false;sgwaWidgetShowLabelOnDesktop = false;sgwaWidgetShowLabelOnMobile = false;sgwaWidgetShowDismissButtonOnDesktop = false;sgwaWidgetShowDismissButtonOnMobile = false;sgwaWidgetLabelText = `Need Help? Chat with us`;sgwaWidgetText = `WhatsApp 與我們聯絡`;sgwaWidgetDescription = ``;sgwaWidgetResponseText = `點擊 HK STEM CLUB 與我們聯絡!<br>
1867一般服務時間: 10am - 5pm`;sgwaWidgetGDPRNotice = `Please accept our privacy policy first to start a conversation.`;sgwaWidgetBackgroundColor = "#2db742";sgwaWidgetTextColor = "#ffffff";sgwaWidgetPosition = "right";sgwaWidgetLabelWidth = 155;sgwaWidgetScrollBarHeight = 500;sgwaWidgetDistanceLeft = 30;sgwaWidgetDistanceRight = 30;sgwaWidgetDistanceBottom = 30;sgwaWidgetIconSize = 56;window.seedgrow_widget_setting = {
1868            backgroundColor: sgwaWidgetBackgroundColor,
1869            btnBottomDistance: sgwaWidgetDistanceBottom,
1870            btnLabel: sgwaWidgetLabelText,
1871            btnLabelWidth: sgwaWidgetLabelWidth,
1872            btnLeftDistance: sgwaWidgetDistanceLeft,
1873            btnPosition: sgwaWidgetPosition,
1874            btnRightDistance: sgwaWidgetDistanceRight,
1875            description: sgwaWidgetDescription,
1876            gdprContent: sgwaWidgetGDPRNotice,
1877            isShowOnDesktop: sgwaWidgetShowOnDesktop === true ? "ON" : "OFF",
1878            isShowOnMobile: sgwaWidgetShowOnMobile === true ? "ON" : "OFF",
1879            isShowLabelOnMobile: sgwaWidgetShowLabelOnMobile === true ? "ON" : "OFF",
1880            isShowLabelOnDesktop: sgwaWidgetShowLabelOnDesktop === true ? "ON" : "OFF",
1881            isShowDismissButtonOnDesktop: sgwaWidgetShowDismissButtonOnDesktop === true ? "ON" : "OFF",
1882            isShowDismissButtonOnMobile: sgwaWidgetShowDismissButtonOnMobile === true ? "ON" : "OFF",
1883            isShowGDPR: sgwaWidgetShowGDPRNotice === true ? "ON" : "OFF",
1884            isShowPoweredBy: "ON",
1885            isShowResponseText: "ON",
1886            isShowScroll: sgwaWidgetShowScrollBar === true ? "ON" : "OFF",
1887            responseText: sgwaWidgetResponseText,
1888            scrollHeight: sgwaWidgetScrollBarHeight,
1889            textColor: sgwaWidgetTextColor,
1890            title: sgwaWidgetText,
1891            iconSize: sgwaWidgetIconSize,
1892            useClickToChat: sgwaWidgetUseClickToChat
1893        };
1894        if (typeof seedgrowWhatsAppDataJson === 'undefined' && ``.length > 0) {
1895            let seedgrowWhatsAppDataJson = JSON.parse(``.replaceAll("=>", ":").replaceAll("\n", "\\n"));
1896            seedgrowWhatsAppDataJson['defaultAvatarSVG'] = '<svg width="48px" height="48px" class="nta-whatsapp-default-avatar" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"><path style="fill:#EDEDED;" d="M0,512l35.31-128C12.359,344.276,0,300.138,0,254.234C0,114.759,114.759,0,255.117,0 S512,114.759,512,254.234S395.476,512,255.117,512c-44.138,0-86.51-14.124-124.469-35.31L0,512z"/> <path style="fill:#55CD6C;" d="M137.71,430.786l7.945,4.414c32.662,20.303,70.621,32.662,110.345,32.662 c115.641,0,211.862-96.221,211.862-213.628S371.641,44.138,255.117,44.138S44.138,137.71,44.138,254.234 c0,40.607,11.476,80.331,32.662,113.876l5.297,7.945l-20.303,74.152L137.71,430.786z"/> <path style="fill:#FEFEFE;" d="M187.145,135.945l-16.772-0.883c-5.297,0-10.593,1.766-14.124,5.297 c-7.945,7.062-21.186,20.303-24.717,37.959c-6.179,26.483,3.531,58.262,26.483,90.041s67.09,82.979,144.772,105.048 c24.717,7.062,44.138,2.648,60.028-7.062c12.359-7.945,20.303-20.303,22.952-33.545l2.648-12.359 c0.883-3.531-0.883-7.945-4.414-9.71l-55.614-25.6c-3.531-1.766-7.945-0.883-10.593,2.648l-22.069,28.248 c-1.766,1.766-4.414,2.648-7.062,1.766c-15.007-5.297-65.324-26.483-92.69-79.448c-0.883-2.648-0.883-5.297,0.883-7.062 l21.186-23.834c1.766-2.648,2.648-6.179,1.766-8.828l-25.6-57.379C193.324,138.593,190.676,135.945,187.145,135.945"/></svg>';
1897            window.seedgrow_wa_data = seedgrowWhatsAppDataJson;
1898        } else if (typeof seedgrowWhatsAppDataJson === 'undefined' && ``.length > 0) {
1899            let seedgrowWhatsAppDataJson = JSON.parse(``.replaceAll("=>", ":").replaceAll("\n", "\\n"));
1900            seedgrowWhatsAppDataJson['defaultAvatarSVG'] = '<svg width="48px" height="48px" class="nta-whatsapp-default-avatar" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"><path style="fill:#EDEDED;" d="M0,512l35.31-128C12.359,344.276,0,300.138,0,254.234C0,114.759,114.759,0,255.117,0 S512,114.759,512,254.234S395.476,512,255.117,512c-44.138,0-86.51-14.124-124.469-35.31L0,512z"/> <path style="fill:#55CD6C;" d="M137.71,430.786l7.945,4.414c32.662,20.303,70.621,32.662,110.345,32.662 c115.641,0,211.862-96.221,211.862-213.628S371.641,44.138,255.117,44.138S44.138,137.71,44.138,254.234 c0,40.607,11.476,80.331,32.662,113.876l5.297,7.945l-20.303,74.152L137.71,430.786z"/> <path style="fill:#FEFEFE;" d="M187.145,135.945l-16.772-0.883c-5.297,0-10.593,1.766-14.124,5.297 c-7.945,7.062-21.186,20.303-24.717,37.959c-6.179,26.483,3.531,58.262,26.483,90.041s67.09,82.979,144.772,105.048 c24.717,7.062,44.138,2.648,60.028-7.062c12.359-7.945,20.303-20.303,22.952-33.545l2.648-12.359 c0.883-3.531-0.883-7.945-4.414-9.71l-55.614-25.6c-3.531-1.766-7.945-0.883-10.593,2.648l-22.069,28.248 c-1.766,1.766-4.414,2.648-7.062,1.766c-15.007-5.297-65.324-26.483-92.69-79.448c-0.883-2.648-0.883-5.297,0.883-7.062 l21.186-23.834c1.766-2.648,2.648-6.179,1.766-8.828l-25.6-57.379C193.324,138.593,190.676,135.945,187.145,135.945"/></svg>';
1901            window.seedgrow_wa_data = seedgrowWhatsAppDataJson;
1902        }
1903    </script>
1903
1904    
1905    
1905<script src="https://cdn.shopify.com/extensions/01a0ad4c-c6f3-78e6-9429-fe2a0991a983/whatsapp-chat-12-83/assets/whatsapp-widget.min.js" type="text/javascript" defer="defer"></script>
1905
1906</div>
1906<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
1906
1907</body>
1908</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.